From 886a21296684337d54d9712114b0183ab1786f84 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 21 Oct 2022 20:22:59 +0700
Subject: [PATCH 001/202] feat: added optional webapi integration

---
 .eslintrc                                     |   4 +-
 package.json                                  |   5 +-
 public/env/env.json                           |   4 +
 src/app/providers/store/index.js              |   2 +
 src/main.js                                   |  24 +-
 src/pages/info/WebApiInfo.vue                 |  70 ++++
 .../{ => components}/DesiredDomains.vue       |  16 +-
 .../{ => components}/DomainRequirements.vue   |   6 +-
 .../{ => components}/FinalEstimation.vue      |  18 +-
 .../{ => components}/Range.vue                |  20 +-
 .../{ => components}/RequiredConcepts.vue     | 359 ++++++++++--------
 .../{ => components}/VisitTypes.vue           |   6 +-
 .../NetworkDataFeasibilityReport/index.vue    |  14 +-
 .../exploreReports/config/dataLoadConfig.js   |  29 +-
 src/processes/exploreReports/config/routes.js |   6 +
 .../exploreReports/model/store/data.module.js |  79 ++--
 src/shared/api/{loadFile.js => apiService.js} |   6 +-
 src/shared/api/environment.js                 |  13 +
 src/shared/api/webAPI/index.js                |   3 +
 src/shared/api/webAPI/store/actions.type.js   |   4 +
 src/shared/api/webAPI/store/mutations.type.js |   2 +
 src/shared/api/webAPI/store/webApi.module.js  |  62 +++
 .../api/webAPI/webApiServices/infoService.js  |  35 ++
 .../webApiServices/vocabularyService.js       |  15 +
 src/shared/config/webApiKeyMap.js             |  10 +
 .../lib/mixins/methods/debouncedSearch.js     |   2 +-
 src/widgets/bottomNav/ui/BottomNav.vue        |   9 +
 src/widgets/explorer/config/reports.js        |   6 +
 .../explorer/model/store/explorer.module.js   |  14 +-
 29 files changed, 595 insertions(+), 248 deletions(-)
 create mode 100644 public/env/env.json
 create mode 100644 src/pages/info/WebApiInfo.vue
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/DesiredDomains.vue (93%)
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/DomainRequirements.vue (95%)
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/FinalEstimation.vue (92%)
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/Range.vue (94%)
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/RequiredConcepts.vue (51%)
 rename src/pages/reports/network/NetworkDataFeasibilityReport/{ => components}/VisitTypes.vue (96%)
 rename src/shared/api/{loadFile.js => apiService.js} (81%)
 create mode 100644 src/shared/api/environment.js
 create mode 100644 src/shared/api/webAPI/index.js
 create mode 100644 src/shared/api/webAPI/store/actions.type.js
 create mode 100644 src/shared/api/webAPI/store/mutations.type.js
 create mode 100644 src/shared/api/webAPI/store/webApi.module.js
 create mode 100644 src/shared/api/webAPI/webApiServices/infoService.js
 create mode 100644 src/shared/api/webAPI/webApiServices/vocabularyService.js
 create mode 100644 src/shared/config/webApiKeyMap.js

diff --git a/.eslintrc b/.eslintrc
index 26a5e121..4241ec87 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -6,13 +6,15 @@
   "extends": [
     "plugin:vue/essential",
     "plugin:vue/recommended",
-    "@vue/prettier"
+    "@vue/prettier",
+    "plugin:vuetify/base"
   ],
   "parserOptions": {
     "parser": "@babel/eslint-parser",
     "requireConfigFile": false
   },
   "rules": {
+    "no-warning-comments": 0,
     "eqeqeq": "warn",
     "vue/eqeqeq": "warn",
     "no-shadow": "warn",
diff --git a/package.json b/package.json
index cb8c4ca6..896ff68a 100644
--- a/package.json
+++ b/package.json
@@ -29,16 +29,17 @@
     "vuex": "^3.6.2"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.19.1",
     "@mdi/font": "^7.0.96",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-router": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@babel/eslint-parser": "^7.19.1",
+    "comlink-loader": "^2.0.0",
     "eslint": "^8.22.0",
     "eslint-plugin-vue": "^9.5.1",
-    "comlink-loader": "^2.0.0",
+    "eslint-plugin-vuetify": "^1.1.0",
     "fibers": "^5.0.0",
     "lint-staged": "^13.0.3",
     "sass": "^1.55.0",
diff --git a/public/env/env.json b/public/env/env.json
new file mode 100644
index 00000000..7fe0679e
--- /dev/null
+++ b/public/env/env.json
@@ -0,0 +1,4 @@
+{
+  "WEB_API_URL": "./WebAPI",
+  "WEB_API_ENABLED": "true"
+}
diff --git a/src/app/providers/store/index.js b/src/app/providers/store/index.js
index 5011f6a8..8fff3e62 100644
--- a/src/app/providers/store/index.js
+++ b/src/app/providers/store/index.js
@@ -7,6 +7,7 @@ import { explorerStore } from "@/widgets/explorer";
 import { errorStore } from "@/widgets/error";
 import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
+import { webApiStore } from "@/shared/api/webAPI";
 
 export default new Vuex.Store({
   modules: {
@@ -14,5 +15,6 @@ export default new Vuex.Store({
     reportsDataStore,
     errorStore,
     settingsStore,
+    webApiStore,
   },
 });
diff --git a/src/main.js b/src/main.js
index e8c4d169..6e2f3c0b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,14 +5,18 @@ import router from "./app/providers/router";
 import vuetify from "@/app/plugins/vuetify";
 import sync from "./shared/lib/vuex-router-sync";
 import { settingsActions } from "@/widgets/settings";
-// adds reactive router module to global state
-sync(store, router);
-//loads app settings from the local storage (if there are any saved)
-store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE);
+import environment from "@/shared/api/environment";
+
+environment.load().then(() => {
+  sync(store, router);
+  //loads app settings from the local storage (if there are any saved)
+  store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE);
 
-new Vue({
-  vuetify,
-  router,
-  store,
-  render: (h) => h(App),
-}).$mount("#app");
+  new Vue({
+    vuetify,
+    router,
+    store,
+    render: (h) => h(App),
+  }).$mount("#app");
+});
+// adds reactive router module to global state
diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
new file mode 100644
index 00000000..a0a72f0d
--- /dev/null
+++ b/src/pages/info/WebApiInfo.vue
@@ -0,0 +1,70 @@
+<template>
+  <v-container>
+    <v-card :loading="!getApiData" elevation="10" class="ma-4 pa-2">
+      <v-card-title>WebAPI details</v-card-title>
+      <v-container v-if="getApiData.serviceDetails" fluid>
+        <v-layout
+          v-for="(d, i) in getApiData.serviceDetails"
+          :key="i"
+          class="pl-8"
+        >
+          {{ d }}: {{ getApiData.serviceDetails[d] }}
+        </v-layout>
+      </v-container>
+    </v-card>
+
+    <v-card
+      v-if="Object.keys(getApiData).length"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
+      <v-data-table
+        :items="getApiData.apiSources"
+        :headers="sourceHeaders"
+      ></v-data-table>
+    </v-card>
+  </v-container>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+  name: "WebApiInfo",
+  data() {
+    return {
+      sourceHeaders: [
+        {
+          text: "Source",
+          align: "start",
+          sortable: false,
+          value: "sourceKey",
+        },
+        {
+          text: "Source dialect",
+          align: "start",
+          sortable: false,
+          value: "sourceDialect",
+        },
+        {
+          text: "Source name",
+          align: "start",
+          sortable: false,
+          value: "sourceName",
+        },
+        {
+          text: "Source ID",
+          align: "start",
+          sortable: false,
+          value: "sourceId",
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters(["getApiData"]),
+  },
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
similarity index 93%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
index 97f74690..40e2a812 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
@@ -8,7 +8,7 @@
       :headers="getDomainHeaders"
       :items="getDomainsData"
     >
-      <template v-slot:top>
+      <template #top>
         <v-select
           v-model="switchDomains"
           :items="items"
@@ -19,25 +19,25 @@
           hide-selected
         ></v-select>
       </template>
-      <template v-slot:item.condition_occurrence.data="{ item }">{{
+      <template #item.condition_occurrence.data="{ item }">{{
         item.condition_occurrence.data ? "Yes" : "No"
       }}</template>
-      <template v-slot:item.drug_exposure.data="{ item }">{{
+      <template #item.drug_exposure.data="{ item }">{{
         item.drug_exposure.data ? "Yes" : "No"
       }}</template
-      ><template v-slot:item.device_exposure.data="{ item }">{{
+      ><template #item.device_exposure.data="{ item }">{{
         item.device_exposure.data ? "Yes" : "No"
       }}</template>
-      <template v-slot:item.measurement.data="{ item }">{{
+      <template #item.measurement.data="{ item }">{{
         item.measurement.data ? "Yes" : "No"
       }}</template>
-      <template v-slot:item.death.data="{ item }">{{
+      <template #item.death.data="{ item }">{{
         item.death.data ? "Yes" : "No"
       }}</template>
-      <template v-slot:item.procedure_occurrence.data="{ item }">{{
+      <template #item.procedure_occurrence.data="{ item }">{{
         item.procedure_occurrence.data ? "Yes" : "No"
       }}</template>
-      <template v-slot:item.observation_period.data="{ item }">{{
+      <template #item.observation_period.data="{ item }">{{
         item.observation_period.data ? "Yes" : "No"
       }}</template>
     </v-data-table>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
similarity index 95%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
index 446624b2..bcb202d5 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
@@ -8,7 +8,7 @@
       :headers="domainHeaders"
       :items="getDomainsData"
     >
-      <template v-slot:top>
+      <template #top>
         <v-select
           v-model="switchDomains"
           :items="items"
@@ -20,10 +20,10 @@
           @change="updateBits"
         ></v-select>
       </template>
-      <template v-slot:item.percentage="{ item }">{{
+      <template #item.percentage="{ item }">{{
         (item.percentage * 100).toFixed(2)
       }}</template>
-      <template v-slot:item.population="{ item }">{{
+      <template #item.population="{ item }">{{
         formatComma(item.population)
       }}</template>
     </v-data-table>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
similarity index 92%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
index 1f615e58..d19d6e6f 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
@@ -10,43 +10,43 @@
       :sort-by="['estimation']"
       :sort-desc="[true, false]"
     >
-      <template v-slot:item.domain_percent.data="{ item }">{{
+      <template #item.domain_percent.data="{ item }">{{
         item.domain_percent.data
           ? (item.domain_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.observation_percent.data="{ item }">{{
+      <template #item.observation_percent.data="{ item }">{{
         item.observation_percent.data
           ? (item.observation_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.visit_types_percent.data="{ item }">{{
+      <template #item.visit_types_percent.data="{ item }">{{
         item.visit_types_percent.data
           ? (item.visit_types_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.concepts_percent.data="{ item }">{{
+      <template #item.concepts_percent.data="{ item }">{{
         item.concepts_percent.data
           ? (item.concepts_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.cumulative_duration_percent.data="{ item }">{{
+      <template #item.cumulative_duration_percent.data="{ item }">{{
         item.cumulative_duration_percent.data
           ? (item.cumulative_duration_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.population.data="{ item }">{{
+      <template #item.population.data="{ item }">{{
         item.population.data ? formatComma(item.population.data) : "No data"
       }}</template>
-      <template v-slot:item.estimation="{ item }">{{
+      <template #item.estimation="{ item }">{{
         item.estimation ? formatComma(item.estimation.toFixed(2)) : "No data"
       }}</template>
-      <template v-slot:item.population_age_percent.data="{ item }">{{
+      <template #item.population_age_percent.data="{ item }">{{
         item.population_age_percent.data
           ? (item.population_age_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.desired_domain_value.data="{ item }">{{
+      <template #item.desired_domain_value.data="{ item }">{{
         item.desired_domain_value.data ? "Present" : "No data"
       }}</template>
     </v-data-table>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
similarity index 94%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
index e5873165..cb8aa2b3 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
@@ -9,7 +9,7 @@
         hide-details
         class="align-center"
       >
-        <template v-slot:prepend>
+        <template #prepend>
           <v-text-field
             :value="rangeAge[0]"
             class="mt-0 pt-0"
@@ -20,7 +20,7 @@
             @change="$set(rangeAge, 0, $event)"
           ></v-text-field>
         </template>
-        <template v-slot:append>
+        <template #append>
           <v-text-field
             :value="rangeAge[1]"
             class="mt-0 pt-0"
@@ -40,7 +40,7 @@
         hide-details
         class="align-center"
       >
-        <template v-slot:prepend>
+        <template #prepend>
           <v-text-field
             :value="rangeYear[0]"
             class="mt-0 pt-0"
@@ -51,7 +51,7 @@
             @change="$set(rangeYear, 0, $event)"
           ></v-text-field>
         </template>
-        <template v-slot:append>
+        <template #append>
           <v-text-field
             :value="rangeYear[1]"
             class="mt-0 pt-0"
@@ -71,7 +71,7 @@
         hide-details
         class="align-center"
       >
-        <template v-slot:prepend>
+        <template #prepend>
           <v-text-field
             :value="cumulativeObservation[0]"
             class="mt-0 pt-0"
@@ -85,25 +85,25 @@
       </v-slider>
     </v-container>
     <v-data-table dense :headers="yearHeaders" :items="getRangeData">
-      <template v-slot:item.population_observed="{ item }">{{
+      <template #item.population_observed="{ item }">{{
         !isNaN(item.population_observed)
           ? formatComma(item.population_observed)
           : "No data"
       }}</template>
-      <template v-slot:item.population_age="{ item }">{{
+      <template #item.population_age="{ item }">{{
         item.population_age ? formatComma(item.population_age) : "No data"
       }}</template>
-      <template v-slot:item.average_population_percentage="{ item }">{{
+      <template #item.average_population_percentage="{ item }">{{
         item.average_population_percentage
           ? (item.average_population_percentage * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.cumulative_duration="{ item }">{{
+      <template #item.cumulative_duration="{ item }">{{
         item.cumulative_duration
           ? (item.cumulative_duration * 100).toFixed(2)
           : "No data"
       }}</template>
-      <template v-slot:item.population_age_percent="{ item }">{{
+      <template #item.population_age_percent="{ item }">{{
         item.population_age_percent
           ? (item.population_age_percent * 100).toFixed(2)
           : "No data"
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
similarity index 51%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 4363eeb8..00372ad1 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -9,11 +9,11 @@
       :items="getSourcesOverview"
       sort-by="calories"
     >
-      <template v-slot:top>
+      <template #top>
         <v-toolbar flat>
           <v-spacer></v-spacer>
-          <v-dialog v-model="dialog" max-width="500px">
-            <template v-slot:activator="{ on, attrs }">
+          <v-dialog v-model="dialog" max-width="1000px">
+            <template #activator="{ on, attrs }">
               <v-btn
                 dark
                 color="grey darken-4"
@@ -21,40 +21,96 @@
                 v-bind="attrs"
                 v-on="on"
               >
-                Add concept
+                Add concepts
               </v-btn>
             </template>
             <v-form ref="form">
               <v-card>
                 <v-card-title>
-                  <span class="text-h5">New Concept</span>
+                  <span v-if="env.WEB_API_ENABLED === 'true'" class="text-h5"
+                    >Vocabulary search</span
+                  >
+                  <span v-else class="text=h5">Add concepts</span>
                 </v-card-title>
 
                 <v-card-text>
                   <v-container fluid>
                     <v-row>
-                      <v-col cols="auto">
-                        <v-text-field
-                          v-model.number="editedItem.conceptID"
-                          :rules="[rules.required, rules.concept]"
-                          prepend-icon="mdi-chart-timeline-variant-shimmer"
-                          label="Concept ID"
-                          dense
-                          :error-messages="errors"
-                        >
-                        </v-text-field>
+                      <v-col>
+                        <v-row>
+                          <v-col v-if="env.WEB_API_ENABLED === 'true'" cols="4">
+                            <v-text-field
+                              v-if="env.WEB_API_ENABLED === 'true'"
+                              :value="$route.query.search"
+                              label="Search concepts"
+                              placeholder="Your query"
+                              @input="debouncedSearch"
+                            ></v-text-field>
+                          </v-col>
+                          <v-col v-else>
+                            <v-text-field
+                              v-model.number="editedItem.CONCEPT_ID"
+                              :rules="[rules.required, rules.concept]"
+                              prepend-icon="mdi-chart-timeline-variant-shimmer"
+                              label="Concept ID"
+                              dense
+                              :error-messages="errors"
+                            >
+                            </v-text-field>
+                          </v-col>
+                        </v-row>
+                        <v-row>
+                          <v-col v-if="env.WEB_API_ENABLED === 'true'">
+                            <v-data-table
+                              no-data-text="No concepts found"
+                              item-key="CONCEPT_ID"
+                              :items-per-page="5"
+                              :items="getApiData.data"
+                              :headers="webapiHeaders"
+                            >
+                              <template #item.actions="{ item }">
+                                <v-icon
+                                  v-if="!addedConcepts[item.CONCEPT_ID]"
+                                  @click="save(item)"
+                                  >mdi-plus</v-icon
+                                >
+                                <v-icon
+                                  v-if="
+                                    addedConcepts[item.CONCEPT_ID] ===
+                                    'Not found'
+                                  "
+                                  >mdi-close-octagon</v-icon
+                                >
+                                <v-icon
+                                  v-if="
+                                    addedConcepts[item.CONCEPT_ID] === 'Loaded'
+                                  "
+                                  >mdi-check</v-icon
+                                >
+                              </template>
+                            </v-data-table>
+                          </v-col>
+                          <v-col v-else>
+                            <v-autocomplete
+                              v-model="editedItem.DOMAIN_ID"
+                              :rules="[rules.required]"
+                              label="Domain"
+                              prepend-icon="mdi-folder"
+                              dense
+                              :items="domains"
+                            >
+                            </v-autocomplete>
+                          </v-col>
+                        </v-row>
                       </v-col>
-                      <v-col cols="auto">
-                        <v-autocomplete
-                          v-model="editedItem.domain"
-                          :rules="[rules.required]"
-                          label="Domain"
-                          return-object
-                          prepend-icon="mdi-folder"
-                          dense
-                          :items="domains"
+                      <v-col v-if="env.WEB_API_ENABLED === 'false'">
+                        <v-btn
+                          color="blue darken-1"
+                          text
+                          @click="save(editedItem)"
                         >
-                        </v-autocomplete>
+                          Add
+                        </v-btn>
                       </v-col>
                     </v-row>
                   </v-container>
@@ -63,42 +119,25 @@
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn color="blue darken-1" text @click="close">
-                    Cancel
+                    Close
                   </v-btn>
-                  <v-btn color="blue darken-1" text @click="save"> Save </v-btn>
+                  <!--                  <v-btn color="blue darken-1" text @click="save"> Add </v-btn>-->
                 </v-card-actions>
               </v-card>
             </v-form>
           </v-dialog>
-          <v-dialog v-model="dialogDelete" max-width="500px">
-            <v-card>
-              <v-card-title class="text-h5"
-                >Are you sure you want to delete this item?</v-card-title
-              >
-              <v-card-actions>
-                <v-spacer></v-spacer>
-                <v-btn color="blue darken-1" text @click="closeDelete"
-                  >Cancel</v-btn
-                >
-                <v-btn color="blue darken-1" text @click="deleteItemConfirm"
-                  >OK</v-btn
-                >
-                <v-spacer></v-spacer>
-              </v-card-actions>
-            </v-card>
-          </v-dialog>
         </v-toolbar>
       </template>
-      <template v-slot:item.min_population="{ item }">{{
+      <template #item.min_population="{ item }">{{
         formatComma(item.min_population) || "No data"
       }}</template>
-      <template v-slot:item.max_population="{ item }">{{
+      <template #item.max_population="{ item }">{{
         formatComma(item.max_population) || "No data"
       }}</template>
-      <template v-slot:item.concepts.length="{ item }">{{
-        `${item.concepts.length}/${conceptsCount}`
+      <template #item.concepts.length="{ item }">{{
+        `${item.concepts.length}/${addedConceptsCount}`
       }}</template>
-      <template v-slot:expanded-item="{ headers, item }">
+      <template #expanded-item="{ headers, item }">
         <td :colspan="headers.length">
           <v-data-table
             :hide-default-footer="true"
@@ -108,23 +147,23 @@
             :items="item.concepts"
             class="elevation-1 accent"
           >
-            <template v-slot:item.time_series="{ item }">{{
+            <template #item.time_series="{ item }">{{
               item.time_series
                 ? item.time_series[0] === false
                   ? "Non-stationary"
                   : "Stationary"
                 : "No data"
             }}</template>
-            <template v-slot:item.issues="{ item }">{{
+            <template #item.issues="{ item }">{{
               item.issues ? item.issues[0] : ""
             }}</template>
-            <template v-slot:item.percentage="{ item }">{{
+            <template #item.percentage="{ item }">{{
               (item.percentage * 100).toFixed(2) || "No data"
             }}</template>
-            <template v-slot:item.population="{ item }">{{
+            <template #item.population="{ item }">{{
               formatComma(item.population)
             }}</template>
-            <template v-slot:item.measurement="{ item }">{{
+            <template #item.measurement="{ item }">{{
               !item.measurement
                 ? isNaN(item.measurement)
                   ? "No data"
@@ -134,10 +173,7 @@
           </v-data-table>
         </td>
       </template>
-      <template v-slot:item.actions="{ item }">
-        <v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
-      </template>
-      <template v-slot:no-data>
+      <template #no-data>
         <div>No concepts selected</div>
       </template>
     </v-data-table>
@@ -151,21 +187,26 @@
 
 <script>
 import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
+import environment from "@/shared/api/environment";
 import { mapGetters } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
-import * as d3Format from "d3-format";
+import {
+  FETCH_VOCABULARY_SEARCH_RESULTS,
+  FETCH_WEBAPI,
+  RESET_API_STORAGE,
+} from "@/shared/api/webAPI/store/actions.type";
+import { mixins } from "@/shared/lib/mixins";
+import webApiKeyMap from "@/shared/config/webApiKeyMap";
 
 export default {
   name: "RequiredConcepts",
+  mixins: [mixins],
   data: () => ({
+    addedConcepts: {},
+    env: environment,
     dialog: false,
-    dialogDelete: false,
     errors: "",
-    conceptsCount: 0,
     conceptData: [],
-    selectedDomain: [],
-    domainSummary: [],
-    selectedConcepts: [],
     rules: {
       required: (value) => !!value || "Required field",
       concept: (value) => {
@@ -173,6 +214,27 @@ export default {
         return pattern.test(value) || "The field is digits only";
       },
     },
+    webapiHeaders: [
+      {
+        text: "Concept ID",
+        align: "start",
+        sortable: false,
+        value: "CONCEPT_ID",
+      },
+      {
+        text: "Concept Name",
+        align: "start",
+        sortable: false,
+        value: "CONCEPT_NAME",
+      },
+      {
+        text: "Domain",
+        align: "start",
+        sortable: false,
+        value: "DOMAIN_ID",
+      },
+      { text: "", value: "actions", sortable: false },
+    ],
     headers: [
       {
         text: "Source",
@@ -186,30 +248,36 @@ export default {
       { text: "Min population", value: "min_population" },
       { text: "Max population", value: "max_population" },
     ],
-    concepts: [],
     expanded: [],
     sources: [],
     domains: [
-      { text: "Condition occurrence", value: "condition_occurrence" },
-      { text: "Drug Exposure", value: "drug_exposure" },
-      { text: "Device Exposure", value: "device_exposure" },
-      { text: "Measurement", value: "measurement" },
-      { text: "Death", value: "death" },
-      { text: "Procedure Occurrence", value: "procedure_occurrence" },
-      { text: "Observation", value: "observation" },
+      { text: "Condition occurrence", value: "Condition" },
+      { text: "Drug Exposure", value: "Drug" },
+      { text: "Device Exposure", value: "Device" },
+      { text: "Measurement", value: "Measurement" },
+      { text: "Procedure Occurrence", value: "Procedure" },
+      { text: "Observation", value: "Observation" },
     ],
     editedItem: {
-      conceptID: "",
-      domain: "",
+      CONCEPT_ID: "",
+      DOMAIN_ID: "",
     },
     defaultItem: {
-      conceptID: "",
-      domain: "",
+      CONCEPT_ID: "",
+      DOMAIN_ID: "",
     },
   }),
 
   computed: {
-    ...mapGetters(["getData", "getSources"]),
+    query: function () {
+      return this.$route.query.search;
+    },
+    addedConceptsCount: function () {
+      return Object.keys(this.addedConcepts).filter(
+        (key) => this.addedConcepts[key] === "Loaded"
+      ).length;
+    },
+    ...mapGetters(["getData", "getSources", "getApiData"]),
     filterSourcesWithData: function () {
       return this.sources.filter((data) => data.concepts.length);
     },
@@ -270,8 +338,10 @@ export default {
         this.$refs.form.resetValidation();
       }
     },
-    dialogDelete(val) {
-      val || this.closeDelete();
+    query() {
+      if (this.query && this.query !== "") {
+        this.searchApi();
+      }
     },
     filterSourcesWithData: function () {
       this.$emit("overlappingDataChanged", this.filterSourcesWithData);
@@ -294,11 +364,12 @@ export default {
     getDomainSummary: function () {
       return this.$store
         .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-          files: [DOMAIN_SUMMARY],
-          params: {
-            concept: this.conceptsData[0].data.CONCEPT_ID[0],
-            domain: "measurement",
-          },
+          files: [
+            {
+              name: DOMAIN_SUMMARY,
+              instanceParams: [{ domain: "measurement", concept: "" }],
+            },
+          ],
           criticalError: false,
         })
         .then(() => {
@@ -308,23 +379,20 @@ export default {
           }));
         });
     },
-
+    searchApi: function () {
+      this.$store.dispatch(FETCH_VOCABULARY_SEARCH_RESULTS, {
+        search: this.$route.query.search,
+      });
+    },
     addConceptToList: function (concepts) {
-      if (concepts[0]?.concept_id && !this.isLoaded()) {
-        this.conceptsCount += 1;
-        this.sources.forEach((source) => {
-          const sourceConcept = concepts.filter(
-            (concept) => source.cdm_name === concept.cdm_name
-          )[0];
-
-          if (sourceConcept) {
-            source.concepts.push(sourceConcept);
-          }
-        });
-        this.close();
-      } else {
-        this.errors = "Entered concept is not found across data sources";
-      }
+      this.sources.forEach((source) => {
+        const sourceConcept = concepts.filter(
+          (concept) => source.cdm_name === concept.cdm_name
+        );
+        if (sourceConcept.length) {
+          source.concepts.push(...sourceConcept);
+        }
+      });
     },
     getConceptsForRequest: function (measurement = []) {
       return this.conceptsData.map((value) => {
@@ -354,76 +422,71 @@ export default {
         };
       });
     },
-    isLoaded: function () {
-      return [
-        ...this.sources.reduce(
-          (prevValue, value) => [
-            ...prevValue,
-            ...value.concepts.filter(
-              (concept) => concept.concept_id === this.editedItem.conceptID
-            ),
-          ],
-          []
-        ),
-      ].length;
-    },
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
-    },
-    deleteItem(item) {
-      this.editedIndex = this.concepts.indexOf(item);
-      this.editedItem = Object.assign({}, item);
-      this.dialogDelete = true;
-    },
-
-    deleteItemConfirm() {
-      this.concepts.splice(this.editedIndex, 1);
-      this.closeDelete();
-    },
-
     close() {
       this.dialog = false;
       this.$nextTick(() => {
         this.editedItem = Object.assign({}, this.defaultItem);
-        this.editedIndex = -1;
       });
-    },
-
-    closeDelete() {
-      this.dialogDelete = false;
-      this.$nextTick(() => {
-        this.editedItem = Object.assign({}, this.defaultItem);
-        this.editedIndex = -1;
+      this.$router.replace({
+        ...this.$router.currentRoute,
+        query: {},
       });
+      this.$store.dispatch(RESET_API_STORAGE);
     },
-
-    save() {
-      if (this.editedItem.conceptID === "" || this.editedItem.domain === "") {
+    save(item) {
+      if (
+        this.env.WEB_API_ENABLED === "true" &&
+        !this.$route.query?.search?.length
+      ) {
         return;
-      }
-      if (this.isLoaded()) {
-        this.errors = "Entered concept is already on the list";
+      } else if (
+        this.editedItem.CONCEPT_ID === "" &&
+        this.editedItem.domain === ""
+      ) {
+        return;
+      } else if (this.addedConcepts[item.CONCEPT_ID] === "Loaded") {
+        this.errors = "This concept has already been loaded";
         return;
       }
-
       this.$store
         .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-          files: [CONCEPT],
-          params: {
-            concept: this.editedItem.conceptID,
-            domain: this.editedItem.domain.value,
-          },
+          files: [
+            {
+              name: CONCEPT,
+              instanceParams: [
+                {
+                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                  concept: item.CONCEPT_ID,
+                },
+              ],
+            },
+          ],
           criticalError: false,
         })
         .then(() => {
           this.conceptsData = this.getData.concept;
-          if (this.conceptsData[0]?.data?.CDM_TABLE_NAME[0] === "MEASUREMENT") {
+          if (!this.conceptsData.length) {
+            this.errors = "Requested concept is not found across data bases";
+            this.addedConcepts = {
+              ...this.addedConcepts,
+              [item.CONCEPT_ID]: "Not found",
+            };
+            return;
+          }
+          const withMeasurement = this.conceptsData.filter(
+            (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
+          );
+          if (withMeasurement.length) {
             this.getDomainSummary().then((value) => {
               this.addConceptToList(this.getConceptsForRequest(value));
             });
           } else {
             this.addConceptToList(this.getConceptsForRequest());
           }
+          this.addedConcepts = {
+            ...this.addedConcepts,
+            [item.CONCEPT_ID]: "Loaded",
+          };
         });
     },
   },
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
similarity index 96%
rename from src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue
rename to src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
index 94d149cb..2a944372 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
@@ -11,7 +11,7 @@
           :items="getVisitTypes"
           show-select
         >
-          <template v-slot:top>
+          <template #top>
             <v-text-field
               v-model="visitTypesSearch"
               label="Filter Visit Types"
@@ -28,14 +28,14 @@
           :items="getSmallestVisitTypeValue"
           :headers="domainTypesResults"
         >
-          <template v-slot:top>
+          <template #top>
             <v-text-field
               v-model="resultsSearch"
               label="Filter Data Sources "
               class="mx-4"
             ></v-text-field>
           </template>
-          <template v-slot:item.percentage="{ item }">{{
+          <template #item.percentage="{ item }">{{
             item.percentage ? (item.percentage * 100).toFixed(2) : ""
           }}</template>
         </v-data-table>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
index 6bfec8ac..93674257 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid min-width="900">
+  <v-container v-if="explorerLoaded" fluid min-width="900">
     <v-card elevation="10" class="ma-4" pa-2>
       <v-responsive>
         <v-expansion-panels v-model="panel" multiple>
@@ -74,12 +74,12 @@
 
 <script>
 import { mapGetters } from "vuex";
-import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements";
-import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/Range";
-import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes";
-import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts";
-import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation";
-import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains";
+import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements";
+import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/components/Range";
+import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes";
+import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts";
+import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation";
+import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains";
 
 export default {
   name: "NetworkDataFeasibility",
diff --git a/src/processes/exploreReports/config/dataLoadConfig.js b/src/processes/exploreReports/config/dataLoadConfig.js
index a25073ee..51183ebb 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.js
+++ b/src/processes/exploreReports/config/dataLoadConfig.js
@@ -29,6 +29,7 @@ import {
   FETCH_MULTIPLE_FILES_BY_RELEASE,
   FETCH_MULTIPLE_FILES_BY_SOURCE,
 } from "../model/store/actions.type";
+import { FETCH_WEBAPI_INFO } from "@/shared/api/webAPI/store/actions.type";
 
 export default function getFilesByView() {
   return {
@@ -40,14 +41,26 @@ export default function getFilesByView() {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
         files: [
-          OBSERVATION_PERIOD,
-          PERSON,
-          DENSITY_DOMAIN_PERSON,
-          DOMAIN_SUMMARY,
+          {
+            name: OBSERVATION_PERIOD,
+            instanceParams: [{ domain: "visit_occurrence" }],
+          },
+          { name: PERSON, instanceParams: [{ domain: "visit_occurrence" }] },
+          {
+            name: DENSITY_DOMAIN_PERSON,
+            instanceParams: [{ domain: "visit_occurrence" }],
+          },
+          {
+            name: DOMAIN_SUMMARY,
+            instanceParams: [{ domain: "visit_occurrence" }],
+          },
         ],
-        params: { domain: "visit_occurrence" },
       },
     },
+    webApi: {
+      loadMethod: FETCH_WEBAPI_INFO,
+      payload: {},
+    },
     networkPerformance: {
       loadMethod: FETCH_FILES,
       payload: { files: [{ name: NETWORK_PERFORMANCE, required: true }] },
@@ -61,7 +74,7 @@ export default function getFilesByView() {
     networkConcept: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
-        files: [CONCEPT],
+        files: [{ name: CONCEPT, instanceParams: [{}] }],
       },
     },
     networkDataQuality: {
@@ -73,13 +86,13 @@ export default function getFilesByView() {
     dataStrandReport: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
-        files: [RECORDS_DOMAIN],
+        files: [{ name: RECORDS_DOMAIN, instanceParams: [{}] }],
       },
     },
     population: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
-        files: [OBSERVATION_PERIOD],
+        files: [{ name: OBSERVATION_PERIOD, instanceParams: [{}] }],
       },
     },
     concept: {
diff --git a/src/processes/exploreReports/config/routes.js b/src/processes/exploreReports/config/routes.js
index 0cfcefd6..7a017ee4 100644
--- a/src/processes/exploreReports/config/routes.js
+++ b/src/processes/exploreReports/config/routes.js
@@ -25,6 +25,7 @@ import dataQualityHistory from "@/pages/reports/source/DataQualityHistory";
 import SourceOverview from "@/pages/reports/source/SourceOverview";
 import domainContinuity from "@/pages/reports/source/DomainContinuity";
 import sourceConceptReport from "@/pages/reports/source/SourceConceptReport";
+import WebApiInfo from "@/pages/info/WebApiInfo";
 
 export default [
   {
@@ -54,6 +55,11 @@ export default [
         name: "networkDataQuality",
         components: { reportsView: networkDataQualitySummary },
       },
+      {
+        path: "web_api",
+        name: "webApi",
+        components: { reportsView: WebApiInfo },
+      },
       {
         path: "network_performance",
         name: "networkPerformance",
diff --git a/src/processes/exploreReports/model/store/data.module.js b/src/processes/exploreReports/model/store/data.module.js
index c063290e..c1299af8 100644
--- a/src/processes/exploreReports/model/store/data.module.js
+++ b/src/processes/exploreReports/model/store/data.module.js
@@ -1,5 +1,5 @@
 import getFilePath from "@/shared/api/getFilePath";
-import loadFile from "@/shared/api/loadFile";
+import apiService from "@/shared/api/apiService";
 
 import preprocessing from "./preprocessing";
 import postprocessing from "./postprocessing";
@@ -31,12 +31,16 @@ const actions = {
   [RESET_DATA_STORAGE]({ commit }) {
     commit(CLEAR_DATA);
   },
+
   async [FETCH_FILES]({ commit, dispatch, rootState }, payload) {
     const promises = payload.files.map((file) => {
-      return loadFile(
-        getFilePath(payload.params ? payload.params : rootState.route.params)[
-          file.name
-        ],
+      return apiService(
+        {
+          url: getFilePath(
+            payload.params ? payload.params : rootState.route.params
+          )[file.name],
+          method: "get",
+        },
         {
           required: file.required,
         }
@@ -76,25 +80,40 @@ const actions = {
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
-        [file]: rootGetters.getSources.map((source) => {
-          return loadFile(
-            getFilePath({
-              cdm: source.cdm_source_key,
-              release: source.releases[0].release_id,
-              domain: payload.params?.domain
-                ? payload.params.domain
-                : rootState.route.params.domain,
-              concept: payload.params?.concept
-                ? payload.params.concept
-                : rootState.route.params.concept,
-            })[file],
-            { source }
-          );
-        }),
+        [file.name]: rootGetters.getSources.reduce(
+          (filesArray, currentSource) => {
+            const loadedFiles = file.instanceParams.reduce(
+              (array, currentInstance) => {
+                return [
+                  ...array,
+                  apiService(
+                    {
+                      url: getFilePath({
+                        cdm: currentSource.cdm_source_key,
+                        release: currentSource.releases[0].release_id,
+                        domain: currentInstance.domain
+                          ? currentInstance.domain
+                          : rootState.route.params.domain,
+                        concept: currentInstance.concept
+                          ? currentInstance.concept
+                          : rootState.route.params.concept,
+                      })[file.name],
+                      method: "get",
+                    },
+
+                    { source: currentSource }
+                  ),
+                ];
+              },
+              []
+            );
+            return [...filesArray, ...loadedFiles];
+          },
+          []
+        ),
       }),
       {}
     );
-
     const data = {};
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
@@ -127,13 +146,16 @@ const actions = {
       (obj, file) => ({
         ...obj,
         [file]: rootGetters.getSelectedSource.releases.map((release) => {
-          return loadFile(
-            getFilePath({
-              cdm: rootGetters.getSelectedSource.cdm_source_key,
-              release: release.release_id,
-              domain: rootState.route.params.domain,
-              concept: rootState.route.params.concept,
-            })[file],
+          return apiService(
+            {
+              url: getFilePath({
+                cdm: rootGetters.getSelectedSource.cdm_source_key,
+                release: release.release_id,
+                domain: rootState.route.params.domain,
+                concept: rootState.route.params.concept,
+              })[file],
+              method: "get",
+            },
             release.release_name
           );
         }),
@@ -169,6 +191,7 @@ const mutations = {
   },
   [CLEAR_DATA](state) {
     state.data = {};
+    state.webApiData = {};
   },
 };
 
diff --git a/src/shared/api/loadFile.js b/src/shared/api/apiService.js
similarity index 81%
rename from src/shared/api/loadFile.js
rename to src/shared/api/apiService.js
index 130d70c1..e709973b 100644
--- a/src/shared/api/loadFile.js
+++ b/src/shared/api/apiService.js
@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const loadFile = (path, payload) => {
+const apiService = (config, payload) => {
   const instance = axios.create();
   instance.interceptors.response.use(
     function (response) {
@@ -12,7 +12,7 @@ const loadFile = (path, payload) => {
   );
   return new Promise((resolve, reject) => {
     instance
-      .get(path)
+      .request(config)
       .then((response) => {
         resolve({ response, payload });
       })
@@ -20,4 +20,4 @@ const loadFile = (path, payload) => {
   });
 };
 
-export default loadFile;
+export default apiService;
diff --git a/src/shared/api/environment.js b/src/shared/api/environment.js
new file mode 100644
index 00000000..4e2f33a7
--- /dev/null
+++ b/src/shared/api/environment.js
@@ -0,0 +1,13 @@
+import axios from "axios/index";
+const envUrl = "./env/env.json";
+class Environment {
+  load() {
+    return new Promise(async (res) => {
+      const response = await axios.get(envUrl);
+      Object.assign(this, response.data);
+      res();
+    });
+  }
+}
+const environment = new Environment();
+export default environment;
diff --git a/src/shared/api/webAPI/index.js b/src/shared/api/webAPI/index.js
new file mode 100644
index 00000000..dd833531
--- /dev/null
+++ b/src/shared/api/webAPI/index.js
@@ -0,0 +1,3 @@
+import webApiStore from "@/shared/api/webAPI/store/webApi.module";
+
+export { webApiStore };
diff --git a/src/shared/api/webAPI/store/actions.type.js b/src/shared/api/webAPI/store/actions.type.js
new file mode 100644
index 00000000..8ad96723
--- /dev/null
+++ b/src/shared/api/webAPI/store/actions.type.js
@@ -0,0 +1,4 @@
+export const FETCH_WEBAPI = "fetchWebAPI";
+export const FETCH_WEBAPI_INFO = "fetchWebAPIInfo";
+export const FETCH_VOCABULARY_SEARCH_RESULTS = "fetchVocabularySearchResults";
+export const RESET_API_STORAGE = "resetApiStorage";
diff --git a/src/shared/api/webAPI/store/mutations.type.js b/src/shared/api/webAPI/store/mutations.type.js
new file mode 100644
index 00000000..666f78c8
--- /dev/null
+++ b/src/shared/api/webAPI/store/mutations.type.js
@@ -0,0 +1,2 @@
+export const SET_WEBAPI = "setWebApi";
+export const CLEAR_API_STORAGE = "clearApiStorage";
diff --git a/src/shared/api/webAPI/store/webApi.module.js b/src/shared/api/webAPI/store/webApi.module.js
new file mode 100644
index 00000000..2694d106
--- /dev/null
+++ b/src/shared/api/webAPI/store/webApi.module.js
@@ -0,0 +1,62 @@
+import {
+  FETCH_VOCABULARY_SEARCH_RESULTS,
+  FETCH_WEBAPI_INFO,
+  RESET_API_STORAGE,
+} from "@/shared/api/webAPI/store/actions.type";
+import { InfoService } from "@/shared/api/webAPI/webApiServices/infoService";
+import {
+  CLEAR_API_STORAGE,
+  SET_WEBAPI,
+} from "@/shared/api/webAPI/store/mutations.type";
+import { VocabularyService } from "@/shared/api/webAPI/webApiServices/vocabularyService";
+
+const state = {
+  apiData: {},
+};
+
+const getters = {
+  getApiData: (state) => {
+    return state.apiData;
+  },
+};
+
+const actions = {
+  async [FETCH_WEBAPI_INFO]({ commit }) {
+    const webApiInfo = await InfoService.webApi.get();
+    const sources = await InfoService.sources.get();
+    commit(SET_WEBAPI, {
+      serviceDetails: webApiInfo.response.data,
+      apiSources: sources.response.data,
+    });
+  },
+
+  async [FETCH_VOCABULARY_SEARCH_RESULTS](
+    { commit, dispatch, rootState },
+    payload
+  ) {
+    await VocabularyService.search
+      .get(payload.search)
+      .then((data) =>
+        commit(SET_WEBAPI, { data: data.response.data, payload })
+      );
+  },
+  [RESET_API_STORAGE]({ commit }) {
+    commit(CLEAR_API_STORAGE);
+  },
+};
+
+const mutations = {
+  [SET_WEBAPI](state, payload) {
+    state.apiData = payload;
+  },
+  [CLEAR_API_STORAGE](state) {
+    state.apiData = {};
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
diff --git a/src/shared/api/webAPI/webApiServices/infoService.js b/src/shared/api/webAPI/webApiServices/infoService.js
new file mode 100644
index 00000000..78557ec0
--- /dev/null
+++ b/src/shared/api/webAPI/webApiServices/infoService.js
@@ -0,0 +1,35 @@
+import apiService from "@/shared/api/apiService";
+import environment from "@/shared/api/environment";
+
+export const InfoService = {
+  sources: {
+    get() {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}/source/sources`,
+          method: "get",
+          baseURL: "/",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        },
+        {}
+      );
+    },
+  },
+  webApi: {
+    get() {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}/info`,
+          method: "get",
+          baseURL: "/",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        },
+        {}
+      );
+    },
+  },
+};
diff --git a/src/shared/api/webAPI/webApiServices/vocabularyService.js b/src/shared/api/webAPI/webApiServices/vocabularyService.js
new file mode 100644
index 00000000..0d7dbc82
--- /dev/null
+++ b/src/shared/api/webAPI/webApiServices/vocabularyService.js
@@ -0,0 +1,15 @@
+import environment from "@/shared/api/environment";
+import apiService from "@/shared/api/apiService";
+
+export const VocabularyService = {
+  search: {
+    get(query) {
+      return apiService({
+        url: `${environment.WEB_API_URL}/vocabulary/search/${query}`,
+        baseURL: "./",
+        method: "get",
+        headers: { "Content-Type": "application/json" },
+      });
+    },
+  },
+};
diff --git a/src/shared/config/webApiKeyMap.js b/src/shared/config/webApiKeyMap.js
new file mode 100644
index 00000000..16023492
--- /dev/null
+++ b/src/shared/config/webApiKeyMap.js
@@ -0,0 +1,10 @@
+export default {
+  domains: {
+    Condition: "condition_occurrence",
+    Drug: "drug_exposure",
+    Device: "device_exposure",
+    Measurement: "measurement",
+    Procedure: "procedure_occurrence",
+    Observation: "observation",
+  },
+};
diff --git a/src/shared/lib/mixins/methods/debouncedSearch.js b/src/shared/lib/mixins/methods/debouncedSearch.js
index dd838069..c5f437b5 100644
--- a/src/shared/lib/mixins/methods/debouncedSearch.js
+++ b/src/shared/lib/mixins/methods/debouncedSearch.js
@@ -3,7 +3,7 @@ import { debounce } from "lodash";
 export const debouncedSearch = debounce(function (data) {
   this.$router.push({
     query: {
-      search: data,
+      search: data.trim(),
     },
   });
 }, 300);
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 6af7f92c..16823b59 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -1,6 +1,9 @@
 <template>
   <v-bottom-navigation fixed dark dense>
     <v-layout justify-end>
+      <v-btn v-if="env.WEB_API_ENABLED === 'true'" to="/network/web_api">
+        <v-icon dark>mdi-server</v-icon>
+      </v-btn>
       <v-btn to="/help">
         <v-icon dark>mdi-help-circle-outline</v-icon>
       </v-btn>
@@ -23,9 +26,15 @@
 
 <script>
 import { SET_VISIBILITY } from "@/widgets/settings/model/store/mutations.type";
+import environment from "@/shared/api/environment";
 
 export default {
   name: "BottomNav",
+  data() {
+    return {
+      env: environment,
+    };
+  },
   methods: {
     toggleSettings: function () {
       this.$store.commit(SET_VISIBILITY, !this.$store.getters.getVisibility);
diff --git a/src/widgets/explorer/config/reports.js b/src/widgets/explorer/config/reports.js
index 133e5d3c..50a951e1 100644
--- a/src/widgets/explorer/config/reports.js
+++ b/src/widgets/explorer/config/reports.js
@@ -17,6 +17,12 @@ export const reports = [
     name: "Data Source Feasibility",
     routeName: "feasibility",
   },
+  {
+    folder: "Data Network",
+    icon: "mdi-database-search",
+    name: "Web API",
+    routeName: "webApi",
+  },
   {
     folder: "Data Network",
     icon: "mdi-speedometer",
diff --git a/src/widgets/explorer/model/store/explorer.module.js b/src/widgets/explorer/model/store/explorer.module.js
index a85dff57..9450ebc6 100644
--- a/src/widgets/explorer/model/store/explorer.module.js
+++ b/src/widgets/explorer/model/store/explorer.module.js
@@ -9,7 +9,7 @@ import {
   FETCH_QUERY_INDEX,
 } from "@/widgets/explorer/model/store/actions.type";
 import { EXPORT_QUERY_INDEX, INDEX } from "@/shared/config/files";
-import loadFile from "@/shared/api/loadFile";
+import apiService from "@/shared/api/apiService";
 import getFilePath from "@/shared/api/getFilePath";
 import config from "@/widgets/explorer/config";
 
@@ -69,7 +69,7 @@ const getters = {
 
 const actions = {
   [FETCH_INDEX]({ commit, dispatch }, params) {
-    loadFile(getFilePath(params)[INDEX], { required: true }).then(
+    apiService(getFilePath(params)[INDEX], { required: true }).then(
       (response) => {
         commit(SOURCES, response.response.data.sources);
         commit(EXPLORER_LOADED);
@@ -77,11 +77,11 @@ const actions = {
     );
   },
   [FETCH_QUERY_INDEX]({ commit, dispatch }, params) {
-    loadFile(getFilePath(params)[EXPORT_QUERY_INDEX], { required: false }).then(
-      (response) => {
-        commit(LOAD_QUERY_INDEX, response.response.data);
-      }
-    );
+    apiService(getFilePath(params)[EXPORT_QUERY_INDEX], {
+      required: false,
+    }).then((response) => {
+      commit(LOAD_QUERY_INDEX, response.response.data);
+    });
   },
 };
 

From e66a9fc10a30a3cc4f38bf9ed7125407f7366d8a Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 24 Oct 2022 14:08:22 +0700
Subject: [PATCH 002/202] feat: added optional webapi integration

---
 src/app/App.vue                               |   3 +-
 src/app/providers/store/index.js              |   2 +
 src/pages/info/WebApiInfo.vue                 |  26 +++-
 .../components/RequiredConcepts.vue           | 126 +++++++++++++-----
 .../exploreReports/ui/ReportsView.vue         |   4 +-
 src/shared/api/webAPI/index.js                |   3 +-
 src/shared/api/webAPI/store/actions.type.js   |   1 -
 src/shared/api/webAPI/store/webApi.module.js  |  20 ++-
 .../webApiServices/vocabularyService.js       |   4 +-
 src/widgets/snackbar/index.js                 |   4 +
 .../snackbar/model/store/actions.type.js      |   2 +
 .../snackbar/model/store/mutations.type.js    |   3 +
 .../snackbar/model/store/snackbar.module.js   |  53 ++++++++
 src/widgets/snackbar/ui/Snackbar.vue          |  28 ++++
 14 files changed, 229 insertions(+), 50 deletions(-)
 create mode 100644 src/widgets/snackbar/index.js
 create mode 100644 src/widgets/snackbar/model/store/actions.type.js
 create mode 100644 src/widgets/snackbar/model/store/mutations.type.js
 create mode 100644 src/widgets/snackbar/model/store/snackbar.module.js
 create mode 100644 src/widgets/snackbar/ui/Snackbar.vue

diff --git a/src/app/App.vue b/src/app/App.vue
index efaab3aa..33574465 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -9,7 +9,7 @@
 <script>
 import { mapGetters } from "vuex";
 import { errorActions } from "@/widgets/error";
-
+import { webApiActions } from "@/shared/api/webAPI";
 export default {
   name: "ARES",
   computed: {
@@ -27,6 +27,7 @@ export default {
     },
     path() {
       this.$store.dispatch(errorActions.RESET_ERRORS);
+      this.$store.dispatch(webApiActions.RESET_API_STORAGE);
     },
   },
   created() {
diff --git a/src/app/providers/store/index.js b/src/app/providers/store/index.js
index 8fff3e62..9d3ee129 100644
--- a/src/app/providers/store/index.js
+++ b/src/app/providers/store/index.js
@@ -8,6 +8,7 @@ import { errorStore } from "@/widgets/error";
 import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
 import { webApiStore } from "@/shared/api/webAPI";
+import { snackbarStore } from "@/widgets/snackbar";
 
 export default new Vuex.Store({
   modules: {
@@ -16,5 +17,6 @@ export default new Vuex.Store({
     errorStore,
     settingsStore,
     webApiStore,
+    snackbarStore,
   },
 });
diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index a0a72f0d..c3ee1315 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -1,14 +1,20 @@
 <template>
   <v-container>
-    <v-card :loading="!getApiData" elevation="10" class="ma-4 pa-2">
+    <v-card
+      v-if="Object.keys(getApiData).length"
+      :loading="getApiData.loading"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-card-title>WebAPI details</v-card-title>
       <v-container v-if="getApiData.serviceDetails" fluid>
+        <v-layout> </v-layout>
         <v-layout
-          v-for="(d, i) in getApiData.serviceDetails"
-          :key="i"
+          v-for="(value, propertyName) in getApiMetadata()"
+          :key="propertyName"
           class="pl-8"
         >
-          {{ d }}: {{ getApiData.serviceDetails[d] }}
+          {{ propertyName }}: {{ value }}
         </v-layout>
       </v-container>
     </v-card>
@@ -19,6 +25,7 @@
       class="ma-4 pa-2"
     >
       <v-data-table
+        :loading="getApiData.loading"
         :items="getApiData.apiSources"
         :headers="sourceHeaders"
       ></v-data-table>
@@ -61,6 +68,17 @@ export default {
       ],
     };
   },
+  methods: {
+    getApiMetadata: function () {
+      const data = this.getApiData.serviceDetails;
+      return {
+        "WebAPI version": data.version,
+        Timestamp: data.buildInfo.timestamp,
+        Branch: data.buildInfo.branch,
+        "Commit ID": data.buildInfo.commitId,
+      };
+    },
+  },
   computed: {
     ...mapGetters(["getApiData"]),
   },
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 00372ad1..020b1ce7 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -24,7 +24,7 @@
                 Add concepts
               </v-btn>
             </template>
-            <v-form ref="form">
+            <v-form v-if="env.WEB_API_ENABLED === 'true'" ref="form">
               <v-card>
                 <v-card-title>
                   <span v-if="env.WEB_API_ENABLED === 'true'" class="text-h5"
@@ -38,35 +38,36 @@
                     <v-row>
                       <v-col>
                         <v-row>
-                          <v-col v-if="env.WEB_API_ENABLED === 'true'" cols="4">
+                          <v-col cols="4">
                             <v-text-field
-                              v-if="env.WEB_API_ENABLED === 'true'"
                               :value="$route.query.search"
                               label="Search concepts"
                               placeholder="Your query"
                               @input="debouncedSearch"
                             ></v-text-field>
                           </v-col>
-                          <v-col v-else>
-                            <v-text-field
-                              v-model.number="editedItem.CONCEPT_ID"
-                              :rules="[rules.required, rules.concept]"
-                              prepend-icon="mdi-chart-timeline-variant-shimmer"
-                              label="Concept ID"
-                              dense
-                              :error-messages="errors"
+                          <v-col cols="4">
+                            <v-autocomplete
+                              v-model="vocabularySource"
+                              :items="apiSources"
+                              item-text="sourceKey"
+                              item-value="sourceKey"
+                              auto-select-first
+                              label="Vocabulary source"
                             >
-                            </v-text-field>
+                            </v-autocomplete>
                           </v-col>
                         </v-row>
                         <v-row>
-                          <v-col v-if="env.WEB_API_ENABLED === 'true'">
+                          <v-col>
                             <v-data-table
+                              :loading="getApiData.loading"
                               no-data-text="No concepts found"
                               item-key="CONCEPT_ID"
                               :items-per-page="5"
                               :items="getApiData.data"
                               :headers="webapiHeaders"
+                              loading-text="Loading concepts"
                             >
                               <template #item.actions="{ item }">
                                 <v-icon
@@ -90,20 +91,53 @@
                               </template>
                             </v-data-table>
                           </v-col>
-                          <v-col v-else>
-                            <v-autocomplete
-                              v-model="editedItem.DOMAIN_ID"
-                              :rules="[rules.required]"
-                              label="Domain"
-                              prepend-icon="mdi-folder"
-                              dense
-                              :items="domains"
-                            >
-                            </v-autocomplete>
-                          </v-col>
                         </v-row>
                       </v-col>
-                      <v-col v-if="env.WEB_API_ENABLED === 'false'">
+                    </v-row>
+                  </v-container>
+                </v-card-text>
+
+                <v-card-actions>
+                  <v-spacer></v-spacer>
+                  <v-btn color="blue darken-1" text @click="close">
+                    Close
+                  </v-btn>
+                  <!--                  <v-btn color="blue darken-1" text @click="save"> Add </v-btn>-->
+                </v-card-actions>
+              </v-card>
+            </v-form>
+            <v-form v-else>
+              <v-card>
+                <v-card-title>
+                  <span class="text=h5">Add concepts</span>
+                </v-card-title>
+                <v-card-text>
+                  <v-container fluid>
+                    <v-row justify="space-between">
+                      <v-col>
+                        <v-text-field
+                          v-model.number="editedItem.CONCEPT_ID"
+                          :rules="[rules.required, rules.concept]"
+                          prepend-icon="mdi-chart-timeline-variant-shimmer"
+                          label="Concept ID"
+                          dense
+                          :success-messages="successMessage"
+                          :error-messages="errors"
+                        >
+                        </v-text-field>
+                      </v-col>
+                      <v-col>
+                        <v-autocomplete
+                          v-model="editedItem.DOMAIN_ID"
+                          :rules="[rules.required]"
+                          label="Domain"
+                          prepend-icon="mdi-folder"
+                          dense
+                          :items="domains"
+                        >
+                        </v-autocomplete>
+                      </v-col>
+                      <v-col>
                         <v-btn
                           color="blue darken-1"
                           text
@@ -190,13 +224,10 @@ import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
 import environment from "@/shared/api/environment";
 import { mapGetters } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
-import {
-  FETCH_VOCABULARY_SEARCH_RESULTS,
-  FETCH_WEBAPI,
-  RESET_API_STORAGE,
-} from "@/shared/api/webAPI/store/actions.type";
+import { webApiActions } from "@/shared/api/webAPI";
 import { mixins } from "@/shared/lib/mixins";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
+import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 
 export default {
   name: "RequiredConcepts",
@@ -206,6 +237,9 @@ export default {
     env: environment,
     dialog: false,
     errors: "",
+    successMessage: [],
+    apiSources: [],
+    vocabularySource: "",
     conceptData: [],
     rules: {
       required: (value) => !!value || "Required field",
@@ -349,11 +383,20 @@ export default {
     editedItem: {
       handler() {
         this.errors = "";
+        this.successMessage = [];
       },
       deep: true,
     },
   },
   created() {
+    this.$store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
+      this.apiSources = this.getApiData.apiSources.filter((source) =>
+        source.daimons
+          .reduce((array, current) => [...array, current.daimonType], [])
+          .includes("Vocabulary")
+      );
+      this.vocabularySource = this.apiSources[0].sourceKey;
+    });
     this.sources = this.getSources.map((value) => ({
       cdm_name: value.cdm_source_abbreviation,
       concepts: [],
@@ -375,14 +418,24 @@ export default {
         .then(() => {
           return this.getData.domainSummary.map((value) => ({
             parsedData: value.data,
-            source: value.source.cdm_source_abbreviation,
+            source: value.source,
           }));
         });
     },
     searchApi: function () {
-      this.$store.dispatch(FETCH_VOCABULARY_SEARCH_RESULTS, {
-        search: this.$route.query.search,
-      });
+      this.$store
+        .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
+          search: this.$route.query.search,
+          source: this.vocabularySource,
+        })
+        .then(() => {
+          if (this.getApiData.error.name === "AxiosError") {
+            this.$store.dispatch(ADD_ALERT, {
+              message: "WebAPI server replied with status code",
+              status: this.getApiData.error.response.status,
+            });
+          }
+        });
     },
     addConceptToList: function (concepts) {
       this.sources.forEach((source) => {
@@ -431,7 +484,7 @@ export default {
         ...this.$router.currentRoute,
         query: {},
       });
-      this.$store.dispatch(RESET_API_STORAGE);
+      this.$store.dispatch(webApiActions.RESET_API_STORAGE);
     },
     save(item) {
       if (
@@ -466,7 +519,7 @@ export default {
         .then(() => {
           this.conceptsData = this.getData.concept;
           if (!this.conceptsData.length) {
-            this.errors = "Requested concept is not found across data bases";
+            this.errors = "Requested concept is not found across data sources";
             this.addedConcepts = {
               ...this.addedConcepts,
               [item.CONCEPT_ID]: "Not found",
@@ -487,6 +540,7 @@ export default {
             ...this.addedConcepts,
             [item.CONCEPT_ID]: "Loaded",
           };
+          this.successMessage = ["Concept added"];
         });
     },
   },
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index 7e6b1cb8..817a35ea 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -3,6 +3,7 @@
     <Explorer v-if="showExplorer" />
     <Error v-if="getErrors" />
     <router-view v-if="!getErrors" name="reportsView" />
+    <Snackbar />
     <Settings />
     <BottomNav />
   </v-container>
@@ -12,6 +13,7 @@
 import { Error } from "@/widgets/error";
 import { Explorer, explorerActions } from "@/widgets/explorer";
 import { Settings } from "@/widgets/settings";
+import { Snackbar } from "@/widgets/snackbar";
 import BottomNav from "@/widgets/bottomNav";
 
 import { RESET_DATA_STORAGE } from "../model/store/actions.type";
@@ -21,7 +23,7 @@ import { mapGetters } from "vuex";
 
 export default {
   name: "ReportsView",
-  components: { BottomNav, Explorer, Error, Settings },
+  components: { Snackbar, BottomNav, Explorer, Error, Settings },
   computed: {
     ...mapGetters(["explorerLoaded", "getSources", "getErrors"]),
     path: function () {
diff --git a/src/shared/api/webAPI/index.js b/src/shared/api/webAPI/index.js
index dd833531..febfc1c8 100644
--- a/src/shared/api/webAPI/index.js
+++ b/src/shared/api/webAPI/index.js
@@ -1,3 +1,4 @@
 import webApiStore from "@/shared/api/webAPI/store/webApi.module";
+import * as webApiActions from "./store/actions.type";
 
-export { webApiStore };
+export { webApiStore, webApiActions };
diff --git a/src/shared/api/webAPI/store/actions.type.js b/src/shared/api/webAPI/store/actions.type.js
index 8ad96723..ae9d7f16 100644
--- a/src/shared/api/webAPI/store/actions.type.js
+++ b/src/shared/api/webAPI/store/actions.type.js
@@ -1,4 +1,3 @@
-export const FETCH_WEBAPI = "fetchWebAPI";
 export const FETCH_WEBAPI_INFO = "fetchWebAPIInfo";
 export const FETCH_VOCABULARY_SEARCH_RESULTS = "fetchVocabularySearchResults";
 export const RESET_API_STORAGE = "resetApiStorage";
diff --git a/src/shared/api/webAPI/store/webApi.module.js b/src/shared/api/webAPI/store/webApi.module.js
index 2694d106..2e376e77 100644
--- a/src/shared/api/webAPI/store/webApi.module.js
+++ b/src/shared/api/webAPI/store/webApi.module.js
@@ -12,6 +12,7 @@ import { VocabularyService } from "@/shared/api/webAPI/webApiServices/vocabulary
 
 const state = {
   apiData: {},
+  apiError: {},
 };
 
 const getters = {
@@ -22,11 +23,13 @@ const getters = {
 
 const actions = {
   async [FETCH_WEBAPI_INFO]({ commit }) {
+    commit(SET_WEBAPI, { loading: true });
     const webApiInfo = await InfoService.webApi.get();
     const sources = await InfoService.sources.get();
     commit(SET_WEBAPI, {
       serviceDetails: webApiInfo.response.data,
       apiSources: sources.response.data,
+      loading: false,
     });
   },
 
@@ -34,11 +37,20 @@ const actions = {
     { commit, dispatch, rootState },
     payload
   ) {
+    commit(SET_WEBAPI, { loading: true });
     await VocabularyService.search
-      .get(payload.search)
-      .then((data) =>
-        commit(SET_WEBAPI, { data: data.response.data, payload })
-      );
+      .get(payload.search, payload.source)
+      .then((data) => {
+        if (!data.response?.data) {
+          commit(SET_WEBAPI, { loading: false, error: data.response });
+        } else {
+          commit(SET_WEBAPI, {
+            data: data.response.data,
+            payload,
+            loading: false,
+          });
+        }
+      });
   },
   [RESET_API_STORAGE]({ commit }) {
     commit(CLEAR_API_STORAGE);
diff --git a/src/shared/api/webAPI/webApiServices/vocabularyService.js b/src/shared/api/webAPI/webApiServices/vocabularyService.js
index 0d7dbc82..36c43d59 100644
--- a/src/shared/api/webAPI/webApiServices/vocabularyService.js
+++ b/src/shared/api/webAPI/webApiServices/vocabularyService.js
@@ -3,9 +3,9 @@ import apiService from "@/shared/api/apiService";
 
 export const VocabularyService = {
   search: {
-    get(query) {
+    get(query, source) {
       return apiService({
-        url: `${environment.WEB_API_URL}/vocabulary/search/${query}`,
+        url: `${environment.WEB_API_URL}/vocabulary/${source}/search/${query}`,
         baseURL: "./",
         method: "get",
         headers: { "Content-Type": "application/json" },
diff --git a/src/widgets/snackbar/index.js b/src/widgets/snackbar/index.js
new file mode 100644
index 00000000..73e05daa
--- /dev/null
+++ b/src/widgets/snackbar/index.js
@@ -0,0 +1,4 @@
+import snackbarStore from "@/widgets/snackbar/model/store/snackbar.module";
+import Snackbar from "@/widgets/snackbar/ui/Snackbar";
+
+export { Snackbar, snackbarStore };
diff --git a/src/widgets/snackbar/model/store/actions.type.js b/src/widgets/snackbar/model/store/actions.type.js
new file mode 100644
index 00000000..473dcbca
--- /dev/null
+++ b/src/widgets/snackbar/model/store/actions.type.js
@@ -0,0 +1,2 @@
+export const ADD_ALERT = "addAlert";
+export const RESET_ALERTS = "resetAlerts";
diff --git a/src/widgets/snackbar/model/store/mutations.type.js b/src/widgets/snackbar/model/store/mutations.type.js
new file mode 100644
index 00000000..fb3a0229
--- /dev/null
+++ b/src/widgets/snackbar/model/store/mutations.type.js
@@ -0,0 +1,3 @@
+export const SET_ALERT = "setAlert";
+export const SET_ALERT_VISIBILITY = "setAlertVisibility";
+export const CLEAR_ALERTS = "clearAlerts";
diff --git a/src/widgets/snackbar/model/store/snackbar.module.js b/src/widgets/snackbar/model/store/snackbar.module.js
new file mode 100644
index 00000000..d8445591
--- /dev/null
+++ b/src/widgets/snackbar/model/store/snackbar.module.js
@@ -0,0 +1,53 @@
+import {
+  ADD_ALERT,
+  RESET_ALERTS,
+} from "@/widgets/snackbar/model/store/actions.type";
+import {
+  CLEAR_ALERTS,
+  SET_ALERT,
+  SET_ALERT_VISIBILITY,
+} from "@/widgets/snackbar/model/store/mutations.type";
+
+const state = {
+  alert: {},
+  showAlert: false,
+};
+
+const getters = {
+  getAlert: function (state) {
+    return state.alert;
+  },
+  getAlertVisibility: function (state) {
+    return state.showAlert;
+  },
+};
+
+const actions = {
+  [ADD_ALERT]({ commit }, payload) {
+    commit(SET_ALERT, payload);
+    commit(SET_ALERT_VISIBILITY);
+  },
+  [RESET_ALERTS]({ commit }) {
+    commit(CLEAR_ALERTS);
+  },
+};
+
+const mutations = {
+  [SET_ALERT](state, payload) {
+    state.alert = payload;
+  },
+  [SET_ALERT_VISIBILITY](state) {
+    state.showAlert = true;
+  },
+  [CLEAR_ALERTS](state) {
+    state.alert = {};
+    state.showAlert = false;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
diff --git a/src/widgets/snackbar/ui/Snackbar.vue b/src/widgets/snackbar/ui/Snackbar.vue
new file mode 100644
index 00000000..62411680
--- /dev/null
+++ b/src/widgets/snackbar/ui/Snackbar.vue
@@ -0,0 +1,28 @@
+<template>
+  <v-snackbar v-model="showSnackbar" color="red accent-3" elevation="24">
+    {{ getAlert.message }}: {{ getAlert.status }}
+  </v-snackbar>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import { RESET_ALERTS } from "@/widgets/snackbar/model/store/actions.type";
+
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: "Snackbar",
+  computed: {
+    ...mapGetters(["getAlert", "getAlertVisibility"]),
+    showSnackbar: {
+      get() {
+        return this.getAlertVisibility;
+      },
+      set() {
+        this.$store.dispatch(RESET_ALERTS);
+      },
+    },
+  },
+};
+</script>
+
+<style scoped></style>

From 6c3a730f38706c66932090de7c92442cb296295c Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 24 Oct 2022 19:16:24 +0700
Subject: [PATCH 003/202] feat: added optional webapi integration

---
 .../components/RequiredConcepts.vue                      | 2 +-
 src/widgets/explorer/model/store/explorer.module.js      | 2 +-
 src/widgets/explorer/ui/Explorer.vue                     | 9 +++------
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 020b1ce7..369f4a5d 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -429,7 +429,7 @@ export default {
           source: this.vocabularySource,
         })
         .then(() => {
-          if (this.getApiData.error.name === "AxiosError") {
+          if (this.getApiData?.error?.name === "AxiosError") {
             this.$store.dispatch(ADD_ALERT, {
               message: "WebAPI server replied with status code",
               status: this.getApiData.error.response.status,
diff --git a/src/widgets/explorer/model/store/explorer.module.js b/src/widgets/explorer/model/store/explorer.module.js
index 9450ebc6..6aeaed47 100644
--- a/src/widgets/explorer/model/store/explorer.module.js
+++ b/src/widgets/explorer/model/store/explorer.module.js
@@ -69,7 +69,7 @@ const getters = {
 
 const actions = {
   [FETCH_INDEX]({ commit, dispatch }, params) {
-    apiService(getFilePath(params)[INDEX], { required: true }).then(
+    return apiService(getFilePath(params)[INDEX], { required: true }).then(
       (response) => {
         commit(SOURCES, response.response.data.sources);
         commit(EXPLORER_LOADED);
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 5789d2cd..a176050e 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -24,7 +24,7 @@
           item-value="name"
           @input="changeFolder"
         >
-          <template v-slot:item="{ item }">
+          <template #item="{ item }">
             <v-icon left small>{{ item.icon }}</v-icon> {{ item.name }}
           </template>
         </v-autocomplete>
@@ -73,7 +73,7 @@
           item-value="route"
           @input="changeReport"
         >
-          <template v-slot:item="{ item }">
+          <template #item="{ item }">
             <v-icon left small>{{ item.icon }}</v-icon> {{ item.name }}
           </template>
         </v-autocomplete>
@@ -95,13 +95,10 @@
 
 <script>
 import { mapGetters } from "vuex";
-import {
-  FETCH_INDEX,
-  FETCH_QUERY_INDEX,
-} from "@/widgets/explorer/model/store/actions.type";
 import config from "@/widgets/explorer/config";
 
 export default {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "Explorer",
   data() {
     return {

From f7739658851a0805cc538483c403af3870ce9a1a Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 1 Nov 2022 17:18:51 +0700
Subject: [PATCH 004/202] feat: added azure authentication

---
 package.json                                  |  1 +
 src/app/providers/store/index.js              |  3 +-
 src/features/userAuth/Auth.vue                | 49 ++++++++++
 src/main.js                                   |  2 +
 src/shared/api/authentication/config.js       | 13 +++
 src/shared/api/authentication/index.js        |  4 +
 .../model/store/actions.type.js               |  3 +
 .../authentication/model/store/auth.module.js | 95 +++++++++++++++++++
 .../model/store/mutations.type.js             |  2 +
 src/shared/api/webAPI/store/webApi.module.js  | 10 +-
 .../api/webAPI/webApiServices/infoService.js  |  6 +-
 .../webApiServices/vocabularyService.js       |  7 +-
 src/widgets/settings/ui/Settings.vue          | 15 +--
 13 files changed, 194 insertions(+), 16 deletions(-)
 create mode 100644 src/features/userAuth/Auth.vue
 create mode 100644 src/shared/api/authentication/config.js
 create mode 100644 src/shared/api/authentication/index.js
 create mode 100644 src/shared/api/authentication/model/store/actions.type.js
 create mode 100644 src/shared/api/authentication/model/store/auth.module.js
 create mode 100644 src/shared/api/authentication/model/store/mutations.type.js

diff --git a/package.json b/package.json
index 896ff68a..3867642b 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@azure/msal-browser": "^2.30.0",
     "axios": "^0.27.2",
     "core-js": "^3.6.5",
     "d3-dsv": "^3.0.1",
diff --git a/src/app/providers/store/index.js b/src/app/providers/store/index.js
index 9d3ee129..97120c71 100644
--- a/src/app/providers/store/index.js
+++ b/src/app/providers/store/index.js
@@ -9,7 +9,7 @@ import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
 import { webApiStore } from "@/shared/api/webAPI";
 import { snackbarStore } from "@/widgets/snackbar";
-
+import { authStore } from "@/shared/api/authentication";
 export default new Vuex.Store({
   modules: {
     explorerStore,
@@ -18,5 +18,6 @@ export default new Vuex.Store({
     settingsStore,
     webApiStore,
     snackbarStore,
+    authStore,
   },
 });
diff --git a/src/features/userAuth/Auth.vue b/src/features/userAuth/Auth.vue
new file mode 100644
index 00000000..a2b5e25c
--- /dev/null
+++ b/src/features/userAuth/Auth.vue
@@ -0,0 +1,49 @@
+<template>
+  <v-card>
+    <div v-if="!getUserAccount">
+      <v-container>
+        <h3 class="text-center">Sign in with</h3>
+      </v-container>
+      <v-container class="button-container">
+        <v-btn class="windows-login" @click="logIn">
+          <v-icon>mdi-microsoft-windows</v-icon>
+        </v-btn>
+      </v-container>
+    </div>
+    <div v-else class="greeting">Hello, {{ getUserAccount }}</div>
+  </v-card>
+</template>
+
+<script>
+import { authActions } from "@/shared/api/authentication";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "AuthButton",
+  methods: {
+    logIn: function () {
+      this.$store.dispatch(authActions.LOG_IN);
+    },
+  },
+  computed: {
+    ...mapGetters(["getToken", "getUserAccount"]),
+  },
+};
+</script>
+
+<style scoped>
+.windows-login {
+  width: 90%;
+}
+.button-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.greeting {
+  text-align: center;
+  padding: 20px;
+  font-size: 18px;
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 6e2f3c0b..62d50e9c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,11 +6,13 @@ import vuetify from "@/app/plugins/vuetify";
 import sync from "./shared/lib/vuex-router-sync";
 import { settingsActions } from "@/widgets/settings";
 import environment from "@/shared/api/environment";
+import { authActions } from "@/shared/api/authentication";
 
 environment.load().then(() => {
   sync(store, router);
   //loads app settings from the local storage (if there are any saved)
   store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE);
+  store.dispatch(authActions.SET_DEFAULT_STATE);
 
   new Vue({
     vuetify,
diff --git a/src/shared/api/authentication/config.js b/src/shared/api/authentication/config.js
new file mode 100644
index 00000000..cce6b799
--- /dev/null
+++ b/src/shared/api/authentication/config.js
@@ -0,0 +1,13 @@
+import environment from "@/shared/api/environment";
+
+export const getAuthConfig = function () {
+  return {
+    auth: {
+      clientId: environment.AZURE_CLIENT_ID,
+      authority: environment.AZURE_AUTH_DOMAIN,
+    },
+    cache: {
+      cacheLocation: "localStorage",
+    },
+  };
+};
diff --git a/src/shared/api/authentication/index.js b/src/shared/api/authentication/index.js
new file mode 100644
index 00000000..247190b7
--- /dev/null
+++ b/src/shared/api/authentication/index.js
@@ -0,0 +1,4 @@
+import authStore from "@/shared/api/authentication/model/store/auth.module";
+import * as authActions from "./model/store/actions.type";
+
+export { authStore, authActions };
diff --git a/src/shared/api/authentication/model/store/actions.type.js b/src/shared/api/authentication/model/store/actions.type.js
new file mode 100644
index 00000000..dcac2dc3
--- /dev/null
+++ b/src/shared/api/authentication/model/store/actions.type.js
@@ -0,0 +1,3 @@
+export const LOG_IN = "logIn";
+export const GET_TOKEN = "getToken";
+export const SET_DEFAULT_STATE = "setDefaultState";
diff --git a/src/shared/api/authentication/model/store/auth.module.js b/src/shared/api/authentication/model/store/auth.module.js
new file mode 100644
index 00000000..57192a58
--- /dev/null
+++ b/src/shared/api/authentication/model/store/auth.module.js
@@ -0,0 +1,95 @@
+import {
+  GET_TOKEN,
+  LOG_IN,
+  SET_DEFAULT_STATE,
+} from "@/shared/api/authentication/model/store/actions.type";
+import { PublicClientApplication } from "@azure/msal-browser";
+import { getAuthConfig } from "@/shared/api/authentication/config";
+import {
+  SET_ACCESS_TOKEN,
+  SET_USER_ACCOUNT,
+} from "@/shared/api/authentication/model/store/mutations.type";
+
+const state = {
+  accessToken: null,
+  account: null,
+};
+
+const getters = {
+  getToken: function (state) {
+    return state.accessToken;
+  },
+  getUserAccount: function (state) {
+    return state.account;
+  },
+};
+
+const actions = {
+  async [SET_DEFAULT_STATE]({ commit }) {
+    const msalInstance = new PublicClientApplication(getAuthConfig());
+    const currentAccount = msalInstance.getAllAccounts()[0];
+    if (currentAccount) {
+      await msalInstance
+        .acquireTokenSilent({
+          scopes: ["User.Read"],
+          account: currentAccount,
+        })
+        .then((response) => {
+          commit(SET_ACCESS_TOKEN, response.accessToken);
+          commit(SET_USER_ACCOUNT, response.account);
+        })
+        .catch();
+    }
+  },
+  async [LOG_IN]({ commit }) {
+    const msalInstance = new PublicClientApplication(getAuthConfig());
+    msalInstance
+      .acquireTokenPopup({
+        scopes: ["User.Read"],
+      })
+      .then((response) => {
+        commit(SET_ACCESS_TOKEN, response.accessToken);
+        commit(SET_USER_ACCOUNT, response.account);
+      });
+  },
+  async [GET_TOKEN]({ commit }) {
+    const msalInstance = new PublicClientApplication(getAuthConfig());
+    const currentAccount = msalInstance.getAllAccounts()[0];
+    return msalInstance
+      .acquireTokenSilent({
+        scopes: ["User.Read"],
+        account: currentAccount,
+      })
+      .then((response) => {
+        commit(SET_ACCESS_TOKEN, response.accessToken);
+        commit(SET_USER_ACCOUNT, response.account);
+      })
+      .catch((e) => {
+        msalInstance
+          .acquireTokenPopup({
+            scopes: ["User.Read"],
+            account: currentAccount,
+          })
+          .then((response) => {
+            commit(SET_ACCESS_TOKEN, response.accessToken);
+            commit(SET_USER_ACCOUNT, response.account);
+          });
+      });
+  },
+};
+
+const mutations = {
+  [SET_ACCESS_TOKEN](state, token) {
+    state.accessToken = token;
+  },
+  [SET_USER_ACCOUNT](state, account) {
+    state.account = account.name;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
diff --git a/src/shared/api/authentication/model/store/mutations.type.js b/src/shared/api/authentication/model/store/mutations.type.js
new file mode 100644
index 00000000..d3a3822d
--- /dev/null
+++ b/src/shared/api/authentication/model/store/mutations.type.js
@@ -0,0 +1,2 @@
+export const SET_ACCESS_TOKEN = "setAccessToken";
+export const SET_USER_ACCOUNT = "setUserAccount";
diff --git a/src/shared/api/webAPI/store/webApi.module.js b/src/shared/api/webAPI/store/webApi.module.js
index 2e376e77..4cff0d31 100644
--- a/src/shared/api/webAPI/store/webApi.module.js
+++ b/src/shared/api/webAPI/store/webApi.module.js
@@ -22,10 +22,10 @@ const getters = {
 };
 
 const actions = {
-  async [FETCH_WEBAPI_INFO]({ commit }) {
+  async [FETCH_WEBAPI_INFO]({ commit, dispatch, rootState, rootGetters }) {
     commit(SET_WEBAPI, { loading: true });
-    const webApiInfo = await InfoService.webApi.get();
-    const sources = await InfoService.sources.get();
+    const webApiInfo = await InfoService.webApi.get(rootGetters.getToken);
+    const sources = await InfoService.sources.get(rootGetters.getToken);
     commit(SET_WEBAPI, {
       serviceDetails: webApiInfo.response.data,
       apiSources: sources.response.data,
@@ -34,12 +34,12 @@ const actions = {
   },
 
   async [FETCH_VOCABULARY_SEARCH_RESULTS](
-    { commit, dispatch, rootState },
+    { commit, dispatch, rootState, rootGetters },
     payload
   ) {
     commit(SET_WEBAPI, { loading: true });
     await VocabularyService.search
-      .get(payload.search, payload.source)
+      .get(payload.search, payload.source, rootGetters.getToken)
       .then((data) => {
         if (!data.response?.data) {
           commit(SET_WEBAPI, { loading: false, error: data.response });
diff --git a/src/shared/api/webAPI/webApiServices/infoService.js b/src/shared/api/webAPI/webApiServices/infoService.js
index 78557ec0..72b045c7 100644
--- a/src/shared/api/webAPI/webApiServices/infoService.js
+++ b/src/shared/api/webAPI/webApiServices/infoService.js
@@ -3,7 +3,7 @@ import environment from "@/shared/api/environment";
 
 export const InfoService = {
   sources: {
-    get() {
+    get(token) {
       return apiService(
         {
           url: `${environment.WEB_API_URL}/source/sources`,
@@ -11,6 +11,7 @@ export const InfoService = {
           baseURL: "/",
           headers: {
             "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
           },
         },
         {}
@@ -18,7 +19,7 @@ export const InfoService = {
     },
   },
   webApi: {
-    get() {
+    get(token) {
       return apiService(
         {
           url: `${environment.WEB_API_URL}/info`,
@@ -26,6 +27,7 @@ export const InfoService = {
           baseURL: "/",
           headers: {
             "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
           },
         },
         {}
diff --git a/src/shared/api/webAPI/webApiServices/vocabularyService.js b/src/shared/api/webAPI/webApiServices/vocabularyService.js
index 36c43d59..64018e08 100644
--- a/src/shared/api/webAPI/webApiServices/vocabularyService.js
+++ b/src/shared/api/webAPI/webApiServices/vocabularyService.js
@@ -3,12 +3,15 @@ import apiService from "@/shared/api/apiService";
 
 export const VocabularyService = {
   search: {
-    get(query, source) {
+    get(query, source, token) {
       return apiService({
         url: `${environment.WEB_API_URL}/vocabulary/${source}/search/${query}`,
         baseURL: "./",
         method: "get",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+        },
       });
     },
   },
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index b6ed05cc..cae54cd0 100644
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -9,6 +9,12 @@
           <v-toolbar-title>Settings</v-toolbar-title>
           <v-spacer></v-spacer>
         </v-toolbar>
+        <Auth />
+        <v-list three-line subheader>
+          <v-subheader>General</v-subheader>
+          <!--Features-->
+          <ToggleDarkMode />
+        </v-list>
         <v-list three-line subheader>
           <v-subheader>Charts</v-subheader>
           <!--Features-->
@@ -16,11 +22,6 @@
           <ToggleMinMax />
         </v-list>
         <v-divider></v-divider>
-        <v-list three-line subheader>
-          <v-subheader>General</v-subheader>
-          <!--Features-->
-          <ToggleDarkMode />
-        </v-list>
       </v-card>
     </v-navigation-drawer>
   </v-row>
@@ -32,10 +33,12 @@ import { settingsActions } from "@/widgets/settings";
 import ToggleDarkMode from "@/features/toggleDarkMode/";
 import ToggleBaseLine from "@/features/toggleBaseLine/";
 import ToggleMinMax from "@/features/toggleMinMax/";
+import Auth from "@/features/userAuth/Auth";
 
 export default {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "Settings",
-  components: { ToggleMinMax, ToggleBaseLine, ToggleDarkMode },
+  components: { Auth, ToggleMinMax, ToggleBaseLine, ToggleDarkMode },
   computed: {
     ...mapGetters(["getVisibility"]),
     showMenu: {

From e61ec7c57a9a8b20309576f1fcbc76e864bb9277 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 1 Nov 2022 18:07:01 +0700
Subject: [PATCH 005/202] feat: added azure authentication

---
 public/env/env.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/env/env.json b/public/env/env.json
index 7fe0679e..b407a6ee 100644
--- a/public/env/env.json
+++ b/public/env/env.json
@@ -1,4 +1,6 @@
 {
-  "WEB_API_URL": "./WebAPI",
-  "WEB_API_ENABLED": "true"
+  "WEB_API_URL": "./",
+  "WEB_API_ENABLED": "true",
+  "AZURE_AUTH_DOMAIN": "",
+  "AZURE_CLIENT_ID": ""
 }

From cdf01b6e48f536b5fb58eafea5af307856c3a1aa Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 9 Nov 2022 04:40:36 +0700
Subject: [PATCH 006/202] fix: changed authentication method to Windows
 authentication

---
 public/env/env.json                           |  4 +-
 src/app/providers/store/index.js              |  3 +-
 src/features/userAuth/Auth.vue                | 49 ----------
 src/main.js                                   | 22 +++--
 .../exploreReports/config/dataLoadConfig.js   |  2 +-
 src/shared/api/authentication/config.js       | 13 ---
 src/shared/api/authentication/index.js        |  4 -
 .../model/store/actions.type.js               |  3 -
 .../authentication/model/store/auth.module.js | 95 -------------------
 .../model/store/actions.type.js               |  1 +
 .../authentication/model/store/auth.module.js | 48 ++++++++++
 .../model/store/mutations.type.js             |  1 -
 .../webAPI/{ => data}/store/actions.type.js   |  1 +
 .../webAPI/{ => data}/store/mutations.type.js |  0
 .../webAPI/{ => data}/store/webApi.module.js  | 14 +--
 src/shared/api/webAPI/index.js                |  8 +-
 src/shared/api/webAPI/services/authService.js | 21 ++++
 .../infoService.js                            |  4 +-
 .../vocabularyService.js                      |  2 +-
 src/widgets/settings/ui/Settings.vue          |  4 +-
 20 files changed, 103 insertions(+), 196 deletions(-)
 delete mode 100644 src/features/userAuth/Auth.vue
 delete mode 100644 src/shared/api/authentication/config.js
 delete mode 100644 src/shared/api/authentication/index.js
 delete mode 100644 src/shared/api/authentication/model/store/actions.type.js
 delete mode 100644 src/shared/api/authentication/model/store/auth.module.js
 create mode 100644 src/shared/api/webAPI/authentication/model/store/actions.type.js
 create mode 100644 src/shared/api/webAPI/authentication/model/store/auth.module.js
 rename src/shared/api/{ => webAPI}/authentication/model/store/mutations.type.js (50%)
 rename src/shared/api/webAPI/{ => data}/store/actions.type.js (79%)
 rename src/shared/api/webAPI/{ => data}/store/mutations.type.js (100%)
 rename src/shared/api/webAPI/{ => data}/store/webApi.module.js (79%)
 create mode 100644 src/shared/api/webAPI/services/authService.js
 rename src/shared/api/webAPI/{webApiServices => services}/infoService.js (85%)
 rename src/shared/api/webAPI/{webApiServices => services}/vocabularyService.js (88%)

diff --git a/public/env/env.json b/public/env/env.json
index b407a6ee..f0955759 100644
--- a/public/env/env.json
+++ b/public/env/env.json
@@ -1,6 +1,4 @@
 {
   "WEB_API_URL": "./",
-  "WEB_API_ENABLED": "true",
-  "AZURE_AUTH_DOMAIN": "",
-  "AZURE_CLIENT_ID": ""
+  "WEB_API_ENABLED": "true"
 }
diff --git a/src/app/providers/store/index.js b/src/app/providers/store/index.js
index 97120c71..724e274f 100644
--- a/src/app/providers/store/index.js
+++ b/src/app/providers/store/index.js
@@ -7,9 +7,8 @@ import { explorerStore } from "@/widgets/explorer";
 import { errorStore } from "@/widgets/error";
 import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
-import { webApiStore } from "@/shared/api/webAPI";
+import { webApiStore, authStore } from "@/shared/api/webAPI";
 import { snackbarStore } from "@/widgets/snackbar";
-import { authStore } from "@/shared/api/authentication";
 export default new Vuex.Store({
   modules: {
     explorerStore,
diff --git a/src/features/userAuth/Auth.vue b/src/features/userAuth/Auth.vue
deleted file mode 100644
index a2b5e25c..00000000
--- a/src/features/userAuth/Auth.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <v-card>
-    <div v-if="!getUserAccount">
-      <v-container>
-        <h3 class="text-center">Sign in with</h3>
-      </v-container>
-      <v-container class="button-container">
-        <v-btn class="windows-login" @click="logIn">
-          <v-icon>mdi-microsoft-windows</v-icon>
-        </v-btn>
-      </v-container>
-    </div>
-    <div v-else class="greeting">Hello, {{ getUserAccount }}</div>
-  </v-card>
-</template>
-
-<script>
-import { authActions } from "@/shared/api/authentication";
-import { mapGetters } from "vuex";
-
-export default {
-  name: "AuthButton",
-  methods: {
-    logIn: function () {
-      this.$store.dispatch(authActions.LOG_IN);
-    },
-  },
-  computed: {
-    ...mapGetters(["getToken", "getUserAccount"]),
-  },
-};
-</script>
-
-<style scoped>
-.windows-login {
-  width: 90%;
-}
-.button-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.greeting {
-  text-align: center;
-  padding: 20px;
-  font-size: 18px;
-}
-</style>
diff --git a/src/main.js b/src/main.js
index 62d50e9c..17e5844c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,19 +6,23 @@ import vuetify from "@/app/plugins/vuetify";
 import sync from "./shared/lib/vuex-router-sync";
 import { settingsActions } from "@/widgets/settings";
 import environment from "@/shared/api/environment";
-import { authActions } from "@/shared/api/authentication";
+import { authActions } from "@/shared/api/webAPI";
 
 environment.load().then(() => {
   sync(store, router);
   //loads app settings from the local storage (if there are any saved)
   store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE);
-  store.dispatch(authActions.SET_DEFAULT_STATE);
-
-  new Vue({
-    vuetify,
-    router,
-    store,
-    render: (h) => h(App),
-  }).$mount("#app");
+  store
+    .dispatch(authActions.GET_AUTH_TOKEN)
+    .then(() => {})
+    .catch(() => {})
+    .finally(() => {
+      new Vue({
+        vuetify,
+        router,
+        store,
+        render: (h) => h(App),
+      }).$mount("#app");
+    });
 });
 // adds reactive router module to global state
diff --git a/src/processes/exploreReports/config/dataLoadConfig.js b/src/processes/exploreReports/config/dataLoadConfig.js
index 51183ebb..fb36662b 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.js
+++ b/src/processes/exploreReports/config/dataLoadConfig.js
@@ -29,7 +29,7 @@ import {
   FETCH_MULTIPLE_FILES_BY_RELEASE,
   FETCH_MULTIPLE_FILES_BY_SOURCE,
 } from "../model/store/actions.type";
-import { FETCH_WEBAPI_INFO } from "@/shared/api/webAPI/store/actions.type";
+import { FETCH_WEBAPI_INFO } from "@/shared/api/webAPI/data/store/actions.type";
 
 export default function getFilesByView() {
   return {
diff --git a/src/shared/api/authentication/config.js b/src/shared/api/authentication/config.js
deleted file mode 100644
index cce6b799..00000000
--- a/src/shared/api/authentication/config.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import environment from "@/shared/api/environment";
-
-export const getAuthConfig = function () {
-  return {
-    auth: {
-      clientId: environment.AZURE_CLIENT_ID,
-      authority: environment.AZURE_AUTH_DOMAIN,
-    },
-    cache: {
-      cacheLocation: "localStorage",
-    },
-  };
-};
diff --git a/src/shared/api/authentication/index.js b/src/shared/api/authentication/index.js
deleted file mode 100644
index 247190b7..00000000
--- a/src/shared/api/authentication/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import authStore from "@/shared/api/authentication/model/store/auth.module";
-import * as authActions from "./model/store/actions.type";
-
-export { authStore, authActions };
diff --git a/src/shared/api/authentication/model/store/actions.type.js b/src/shared/api/authentication/model/store/actions.type.js
deleted file mode 100644
index dcac2dc3..00000000
--- a/src/shared/api/authentication/model/store/actions.type.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export const LOG_IN = "logIn";
-export const GET_TOKEN = "getToken";
-export const SET_DEFAULT_STATE = "setDefaultState";
diff --git a/src/shared/api/authentication/model/store/auth.module.js b/src/shared/api/authentication/model/store/auth.module.js
deleted file mode 100644
index 57192a58..00000000
--- a/src/shared/api/authentication/model/store/auth.module.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import {
-  GET_TOKEN,
-  LOG_IN,
-  SET_DEFAULT_STATE,
-} from "@/shared/api/authentication/model/store/actions.type";
-import { PublicClientApplication } from "@azure/msal-browser";
-import { getAuthConfig } from "@/shared/api/authentication/config";
-import {
-  SET_ACCESS_TOKEN,
-  SET_USER_ACCOUNT,
-} from "@/shared/api/authentication/model/store/mutations.type";
-
-const state = {
-  accessToken: null,
-  account: null,
-};
-
-const getters = {
-  getToken: function (state) {
-    return state.accessToken;
-  },
-  getUserAccount: function (state) {
-    return state.account;
-  },
-};
-
-const actions = {
-  async [SET_DEFAULT_STATE]({ commit }) {
-    const msalInstance = new PublicClientApplication(getAuthConfig());
-    const currentAccount = msalInstance.getAllAccounts()[0];
-    if (currentAccount) {
-      await msalInstance
-        .acquireTokenSilent({
-          scopes: ["User.Read"],
-          account: currentAccount,
-        })
-        .then((response) => {
-          commit(SET_ACCESS_TOKEN, response.accessToken);
-          commit(SET_USER_ACCOUNT, response.account);
-        })
-        .catch();
-    }
-  },
-  async [LOG_IN]({ commit }) {
-    const msalInstance = new PublicClientApplication(getAuthConfig());
-    msalInstance
-      .acquireTokenPopup({
-        scopes: ["User.Read"],
-      })
-      .then((response) => {
-        commit(SET_ACCESS_TOKEN, response.accessToken);
-        commit(SET_USER_ACCOUNT, response.account);
-      });
-  },
-  async [GET_TOKEN]({ commit }) {
-    const msalInstance = new PublicClientApplication(getAuthConfig());
-    const currentAccount = msalInstance.getAllAccounts()[0];
-    return msalInstance
-      .acquireTokenSilent({
-        scopes: ["User.Read"],
-        account: currentAccount,
-      })
-      .then((response) => {
-        commit(SET_ACCESS_TOKEN, response.accessToken);
-        commit(SET_USER_ACCOUNT, response.account);
-      })
-      .catch((e) => {
-        msalInstance
-          .acquireTokenPopup({
-            scopes: ["User.Read"],
-            account: currentAccount,
-          })
-          .then((response) => {
-            commit(SET_ACCESS_TOKEN, response.accessToken);
-            commit(SET_USER_ACCOUNT, response.account);
-          });
-      });
-  },
-};
-
-const mutations = {
-  [SET_ACCESS_TOKEN](state, token) {
-    state.accessToken = token;
-  },
-  [SET_USER_ACCOUNT](state, account) {
-    state.account = account.name;
-  },
-};
-
-export default {
-  state,
-  getters,
-  actions,
-  mutations,
-};
diff --git a/src/shared/api/webAPI/authentication/model/store/actions.type.js b/src/shared/api/webAPI/authentication/model/store/actions.type.js
new file mode 100644
index 00000000..5fa60c3c
--- /dev/null
+++ b/src/shared/api/webAPI/authentication/model/store/actions.type.js
@@ -0,0 +1 @@
+export const GET_AUTH_TOKEN = "getAuthToken";
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.js b/src/shared/api/webAPI/authentication/model/store/auth.module.js
new file mode 100644
index 00000000..43f7ac83
--- /dev/null
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.js
@@ -0,0 +1,48 @@
+import { SET_ACCESS_TOKEN } from "./mutations.type";
+import { GET_AUTH_TOKEN } from "./actions.type";
+import { authService } from "@/shared/api/webAPI/services/authService";
+import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
+import environment from "@/shared/api/environment";
+
+const state = {
+  accessToken: null,
+};
+
+const getters = {
+  getWebAPIToken: function (state) {
+    return state.accessToken;
+  },
+};
+
+const actions = {
+  async [GET_AUTH_TOKEN]({ commit, dispatch }) {
+    if (environment.WEB_API_ENABLED === "false") {
+      return;
+    }
+    return await authService.token.get().then((data) => {
+      const token = data.response.headers?.["bearer"];
+      if (!token) {
+        dispatch(ADD_ALERT, {
+          message: "Could not authenticate",
+          status: data.response.message
+            ? data.response.message
+            : "No additional data",
+        });
+        return;
+      }
+      commit(SET_ACCESS_TOKEN, token);
+    });
+  },
+};
+const mutations = {
+  [SET_ACCESS_TOKEN](state, token) {
+    state.accessToken = token;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
diff --git a/src/shared/api/authentication/model/store/mutations.type.js b/src/shared/api/webAPI/authentication/model/store/mutations.type.js
similarity index 50%
rename from src/shared/api/authentication/model/store/mutations.type.js
rename to src/shared/api/webAPI/authentication/model/store/mutations.type.js
index d3a3822d..af487609 100644
--- a/src/shared/api/authentication/model/store/mutations.type.js
+++ b/src/shared/api/webAPI/authentication/model/store/mutations.type.js
@@ -1,2 +1 @@
 export const SET_ACCESS_TOKEN = "setAccessToken";
-export const SET_USER_ACCOUNT = "setUserAccount";
diff --git a/src/shared/api/webAPI/store/actions.type.js b/src/shared/api/webAPI/data/store/actions.type.js
similarity index 79%
rename from src/shared/api/webAPI/store/actions.type.js
rename to src/shared/api/webAPI/data/store/actions.type.js
index ae9d7f16..aa7721aa 100644
--- a/src/shared/api/webAPI/store/actions.type.js
+++ b/src/shared/api/webAPI/data/store/actions.type.js
@@ -1,3 +1,4 @@
 export const FETCH_WEBAPI_INFO = "fetchWebAPIInfo";
 export const FETCH_VOCABULARY_SEARCH_RESULTS = "fetchVocabularySearchResults";
 export const RESET_API_STORAGE = "resetApiStorage";
+export const GET_AUTH_TOKEN = "getAuthToken";
diff --git a/src/shared/api/webAPI/store/mutations.type.js b/src/shared/api/webAPI/data/store/mutations.type.js
similarity index 100%
rename from src/shared/api/webAPI/store/mutations.type.js
rename to src/shared/api/webAPI/data/store/mutations.type.js
diff --git a/src/shared/api/webAPI/store/webApi.module.js b/src/shared/api/webAPI/data/store/webApi.module.js
similarity index 79%
rename from src/shared/api/webAPI/store/webApi.module.js
rename to src/shared/api/webAPI/data/store/webApi.module.js
index 4cff0d31..7d856424 100644
--- a/src/shared/api/webAPI/store/webApi.module.js
+++ b/src/shared/api/webAPI/data/store/webApi.module.js
@@ -2,13 +2,13 @@ import {
   FETCH_VOCABULARY_SEARCH_RESULTS,
   FETCH_WEBAPI_INFO,
   RESET_API_STORAGE,
-} from "@/shared/api/webAPI/store/actions.type";
-import { InfoService } from "@/shared/api/webAPI/webApiServices/infoService";
+} from "@/shared/api/webAPI/data/store/actions.type";
+import { InfoService } from "@/shared/api/webAPI/services/infoService";
 import {
   CLEAR_API_STORAGE,
   SET_WEBAPI,
-} from "@/shared/api/webAPI/store/mutations.type";
-import { VocabularyService } from "@/shared/api/webAPI/webApiServices/vocabularyService";
+} from "@/shared/api/webAPI/data/store/mutations.type";
+import { VocabularyService } from "@/shared/api/webAPI/services/vocabularyService";
 
 const state = {
   apiData: {},
@@ -24,8 +24,8 @@ const getters = {
 const actions = {
   async [FETCH_WEBAPI_INFO]({ commit, dispatch, rootState, rootGetters }) {
     commit(SET_WEBAPI, { loading: true });
-    const webApiInfo = await InfoService.webApi.get(rootGetters.getToken);
-    const sources = await InfoService.sources.get(rootGetters.getToken);
+    const webApiInfo = await InfoService.webApi.get(rootGetters.getWebAPIToken);
+    const sources = await InfoService.sources.get(rootGetters.getWebAPIToken);
     commit(SET_WEBAPI, {
       serviceDetails: webApiInfo.response.data,
       apiSources: sources.response.data,
@@ -39,7 +39,7 @@ const actions = {
   ) {
     commit(SET_WEBAPI, { loading: true });
     await VocabularyService.search
-      .get(payload.search, payload.source, rootGetters.getToken)
+      .get(payload.search, payload.source, rootGetters.getWebAPIToken)
       .then((data) => {
         if (!data.response?.data) {
           commit(SET_WEBAPI, { loading: false, error: data.response });
diff --git a/src/shared/api/webAPI/index.js b/src/shared/api/webAPI/index.js
index febfc1c8..62dd8463 100644
--- a/src/shared/api/webAPI/index.js
+++ b/src/shared/api/webAPI/index.js
@@ -1,4 +1,6 @@
-import webApiStore from "@/shared/api/webAPI/store/webApi.module";
-import * as webApiActions from "./store/actions.type";
+import webApiStore from "@/shared/api/webAPI/data/store/webApi.module";
+import authStore from "@/shared/api/webAPI/authentication/model/store/auth.module";
+import * as authActions from "./authentication/model/store/actions.type";
+import * as webApiActions from "./data/store/actions.type";
 
-export { webApiStore, webApiActions };
+export { webApiStore, webApiActions, authStore, authActions };
diff --git a/src/shared/api/webAPI/services/authService.js b/src/shared/api/webAPI/services/authService.js
new file mode 100644
index 00000000..236dcb93
--- /dev/null
+++ b/src/shared/api/webAPI/services/authService.js
@@ -0,0 +1,21 @@
+import apiService from "@/shared/api/apiService";
+import environment from "@/shared/api/environment";
+
+export const authService = {
+  token: {
+    get() {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}/user/login/windows`,
+          method: "get",
+          baseURL: "/",
+          withCredentials: true,
+          headers: {
+            "Content-Type": "application/json",
+          },
+        },
+        {}
+      );
+    },
+  },
+};
diff --git a/src/shared/api/webAPI/webApiServices/infoService.js b/src/shared/api/webAPI/services/infoService.js
similarity index 85%
rename from src/shared/api/webAPI/webApiServices/infoService.js
rename to src/shared/api/webAPI/services/infoService.js
index 72b045c7..6c294188 100644
--- a/src/shared/api/webAPI/webApiServices/infoService.js
+++ b/src/shared/api/webAPI/services/infoService.js
@@ -11,7 +11,7 @@ export const InfoService = {
           baseURL: "/",
           headers: {
             "Content-Type": "application/json",
-            Authorization: `Bearer ${token}`,
+            Authorization: token ? `Bearer ${token}` : null,
           },
         },
         {}
@@ -27,7 +27,7 @@ export const InfoService = {
           baseURL: "/",
           headers: {
             "Content-Type": "application/json",
-            Authorization: `Bearer ${token}`,
+            Authorization: token ? `Bearer ${token}` : null,
           },
         },
         {}
diff --git a/src/shared/api/webAPI/webApiServices/vocabularyService.js b/src/shared/api/webAPI/services/vocabularyService.js
similarity index 88%
rename from src/shared/api/webAPI/webApiServices/vocabularyService.js
rename to src/shared/api/webAPI/services/vocabularyService.js
index 64018e08..1a113c71 100644
--- a/src/shared/api/webAPI/webApiServices/vocabularyService.js
+++ b/src/shared/api/webAPI/services/vocabularyService.js
@@ -10,7 +10,7 @@ export const VocabularyService = {
         method: "get",
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${token}`,
+          Authorization: token ? `Bearer ${token}` : null,
         },
       });
     },
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index cae54cd0..ede0a521 100644
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -9,7 +9,6 @@
           <v-toolbar-title>Settings</v-toolbar-title>
           <v-spacer></v-spacer>
         </v-toolbar>
-        <Auth />
         <v-list three-line subheader>
           <v-subheader>General</v-subheader>
           <!--Features-->
@@ -33,12 +32,11 @@ import { settingsActions } from "@/widgets/settings";
 import ToggleDarkMode from "@/features/toggleDarkMode/";
 import ToggleBaseLine from "@/features/toggleBaseLine/";
 import ToggleMinMax from "@/features/toggleMinMax/";
-import Auth from "@/features/userAuth/Auth";
 
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "Settings",
-  components: { Auth, ToggleMinMax, ToggleBaseLine, ToggleDarkMode },
+  components: { ToggleMinMax, ToggleBaseLine, ToggleDarkMode },
   computed: {
     ...mapGetters(["getVisibility"]),
     showMenu: {

From b3a0ef221d88fb43d6fcc4886eccc2dd8df0401f Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 11 Nov 2022 05:59:42 +0700
Subject: [PATCH 007/202] improvement: dense spacing in table, search on enter
 and search button, only standard concepts are requested, sortable columns

---
 src/pages/info/WebApiInfo.vue                 | 14 +++---
 .../components/RequiredConcepts.vue           | 45 +++++++++----------
 .../api/webAPI/services/vocabularyService.js  |  8 +++-
 3 files changed, 36 insertions(+), 31 deletions(-)

diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index c3ee1315..defcc755 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <v-card
-      v-if="Object.keys(getApiData).length"
+      v-if="getApiData.serviceDetails"
       :loading="getApiData.loading"
       elevation="10"
       class="ma-4 pa-2"
@@ -17,19 +17,21 @@
           {{ propertyName }}: {{ value }}
         </v-layout>
       </v-container>
+      <v-card v-else
+        ><v-card-title
+          >WebAPI server is unavailabe at the time</v-card-title
+        ></v-card
+      >
     </v-card>
 
-    <v-card
-      v-if="Object.keys(getApiData).length"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
+    <v-card v-if="getApiData.apiSources" elevation="10" class="ma-4 pa-2">
       <v-data-table
         :loading="getApiData.loading"
         :items="getApiData.apiSources"
         :headers="sourceHeaders"
       ></v-data-table>
     </v-card>
+    <h1 v-else class="text-center">No data available</h1>
   </v-container>
 </template>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 369f4a5d..d6ff8bbb 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -40,10 +40,10 @@
                         <v-row>
                           <v-col cols="4">
                             <v-text-field
-                              :value="$route.query.search"
+                              v-model="query"
                               label="Search concepts"
                               placeholder="Your query"
-                              @input="debouncedSearch"
+                              @keyup.enter="searchApi"
                             ></v-text-field>
                           </v-col>
                           <v-col cols="4">
@@ -57,6 +57,16 @@
                             >
                             </v-autocomplete>
                           </v-col>
+                          <v-col>
+                            <v-btn
+                              color="primary"
+                              elevation="0"
+                              rounded
+                              class="search-btn"
+                              @click="searchApi"
+                              >Search</v-btn
+                            >
+                          </v-col>
                         </v-row>
                         <v-row>
                           <v-col>
@@ -65,6 +75,7 @@
                               no-data-text="No concepts found"
                               item-key="CONCEPT_ID"
                               :items-per-page="5"
+                              dense
                               :items="getApiData.data"
                               :headers="webapiHeaders"
                               loading-text="Loading concepts"
@@ -102,7 +113,6 @@
                   <v-btn color="blue darken-1" text @click="close">
                     Close
                   </v-btn>
-                  <!--                  <v-btn color="blue darken-1" text @click="save"> Add </v-btn>-->
                 </v-card-actions>
               </v-card>
             </v-form>
@@ -234,6 +244,7 @@ export default {
   mixins: [mixins],
   data: () => ({
     addedConcepts: {},
+    query: "",
     env: environment,
     dialog: false,
     errors: "",
@@ -252,19 +263,19 @@ export default {
       {
         text: "Concept ID",
         align: "start",
-        sortable: false,
+        sortable: true,
         value: "CONCEPT_ID",
       },
       {
         text: "Concept Name",
         align: "start",
-        sortable: false,
+        sortable: true,
         value: "CONCEPT_NAME",
       },
       {
         text: "Domain",
         align: "start",
-        sortable: false,
+        sortable: true,
         value: "DOMAIN_ID",
       },
       { text: "", value: "actions", sortable: false },
@@ -303,9 +314,6 @@ export default {
   }),
 
   computed: {
-    query: function () {
-      return this.$route.query.search;
-    },
     addedConceptsCount: function () {
       return Object.keys(this.addedConcepts).filter(
         (key) => this.addedConcepts[key] === "Loaded"
@@ -372,11 +380,6 @@ export default {
         this.$refs.form.resetValidation();
       }
     },
-    query() {
-      if (this.query && this.query !== "") {
-        this.searchApi();
-      }
-    },
     filterSourcesWithData: function () {
       this.$emit("overlappingDataChanged", this.filterSourcesWithData);
     },
@@ -423,9 +426,12 @@ export default {
         });
     },
     searchApi: function () {
+      if (!this.query.length) {
+        return;
+      }
       this.$store
         .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
-          search: this.$route.query.search,
+          search: this.query,
           source: this.vocabularySource,
         })
         .then(() => {
@@ -480,17 +486,10 @@ export default {
       this.$nextTick(() => {
         this.editedItem = Object.assign({}, this.defaultItem);
       });
-      this.$router.replace({
-        ...this.$router.currentRoute,
-        query: {},
-      });
       this.$store.dispatch(webApiActions.RESET_API_STORAGE);
     },
     save(item) {
-      if (
-        this.env.WEB_API_ENABLED === "true" &&
-        !this.$route.query?.search?.length
-      ) {
+      if (this.env.WEB_API_ENABLED === "true" && !this.query.length) {
         return;
       } else if (
         this.editedItem.CONCEPT_ID === "" &&
diff --git a/src/shared/api/webAPI/services/vocabularyService.js b/src/shared/api/webAPI/services/vocabularyService.js
index 1a113c71..aba05286 100644
--- a/src/shared/api/webAPI/services/vocabularyService.js
+++ b/src/shared/api/webAPI/services/vocabularyService.js
@@ -5,13 +5,17 @@ export const VocabularyService = {
   search: {
     get(query, source, token) {
       return apiService({
-        url: `${environment.WEB_API_URL}/vocabulary/${source}/search/${query}`,
+        url: `${environment.WEB_API_URL}/vocabulary/${source}/search/`,
         baseURL: "./",
-        method: "get",
+        method: "post",
         headers: {
           "Content-Type": "application/json",
           Authorization: token ? `Bearer ${token}` : null,
         },
+        data: {
+          STANDARD_CONCEPT: "S",
+          QUERY: query,
+        },
       });
     },
   },

From 50f7108c210abe8fcf62f232ca031b1cec540e2d Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 20 Nov 2022 05:30:19 +0700
Subject: [PATCH 008/202] feat: added network concept dashboard

---
 package.json                                  |    1 +
 .../NetworkConceptDashboard.vue               |  226 +++
 .../network/NetworkConceptDashboard/index.css | 1221 +++++++++++++++++
 .../components/RequiredConcepts.vue           |  212 +--
 src/processes/exploreReports/config/routes.js |    6 +
 src/widgets/conceptSearchForm/index.js        |    3 +
 .../ui/ConceptSearchForm.vue                  |  260 ++++
 src/widgets/explorer/config/reports.js        |    6 +
 8 files changed, 1741 insertions(+), 194 deletions(-)
 create mode 100644 src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
 create mode 100644 src/pages/reports/network/NetworkConceptDashboard/index.css
 create mode 100644 src/widgets/conceptSearchForm/index.js
 create mode 100644 src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue

diff --git a/package.json b/package.json
index 3867642b..c7b7a1c3 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "vega-lite": "^5.5.0",
     "vue": "^2.6.14",
     "vue-codemirror": "^4.0.6",
+    "vue-easytable": "^2.21.7",
     "vue-google-charts": "^0.3.3",
     "vue-pivottable": "^0.4.2",
     "vue-router": "^3.5.3",
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
new file mode 100644
index 00000000..5c24649d
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -0,0 +1,226 @@
+<template>
+  <v-container fluid>
+    <v-card class="elevation-10 pa-3 table-card">
+      <v-card-actions class="flex justify-space-between">
+        <v-card-title>Network Concept Dashboard</v-card-title>
+
+        <v-dialog v-model="dialog" max-width="1000px">
+          <template #activator="{ on, attrs }">
+            <v-btn
+              dark
+              color="grey darken-4"
+              class="mb-2"
+              v-bind="attrs"
+              v-on="on"
+            >
+              Add concepts
+            </v-btn>
+          </template>
+          <ConceptSearchForm
+            :added-concepts="addedConcepts"
+            :success-message="successMessage"
+            :errors="errors"
+            @close="close"
+            @save="(item) => save(item)"
+            @inputChanged="clearMessages"
+          />
+        </v-dialog>
+      </v-card-actions>
+      <v-row class="table-container">
+        <ve-table
+          v-if="conceptData.length"
+          :columns="headers"
+          :table-data="conceptData"
+        />
+        <v-card-text v-else class="placeholder table-placeholder"
+          >Add at least one concept to display the results</v-card-text
+        >
+      </v-row>
+    </v-card>
+  </v-container>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
+import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
+import { CONCEPT } from "@/shared/config/files";
+import webApiKeyMap from "@/shared/config/webApiKeyMap";
+import environment from "@/shared/api/environment";
+import Vue from "vue";
+import { VeTable } from "vue-easytable";
+import "./index.css";
+
+Vue.use(VeTable);
+
+export default {
+  name: "NetworkConceptDashboard",
+  components: { ConceptSearchForm, VeTable },
+  data() {
+    return {
+      addedConcepts: {},
+      conceptData: [],
+      successMessage: [],
+      errors: "",
+      conceptsData: [],
+      dialog: false,
+      env: environment,
+    };
+  },
+  methods: {
+    getConceptsForRequest: function () {
+      return this.conceptsData.map((value) => {
+        return {
+          concept_id: value?.data.CONCEPT_ID[0],
+          concept_name: value?.data.CONCEPT_NAME[0],
+          countPeople: value?.data.NUM_PERSONS[0],
+          percentPeople: (value?.data.PERCENT_PERSONS[0] * 100).toFixed(2),
+          cdm_name: value?.source.cdm_source_abbreviation,
+        };
+      });
+    },
+    clearMessages: function () {
+      this.errors = "";
+      this.successMessage = [];
+    },
+    addConceptToList: function (concepts) {
+      this.conceptData = [
+        ...this.conceptData,
+        {
+          ...concepts.reduce((acc, curr) => {
+            return {
+              ...acc,
+              CONCEPT_ID: curr.concept_id,
+              CONCEPT_NAME: curr.concept_name,
+              [curr.cdm_name + "_count"]: curr.countPeople,
+              [curr.cdm_name + "_percent"]: curr.percentPeople,
+            };
+          }, {}),
+        },
+      ];
+    },
+    save(item) {
+      if (this.addedConcepts[item.CONCEPT_ID] === "Loaded") {
+        this.errors = "This concept has already been loaded";
+        return;
+      }
+      this.$store
+        .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+          files: [
+            {
+              name: CONCEPT,
+              instanceParams: [
+                {
+                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                  concept: item.CONCEPT_ID,
+                },
+              ],
+            },
+          ],
+          criticalError: false,
+        })
+        .then(() => {
+          this.conceptsData = this.getData.concept;
+          if (!this.conceptsData.length) {
+            this.errors = "Requested concept is not found across data sources";
+            this.addedConcepts = {
+              ...this.addedConcepts,
+              [item.CONCEPT_ID]: "Not found",
+            };
+            return;
+          }
+
+          this.addConceptToList(this.getConceptsForRequest());
+
+          this.addedConcepts = {
+            ...this.addedConcepts,
+            [item.CONCEPT_ID]: "Loaded",
+          };
+          this.successMessage = ["Concept added"];
+        });
+    },
+    close() {
+      this.dialog = false;
+    },
+  },
+  computed: {
+    ...mapGetters(["getApiData", "getData"]),
+    sources: function () {
+      if (this.conceptData.length) {
+        return this.conceptData.reduce((acc, curr) => {
+          return [
+            ...new Set([
+              ...acc,
+              ...Object.keys(curr)
+                .filter(
+                  (value) => value !== "CONCEPT_ID" && value !== "CONCEPT_NAME"
+                )
+                .map((value) => value.split("_")[0]),
+            ]),
+          ];
+        }, []);
+      } else {
+        return [];
+      }
+    },
+    headers: function () {
+      return [
+        {
+          field: "CONCEPT_ID",
+          key: "a",
+          title: "Concept ID",
+          align: "center",
+          fixed: "left",
+        },
+        {
+          field: "CONCEPT_NAME",
+          key: "b",
+          title: "Concept Name",
+          align: "center",
+          fixed: "left",
+        },
+        ...this.sources.map((value, index) => {
+          return {
+            title: value,
+            children: [
+              {
+                field: `${value}_count`,
+                key: index + "c",
+                title: "# People",
+                width: 100,
+              },
+              {
+                field: `${value}_percent`,
+                key: index + "d",
+                title: "% People",
+                width: 110,
+              },
+            ],
+          };
+        }),
+      ];
+    },
+  },
+};
+</script>
+
+<style scoped>
+.table-card {
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+}
+.table-container {
+  display: flex;
+  justify-content: center;
+  padding: 10px;
+  min-height: 70vh;
+}
+.placeholder {
+  text-align: center;
+  align-self: center;
+}
+.table-placeholder {
+  font-size: 1.5rem !important;
+}
+</style>
diff --git a/src/pages/reports/network/NetworkConceptDashboard/index.css b/src/pages/reports/network/NetworkConceptDashboard/index.css
new file mode 100644
index 00000000..622b38de
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptDashboard/index.css
@@ -0,0 +1,1221 @@
+/* ve-table */
+/* ve-pagination */
+/* ve-checkbox */
+/* ve-radio */
+/* ve-select */
+/* ve-dropdown */
+/* ve-contextmenu */
+.ve-checkbox {
+  cursor: pointer;
+  font-size: 12px;
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+}
+.ve-checkbox:hover .ve-checkbox-inner {
+  border-color: #108ee9;
+}
+.ve-checkbox-content {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  display: inline-block;
+  line-height: 1;
+  position: relative;
+  vertical-align: text-bottom;
+}
+.ve-checkbox-content:hover .ve-checkbox-inner {
+  border-color: #108ee9;
+}
+.ve-checkbox-content .ve-checkbox-input {
+  position: absolute;
+  left: 0;
+  z-index: 1;
+  cursor: pointer;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.ve-checkbox-content .ve-checkbox-input:focus .ve-checkbox-inner {
+  border-color: #108ee9;
+}
+.ve-checkbox-content .ve-checkbox-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #abbacc;
+  border-radius: 2px;
+  background-color: #fff;
+  transition: all 0.3s;
+}
+.ve-checkbox-content .ve-checkbox-inner:after {
+  transform: rotate(45deg) scale(0);
+  position: absolute;
+  left: 4px;
+  top: 2px;
+  display: table;
+  width: 6px;
+  height: 9px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  content: " ";
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+}
+.ve-checkbox .ve-checkbox-checked:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  border: 1px solid #108ee9;
+  content: "";
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+.ve-checkbox .ve-checkbox-checked .ve-checkbox-inner {
+  background-color: #108ee9;
+  border-color: #108ee9;
+}
+.ve-checkbox .ve-checkbox-checked .ve-checkbox-inner:after {
+  transform: rotate(45deg) scale(1);
+  position: absolute;
+  display: table;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  content: " ";
+  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+}
+.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner {
+  border-color: #d9d9d9;
+  position: relative;
+  top: 0;
+  left: 0;
+  direction: ltr;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  border-collapse: separate;
+  transition: all 0.3s;
+}
+.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner:after {
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background-color: #108ee9;
+  border: 0;
+  -webkit-transform: translate(-50%, -50%) scale(1);
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+  content: " ";
+}
+.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner:hover {
+  border-color: #108ee9;
+}
+.ve-checkbox .ve-checkbox-indeterminate.ve-checkbox-disabled .ve-checkbox-inner:after {
+  border-color: rgba(0, 0, 0, 0.25);
+}
+.ve-checkbox .ve-checkbox-disabled {
+  cursor: not-allowed;
+}
+.ve-checkbox .ve-checkbox-disabled.ve-checkbox-checked .ve-checkbox-inner:after {
+  animation-name: none;
+  border-color: rgba(0, 0, 0, 0.25);
+}
+.ve-checkbox .ve-checkbox-disabled .ve-checkbox-input {
+  cursor: not-allowed;
+}
+.ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+  border-color: #d9d9d9 !important;
+  background-color: #f7f7f7;
+}
+.ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner:after {
+  animation-name: none;
+  border-color: #f7f7f7;
+}
+.ve-checkbox-label {
+  margin: 0 6px 0 3px;
+  width: 100%;
+  color: #000000d9 !important;
+}
+.ve-contextmenu-popper {
+  z-index: 9999;
+  overflow: hidden;
+  border-radius: 4px;
+  border: 1px solid #e4e7ed;
+  background-color: #fff;
+  box-shadow: 0 2px 12px 0 #0000001a;
+}
+.ve-contextmenu {
+  display: flex;
+  flex-direction: row;
+}
+.ve-contextmenu-panel {
+  min-width: 180px;
+  min-height: 50px;
+  overflow: hidden;
+}
+.ve-contextmenu-panel .ve-contextmenu-list {
+  min-height: 100%;
+  margin: 0;
+  padding: 6px 0;
+  list-style: none;
+  box-sizing: border-box;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node {
+  display: flex;
+  align-items: center;
+  padding: 0 30px 0 20px;
+  height: 34px;
+  justify-content: center;
+  outline: none;
+  color: #000000d9;
+  cursor: pointer;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node:not(.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-disabled):hover {
+  background: #f5f7fa;
+  color: #409eff;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-active {
+  background: #f5f7fa;
+  color: #409eff;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-label {
+  flex: 1;
+  padding: 0 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-icon-postfix {
+  color: #666;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-disabled {
+  color: #c0c4cc;
+  cursor: not-allowed;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-disabled .ve-contextmenu-node-icon-postfix {
+  color: #c0c4cc;
+}
+.ve-contextmenu-panel .ve-contextmenu-list .ve-contextmenu-node-separator {
+  height: 1px;
+  margin: 5px 0px;
+}
+.ve-dropdown {
+  display: inline-table;
+  margin: 0;
+}
+.ve-dropdown a,
+.ve-dropdown a:visited {
+  color: #000;
+  text-decoration: none;
+  outline: none;
+}
+.ve-dropdown .ve-dropdown-dt,
+.ve-dropdown .ve-dropdown-items {
+  margin: 0px;
+  padding: 0px;
+}
+.ve-dropdown .ve-dropdown-dt-selected {
+  position: relative;
+  display: block;
+  border: 1px solid #c8cdd4;
+  border-radius: 2px;
+  font-size: 14px;
+  height: 32px;
+  line-height: 32px;
+}
+.ve-dropdown .ve-dropdown-dt-selected:hover {
+  color: #108ee9;
+  border-color: #108ee9;
+}
+.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-dt-selected-span {
+  width: 80%;
+  display: block !important;
+  /*修复会被别的样式覆盖的问题*/
+  text-align: center;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  padding-left: 2px;
+}
+.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-input {
+  appearance: none;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #fff;
+  box-sizing: border-box;
+  color: #1f2d3d;
+  display: inline-block;
+  font-size: inherit;
+  line-height: 1;
+  outline: none;
+  padding-left: 2px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  width: 80%;
+  text-align: left;
+}
+.ve-dropdown-popper {
+  z-index: 999;
+  /*操作功能开始*/
+}
+.ve-dropdown-popper .ve-dropdown-dd,
+.ve-dropdown-popper .ve-dropdown-items {
+  margin: 0px;
+  padding: 0px;
+}
+.ve-dropdown-popper .ve-dropdown-dd {
+  display: block;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items {
+  min-height: 50px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: normal;
+  white-space: nowrap;
+  top: 2px;
+  left: 0px;
+  list-style: none;
+  border-radius: 2px;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
+  border: 1px solid #d1dbe5;
+  padding: 5px 0px;
+  width: auto;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper {
+  overflow: auto;
+  /* 单选 */
+  /* 多选 */
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li {
+  white-space: nowrap;
+  font-size: 14px;
+  height: 32px;
+  line-height: 32px;
+  background-color: #fff;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li a {
+  text-decoration: none;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li:hover {
+  background-color: #f3f3f3;
+  color: #108ee9;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active {
+  background-color: #e6f7ff;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active a {
+  color: #108ee9;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active:hover {
+  background-color: #e6f7ff;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a {
+  width: 100%;
+  display: block;
+  padding-left: 8px;
+  padding-right: 8px;
+  color: #000000d9;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-left {
+  text-align: left;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-center {
+  text-align: center;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-right {
+  text-align: right;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple {
+  display: table;
+  padding: 0 5px;
+  width: 100%;
+  text-align: left;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox {
+  width: 100%;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox .ve-checkbox-label {
+  padding-left: 5px;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple span {
+  font-size: 14px;
+  font-weight: normal;
+  color: #108ee9;
+}
+.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple:hover {
+  background-color: #f3f3f3;
+}
+.ve-dropdown-popper .ve-dropdown-operation {
+  width: 100%;
+  margin-top: 5px;
+  padding: 8px 0 3px 0;
+  font-size: 14px;
+  border-top: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-around;
+}
+.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item {
+  color: #495060;
+}
+.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item.ve-dropdown-filter-disable {
+  color: #999;
+}
+.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item:not(.ve-dropdown-filter-disable):hover {
+  color: #108ee9;
+}
+.ve-dropdown-popper .ve-dropdown-operation:last-child {
+  float: right;
+}
+.ve-dropdown-popper .ve-dropdown-operation:hover {
+  color: #f3f3f3;
+}
+.ve-icon {
+  display: inline-block;
+}
+.ve-loading-parent-relative {
+  position: relative !important;
+}
+.ve-loading-parent-lock {
+  overflow: hidden !important;
+}
+.ve-loading {
+  /* plane */
+  /* bounce */
+  /* wave */
+  /* pulse */
+  /* flow */
+  /* grid */
+}
+.ve-loading.ve-loading-overlay {
+  position: absolute;
+  z-index: 1999;
+  margin: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.ve-loading.ve-loading-fixed {
+  position: fixed !important;
+}
+.ve-loading.ve-loading-hide {
+  display: none;
+}
+.ve-loading-spin-container {
+  position: absolute;
+  top: 50%;
+  margin-top: -20px;
+  margin-left: -20px;
+  width: 100%;
+  text-align: center;
+}
+.ve-loading-spin-container .ve-loading-spin {
+  display: inline-block;
+}
+.ve-loading-plane {
+  animation: sk-plane 1.2s infinite ease-in-out;
+}
+@keyframes sk-plane {
+  0% {
+    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+  }
+  100% {
+    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+  }
+}
+.ve-loading-bounce {
+  position: relative;
+}
+.ve-loading-bounce-dot {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  /* background-color: var(--sk-color); */
+  opacity: 0.6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
+.ve-loading-bounce-dot:nth-child(2) {
+  animation-delay: -1s;
+}
+@keyframes sk-bounce {
+  0%,
+  100% {
+    transform: scale(0);
+  }
+  45%,
+  55% {
+    transform: scale(1);
+  }
+}
+.ve-loading-wave {
+  display: flex;
+  justify-content: space-between;
+}
+.ve-loading-wave-rect {
+  height: 100%;
+  width: 15%;
+  animation: sk-wave 1.2s infinite ease-in-out;
+}
+.ve-loading-wave-rect:nth-child(1) {
+  animation-delay: -1.2s;
+}
+.ve-loading-wave-rect:nth-child(2) {
+  animation-delay: -1.1s;
+}
+.ve-loading-wave-rect:nth-child(3) {
+  animation-delay: -1s;
+}
+.ve-loading-wave-rect:nth-child(4) {
+  animation-delay: -0.9s;
+}
+.ve-loading-wave-rect:nth-child(5) {
+  animation-delay: -0.8s;
+}
+@keyframes sk-wave {
+  0%,
+  40%,
+  100% {
+    transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+  }
+}
+.ve-loading-pulse {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
+@keyframes sk-pulse {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
+.ve-loading-flow {
+  width: calc(var(--sk-size) * 1.3);
+  height: calc(var(--sk-size) * 1.3);
+  display: flex;
+  justify-content: space-between;
+}
+.ve-loading-flow-dot {
+  width: 25%;
+  height: 25%;
+  background-color: var(--sk-color);
+  border-radius: 50%;
+  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
+}
+.ve-loading-flow-dot:nth-child(1) {
+  animation-delay: -0.3s;
+}
+.ve-loading-flow-dot:nth-child(2) {
+  animation-delay: -0.15s;
+}
+@keyframes sk-flow {
+  0%,
+  80%,
+  100% {
+    transform: scale(0.3);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.ve-loading-grid {
+  /* Cube positions
+     * 1 2 3
+     * 4 5 6
+     * 7 8 9
+     */
+}
+.ve-loading-grid-cube {
+  width: 33.33%;
+  height: 33.33%;
+  background-color: var(--sk-color);
+  float: left;
+  animation: sk-grid 1.3s infinite ease-in-out;
+}
+.ve-loading-grid-cube:nth-child(1) {
+  animation-delay: 0.2s;
+}
+.ve-loading-grid-cube:nth-child(2) {
+  animation-delay: 0.3s;
+}
+.ve-loading-grid-cube:nth-child(3) {
+  animation-delay: 0.4s;
+}
+.ve-loading-grid-cube:nth-child(4) {
+  animation-delay: 0.1s;
+}
+.ve-loading-grid:nth-child(5) {
+  animation-delay: 0.2s;
+}
+.ve-loading-grid-cube:nth-child(6) {
+  animation-delay: 0.3s;
+}
+.ve-loading-grid-cube:nth-child(7) {
+  animation-delay: 0s;
+}
+.ve-loading-grid-cube:nth-child(8) {
+  animation-delay: 0.1s;
+}
+.ve-loading-grid-cube:nth-child(9) {
+  animation-delay: 0.2s;
+}
+@keyframes sk-grid {
+  0%,
+  70%,
+  100% {
+    transform: scale3D(1, 1, 1);
+  }
+  35% {
+    transform: scale3D(0, 0, 1);
+  }
+}
+*,
+:after,
+:before {
+  box-sizing: border-box;
+}
+.ve-pagination {
+  font-size: 14px;
+  height: 32px;
+  line-height: 32px;
+  background-color: #fff;
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  margin: 0 4px;
+  list-style-type: none;
+}
+.ve-pagination .ve-pagination-total {
+  float: left;
+  margin: 0 4px;
+  color: #000000d9;
+}
+.ve-pagination .ve-pagination-select {
+  float: left;
+  margin: 0 4px;
+}
+.ve-pagination .ve-pagination-pager {
+  float: left;
+}
+.ve-pagination .ve-pagination-goto {
+  float: left;
+  margin: 0 4px;
+  color: #000000d9;
+}
+.ve-pagination .ve-pagination-goto .ve-pagination-goto-input {
+  width: 50px;
+  height: 32px;
+  padding: 1px 7px;
+  display: inline-block;
+  border: 1px solid #c8cdd4;
+  background-color: #fff;
+  background-image: none;
+  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  border-radius: 4px;
+  color: #000000d9;
+}
+.ve-pagination .ve-pagination-goto .ve-pagination-goto-input:focus {
+  outline: none !important;
+  border-color: #108ee9;
+}
+.ve-pagination .ve-pagination-goto .ve-pagination-goto-input:hover {
+  border-color: #108ee9;
+}
+.ve-pagination .ve-pagination-li {
+  min-width: 32px;
+  height: 32px;
+  float: left;
+  margin-right: 4px;
+  cursor: pointer;
+  transition: all 0.1s ease-in-out;
+  text-align: center;
+  list-style: none;
+  background-color: #fff;
+  border: 1px solid #c8cdd4;
+  border-radius: 4px;
+}
+.ve-pagination .ve-pagination-li a {
+  color: #000000d9;
+}
+.ve-pagination .ve-pagination-li:hover {
+  border-color: #108ee9;
+}
+.ve-pagination .ve-pagination-li:hover a {
+  color: #108ee9;
+}
+.ve-pagination .ve-pagination-li.ve-pagination-li-active {
+  border-color: #108ee9;
+}
+.ve-pagination .ve-pagination-li.ve-pagination-li-active a {
+  font-weight: bold;
+  color: #108ee9;
+}
+.ve-pagination .ve-pagination-li.ve-pagination-li-active:hover {
+  border-color: #108ee9;
+}
+.ve-pagination .ve-pagination-li.ve-pagination-li-active:hover a {
+  font-weight: bold;
+  color: #108ee9;
+}
+.ve-pagination .ve-pagination-prev i,
+.ve-pagination .ve-pagination-next i {
+  color: #666;
+}
+.ve-pagination .ve-pagination-prev:hover i,
+.ve-pagination .ve-pagination-next:hover i {
+  color: #108ee9;
+}
+.ve-pagination .ve-pagination-jump-prev:after,
+.ve-pagination .ve-pagination-jump-next:after {
+  content: "\2022\2022\2022";
+  display: block;
+  letter-spacing: 1px;
+  color: #666;
+  text-align: center;
+}
+.ve-pagination .ve-pagination-jump-prev i,
+.ve-pagination .ve-pagination-jump-prev:hover:after,
+.ve-pagination .ve-pagination-jump-next i,
+.ve-pagination .ve-pagination-jump-next:hover:after {
+  display: none;
+}
+.ve-pagination .ve-pagination-jump-prev:hover i,
+.ve-pagination .ve-pagination-jump-next:hover i {
+  display: inline;
+  color: #108ee9;
+}
+.ve-pagination .ve-pagination-disabled {
+  cursor: not-allowed;
+  border-color: #c8cdd4;
+}
+.ve-pagination .ve-pagination-disabled:hover {
+  border-color: #c8cdd4;
+}
+.ve-pagination .ve-pagination-disabled:hover i {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.ve-pagination .ve-pagination-disabled i {
+  color: #ccc;
+}
+.ve-radio *,
+.ve-radio *:before,
+.ve-radio *:after {
+  box-sizing: border-box;
+}
+.ve-radio {
+  margin: 0 8px 0 0;
+}
+.ve-radio,
+.ve-radio .ve-radio-container {
+  padding: 0;
+  color: #000000d9;
+  font-size: 14px;
+  line-height: 22px;
+  list-style: none;
+  position: relative;
+  display: inline-block;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.ve-radio .ve-radio-container {
+  margin: 0;
+  top: -1px;
+  line-height: 1;
+  vertical-align: sub;
+  outline: none;
+}
+.ve-radio .ve-radio-container .ve-radio-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  cursor: pointer;
+  opacity: 0;
+}
+.ve-radio .ve-radio-container .ve-radio-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 16px;
+  height: 16px;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 100px;
+  transition: all 0.3s;
+}
+.ve-radio .ve-radio-container .ve-radio-inner:after {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  display: table;
+  width: 8px;
+  height: 8px;
+  background-color: #108ee9;
+  border-top: 0;
+  border-left: 0;
+  border-radius: 8px;
+  transform: scale(0);
+  opacity: 0;
+  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  content: " ";
+}
+.ve-radio .ve-radio-container.ve-radio-checked:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #108ee9;
+  border-radius: 50%;
+  visibility: hidden;
+  animation-fill-mode: both;
+  content: "";
+}
+.ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner {
+  border-color: #108ee9;
+}
+.ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner:after {
+  transform: scale(1);
+  opacity: 1;
+  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+}
+.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-input {
+  cursor: not-allowed;
+}
+.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-inner {
+  background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
+  cursor: not-allowed;
+}
+.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-inner:after {
+  background-color: #00000033;
+}
+.ve-radio .ve-radio-container.ve-radio-disabled + span {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ve-radio-label {
+  padding: 0 4px;
+  color: #000000d9;
+}
+.ve-select .ve-select-input {
+  appearance: none;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #fff;
+  box-sizing: border-box;
+  color: #1f2d3d;
+  display: inline-block;
+  font-size: inherit;
+  line-height: 1;
+  outline: none;
+  padding-left: 2px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  width: 80%;
+  text-align: left;
+}
+.ve-select .ve-select-selected-span {
+  width: 80%;
+  display: block !important;
+  /*修复会被别的样式覆盖的问题*/
+  text-align: center;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  padding-left: 2px;
+  color: #000000d9;
+}
+.ve-select .ve-select-toggle-icon {
+  display: inline-flex;
+  position: absolute;
+  line-height: 32px;
+  top: 0;
+  right: 5px;
+  color: #999;
+}
+.ve-select .ve-select-toggle-icon::before {
+  transform: rotate(0deg);
+  transition: transform 0.3s;
+}
+.ve-select .ve-select-toggle-icon.ve-select-show::before {
+  transform: rotate(180deg);
+  transition: transform 0.3s;
+}
+.ve-table *,
+.ve-table *:before,
+.ve-table *:after {
+  box-sizing: border-box;
+}
+.ve-table {
+  position: relative;
+  overflow: hidden;
+}
+.ve-table .ve-table-container {
+  position: relative;
+  overflow-y: auto;
+  height: 100%;
+  width: 100%;
+  user-select: text;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper {
+  position: relative;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content {
+  min-width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr {
+  height: 40px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th {
+  background-color:  var(--v-accent-base);
+  padding: 10px;
+  font-weight: 500;
+  font-size: 14px;
+
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th.ve-table-cell-indicator {
+  background-color:  var(--v-base);
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th.ve-table-cell-indicator-active {
+  background-color:  var(--v-base);
+  color: #fff;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header.ve-table-fixed-header tr th {
+  position: sticky;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th {
+  /* filter */
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-left,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-right {
+  position: sticky;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-checkbox-wrapper {
+  width: 25px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort {
+  display: inline-block;
+  position: relative;
+  width: 16px;
+  height: 16px;
+  margin-left: 5px;
+  color: #bfbfbf;
+  cursor: pointer;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon {
+  position: absolute;
+  display: block;
+  font-size: 14px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-top {
+  top: 1px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-bottom {
+  top: 9px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.active {
+  color: #108ee9;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter {
+  display: inline-block;
+  position: relative;
+  width: 0;
+  height: 16px;
+  cursor: pointer;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter .ve-table-filter-icon {
+  color: #000;
+  position: absolute;
+  top: 0;
+  left: 5px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
+  height: 40px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-expand-td,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-expand-td {
+  background-color:  var(--v-base);
+  height: inherit;
+  font-size: 14px;
+  overflow: hidden;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td {
+  padding: 10px;
+  white-space: pre-wrap;
+  overflow: hidden;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col {
+  background-color: #fafafa;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col.ve-table-cell-indicator,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col.ve-table-cell-indicator {
+  background-color: #eaebec;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col.ve-table-cell-indicator-active,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col.ve-table-cell-indicator-active {
+  background-color: #5f6266;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
+  display: table-row;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-row-scrolling > td {
+  background-color: #fff;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-stripe tr.ve-table-body-tr:nth-child(2n + 1) td {
+  background-color: #fafafa;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-row-hover tr.ve-table-body-tr:hover td {
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-row-highlight tr.ve-table-body-tr.ve-table-tr-highlight td {
+  background-color: #e0f3ff;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-left,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-right {
+  position: sticky;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon {
+  cursor: pointer;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i {
+  display: inline-flex;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i::before {
+  transform: rotate(0deg);
+  transition: transform 0.3s;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon.ve-table-expand-icon-collapsed i::before {
+  transform: rotate(90deg);
+  transition: transform 0.3s;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-checkbox-wrapper {
+  width: 25px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-body-td-span-ellipsis {
+  overflow: hidden;
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  /* -webkit-line-clamp: 1; */
+  -webkit-box-orient: vertical;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-expand-tr .ve-table-expand-td-content {
+  position: sticky;
+  left: 0px;
+  padding: 0 10px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr {
+  height: 40px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr td.ve-table-footer-td {
+  background-color: #fafafa;
+  color: #000000d9;
+  padding: 10px;
+  font-size: 14px;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td {
+  position: sticky;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-left,
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-right {
+  position: sticky;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-current .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-autofill-area .ve-table-selection-corner {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-current .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-autofill-area .ve-table-selection-border {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area-layer {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-current .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-autofill-area .ve-table-selection-corner {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-current .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-autofill-area .ve-table-selection-border {
+  position: absolute;
+  z-index: 0;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area-layer {
+  position: absolute;
+  z-index: 0;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-current .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-autofill-area .ve-table-selection-corner {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-current .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-autofill-area .ve-table-selection-border {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area-layer {
+  position: absolute;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area-layer {
+  background-color: #0d65eb;
+  opacity: 0.1;
+  pointer-events: none;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-corner,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-corner {
+  display: block;
+  height: 8px;
+  width: 8px;
+  background-color: #4b89ff;
+  cursor: crosshair;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-border,
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-border {
+  display: block;
+  background-color: #4b89ff;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-autofill-area .ve-table-selection-border {
+  display: block;
+  background-color: #ff000085;
+}
+.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-border {
+  pointer-events: none;
+}
+.ve-table .ve-table-container .ve-table-virtual-phantom.ve-table-virtual-scroll {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.ve-table .ve-table-container.ve-table-container-left-scrolling .ve-table-last-left-fixed-column {
+  border-right-color: #ddd;
+}
+.ve-table .ve-table-container.ve-table-container-right-scrolling .ve-table-first-right-fixed-column {
+  border-left: 1px solid #ddd;
+}
+.ve-table .ve-table-container.ve-table-autofilling {
+  cursor: crosshair;
+}
+.ve-table .ve-table-container.ve-table-enable-cell-selection {
+  user-select: none;
+}
+.ve-table .ve-table-container .ve-table-border-x th,
+.ve-table .ve-table-container .ve-table-border-x td {
+  border-bottom: 1px solid #eee;
+}
+.ve-table .ve-table-container .ve-table-border-x tr:first-child > th,
+.ve-table .ve-table-container .ve-table-border-x tr.ve-table-footer-tr:first-child > td {
+  border-top: 1px solid #eee;
+}
+.ve-table .ve-table-container .ve-table-border-y th,
+.ve-table .ve-table-container .ve-table-border-y td {
+  border-right: 1px solid #eee;
+}
+.ve-table .ve-table-container .ve-table-border-y th:first-child,
+.ve-table .ve-table-container .ve-table-border-y td:first-child {
+  border-left: 1px solid #eee;
+}
+.ve-table.ve-table-border-around {
+}
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-x tr:last-child > td {
+  border-bottom: 0px;
+}
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-x tr:first-child > th {
+  border-top: 0px;
+}
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-y th.ve-table-last-column,
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-y td:last-child {
+  border-right: 0px;
+}
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-y th:first-child,
+.ve-table.ve-table-border-around .ve-table-container table.ve-table-content.ve-table-border-y td:first-child {
+  border-left: 0px;
+}
+.ve-table .ve-table-edit-input-container {
+  position: absolute;
+  right: auto;
+}
+.ve-table .ve-table-edit-input-container .ve-table-edit-input {
+  resize: none;
+  overflow-y: visible;
+  border: none;
+  outline-width: 0;
+  margin: 0;
+  padding: 1px 5px 0;
+  font-family: inherit;
+  line-height: 30px;
+  font-size: inherit;
+  border: 2px solid #2196f3;
+  box-shadow: 1px 2px 5px 0 #1f232966;
+  display: block;
+  color: #000;
+  border-radius: 0;
+  background-color: #fff;
+}
+.ve-table .ve-table-column-resizer-handler {
+  position: absolute;
+  cursor: col-resize;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  height: 40px;
+}
+.ve-table .ve-table-column-resizer-handler.active {
+  background-color: #4d90fe;
+}
+.ve-table .ve-table-column-resizer-line {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  bottom: 0;
+  width: 0;
+  border-left: 1px solid #4d90fe;
+}
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index d6ff8bbb..bfbaec00 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -24,151 +24,14 @@
                 Add concepts
               </v-btn>
             </template>
-            <v-form v-if="env.WEB_API_ENABLED === 'true'" ref="form">
-              <v-card>
-                <v-card-title>
-                  <span v-if="env.WEB_API_ENABLED === 'true'" class="text-h5"
-                    >Vocabulary search</span
-                  >
-                  <span v-else class="text=h5">Add concepts</span>
-                </v-card-title>
-
-                <v-card-text>
-                  <v-container fluid>
-                    <v-row>
-                      <v-col>
-                        <v-row>
-                          <v-col cols="4">
-                            <v-text-field
-                              v-model="query"
-                              label="Search concepts"
-                              placeholder="Your query"
-                              @keyup.enter="searchApi"
-                            ></v-text-field>
-                          </v-col>
-                          <v-col cols="4">
-                            <v-autocomplete
-                              v-model="vocabularySource"
-                              :items="apiSources"
-                              item-text="sourceKey"
-                              item-value="sourceKey"
-                              auto-select-first
-                              label="Vocabulary source"
-                            >
-                            </v-autocomplete>
-                          </v-col>
-                          <v-col>
-                            <v-btn
-                              color="primary"
-                              elevation="0"
-                              rounded
-                              class="search-btn"
-                              @click="searchApi"
-                              >Search</v-btn
-                            >
-                          </v-col>
-                        </v-row>
-                        <v-row>
-                          <v-col>
-                            <v-data-table
-                              :loading="getApiData.loading"
-                              no-data-text="No concepts found"
-                              item-key="CONCEPT_ID"
-                              :items-per-page="5"
-                              dense
-                              :items="getApiData.data"
-                              :headers="webapiHeaders"
-                              loading-text="Loading concepts"
-                            >
-                              <template #item.actions="{ item }">
-                                <v-icon
-                                  v-if="!addedConcepts[item.CONCEPT_ID]"
-                                  @click="save(item)"
-                                  >mdi-plus</v-icon
-                                >
-                                <v-icon
-                                  v-if="
-                                    addedConcepts[item.CONCEPT_ID] ===
-                                    'Not found'
-                                  "
-                                  >mdi-close-octagon</v-icon
-                                >
-                                <v-icon
-                                  v-if="
-                                    addedConcepts[item.CONCEPT_ID] === 'Loaded'
-                                  "
-                                  >mdi-check</v-icon
-                                >
-                              </template>
-                            </v-data-table>
-                          </v-col>
-                        </v-row>
-                      </v-col>
-                    </v-row>
-                  </v-container>
-                </v-card-text>
-
-                <v-card-actions>
-                  <v-spacer></v-spacer>
-                  <v-btn color="blue darken-1" text @click="close">
-                    Close
-                  </v-btn>
-                </v-card-actions>
-              </v-card>
-            </v-form>
-            <v-form v-else>
-              <v-card>
-                <v-card-title>
-                  <span class="text=h5">Add concepts</span>
-                </v-card-title>
-                <v-card-text>
-                  <v-container fluid>
-                    <v-row justify="space-between">
-                      <v-col>
-                        <v-text-field
-                          v-model.number="editedItem.CONCEPT_ID"
-                          :rules="[rules.required, rules.concept]"
-                          prepend-icon="mdi-chart-timeline-variant-shimmer"
-                          label="Concept ID"
-                          dense
-                          :success-messages="successMessage"
-                          :error-messages="errors"
-                        >
-                        </v-text-field>
-                      </v-col>
-                      <v-col>
-                        <v-autocomplete
-                          v-model="editedItem.DOMAIN_ID"
-                          :rules="[rules.required]"
-                          label="Domain"
-                          prepend-icon="mdi-folder"
-                          dense
-                          :items="domains"
-                        >
-                        </v-autocomplete>
-                      </v-col>
-                      <v-col>
-                        <v-btn
-                          color="blue darken-1"
-                          text
-                          @click="save(editedItem)"
-                        >
-                          Add
-                        </v-btn>
-                      </v-col>
-                    </v-row>
-                  </v-container>
-                </v-card-text>
-
-                <v-card-actions>
-                  <v-spacer></v-spacer>
-                  <v-btn color="blue darken-1" text @click="close">
-                    Close
-                  </v-btn>
-                  <!--                  <v-btn color="blue darken-1" text @click="save"> Add </v-btn>-->
-                </v-card-actions>
-              </v-card>
-            </v-form>
+            <ConceptSearchForm
+              :added-concepts="addedConcepts"
+              :success-message="successMessage"
+              :errors="errors"
+              @close="close"
+              @save="(item) => save(item)"
+              @inputChanged="clearMessages"
+            />
           </v-dialog>
         </v-toolbar>
       </template>
@@ -237,10 +100,11 @@ import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model
 import { webApiActions } from "@/shared/api/webAPI";
 import { mixins } from "@/shared/lib/mixins";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
-import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
+import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 
 export default {
   name: "RequiredConcepts",
+  components: { ConceptSearchForm },
   mixins: [mixins],
   data: () => ({
     addedConcepts: {},
@@ -248,10 +112,8 @@ export default {
     env: environment,
     dialog: false,
     errors: "",
+    conceptsData: [],
     successMessage: [],
-    apiSources: [],
-    vocabularySource: "",
-    conceptData: [],
     rules: {
       required: (value) => !!value || "Required field",
       concept: (value) => {
@@ -383,23 +245,8 @@ export default {
     filterSourcesWithData: function () {
       this.$emit("overlappingDataChanged", this.filterSourcesWithData);
     },
-    editedItem: {
-      handler() {
-        this.errors = "";
-        this.successMessage = [];
-      },
-      deep: true,
-    },
   },
   created() {
-    this.$store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
-      this.apiSources = this.getApiData.apiSources.filter((source) =>
-        source.daimons
-          .reduce((array, current) => [...array, current.daimonType], [])
-          .includes("Vocabulary")
-      );
-      this.vocabularySource = this.apiSources[0].sourceKey;
-    });
     this.sources = this.getSources.map((value) => ({
       cdm_name: value.cdm_source_abbreviation,
       concepts: [],
@@ -407,6 +254,10 @@ export default {
   },
 
   methods: {
+    clearMessages: function () {
+      this.errors = "";
+      this.successMessage = [];
+    },
     getDomainSummary: function () {
       return this.$store
         .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
@@ -425,24 +276,6 @@ export default {
           }));
         });
     },
-    searchApi: function () {
-      if (!this.query.length) {
-        return;
-      }
-      this.$store
-        .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
-          search: this.query,
-          source: this.vocabularySource,
-        })
-        .then(() => {
-          if (this.getApiData?.error?.name === "AxiosError") {
-            this.$store.dispatch(ADD_ALERT, {
-              message: "WebAPI server replied with status code",
-              status: this.getApiData.error.response.status,
-            });
-          }
-        });
-    },
     addConceptToList: function (concepts) {
       this.sources.forEach((source) => {
         const sourceConcept = concepts.filter(
@@ -483,20 +316,11 @@ export default {
     },
     close() {
       this.dialog = false;
-      this.$nextTick(() => {
-        this.editedItem = Object.assign({}, this.defaultItem);
-      });
       this.$store.dispatch(webApiActions.RESET_API_STORAGE);
+      this.successMessage = [];
     },
     save(item) {
-      if (this.env.WEB_API_ENABLED === "true" && !this.query.length) {
-        return;
-      } else if (
-        this.editedItem.CONCEPT_ID === "" &&
-        this.editedItem.domain === ""
-      ) {
-        return;
-      } else if (this.addedConcepts[item.CONCEPT_ID] === "Loaded") {
+      if (this.addedConcepts[item.CONCEPT_ID] === "Loaded") {
         this.errors = "This concept has already been loaded";
         return;
       }
@@ -539,7 +363,7 @@ export default {
             ...this.addedConcepts,
             [item.CONCEPT_ID]: "Loaded",
           };
-          this.successMessage = ["Concept added"];
+          this.successMessage = ["Concept loaded"];
         });
     },
   },
diff --git a/src/processes/exploreReports/config/routes.js b/src/processes/exploreReports/config/routes.js
index 7a017ee4..cc65e5c6 100644
--- a/src/processes/exploreReports/config/routes.js
+++ b/src/processes/exploreReports/config/routes.js
@@ -26,6 +26,7 @@ import SourceOverview from "@/pages/reports/source/SourceOverview";
 import domainContinuity from "@/pages/reports/source/DomainContinuity";
 import sourceConceptReport from "@/pages/reports/source/SourceConceptReport";
 import WebApiInfo from "@/pages/info/WebApiInfo";
+import networkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard";
 
 export default [
   {
@@ -55,6 +56,11 @@ export default [
         name: "networkDataQuality",
         components: { reportsView: networkDataQualitySummary },
       },
+      {
+        path: "network_concept_dashboard",
+        name: "networkConceptDashboard",
+        components: { reportsView: networkConceptDashboard },
+      },
       {
         path: "web_api",
         name: "webApi",
diff --git a/src/widgets/conceptSearchForm/index.js b/src/widgets/conceptSearchForm/index.js
new file mode 100644
index 00000000..c5779cdc
--- /dev/null
+++ b/src/widgets/conceptSearchForm/index.js
@@ -0,0 +1,3 @@
+import ConceptSearchForm from "@/widgets/conceptSearchForm/ui/ConceptSearchForm";
+
+export { ConceptSearchForm };
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
new file mode 100644
index 00000000..03a82971
--- /dev/null
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -0,0 +1,260 @@
+<template>
+  <v-form v-if="env.WEB_API_ENABLED === 'true'" ref="form">
+    <v-card>
+      <v-card-title>
+        <span class="text-h5">Vocabulary search</span>
+      </v-card-title>
+
+      <v-card-text>
+        <v-container fluid>
+          <v-row>
+            <v-col>
+              <v-row>
+                <v-col cols="4">
+                  <v-text-field
+                    v-model="query"
+                    label="Search concepts"
+                    placeholder="Your query"
+                    @keyup.enter="searchApi"
+                  ></v-text-field>
+                </v-col>
+                <v-col cols="4">
+                  <v-autocomplete
+                    v-model="vocabularySource"
+                    :items="apiSources"
+                    item-text="sourceKey"
+                    item-value="sourceKey"
+                    auto-select-first
+                    label="Vocabulary source"
+                  >
+                  </v-autocomplete>
+                </v-col>
+                <v-col>
+                  <v-btn
+                    color="primary"
+                    elevation="0"
+                    rounded
+                    class="search-btn"
+                    @click="searchApi"
+                    >Search</v-btn
+                  >
+                </v-col>
+              </v-row>
+              <v-row>
+                <v-col>
+                  <v-data-table
+                    :loading="getApiData.loading"
+                    no-data-text="No concepts found"
+                    item-key="CONCEPT_ID"
+                    :items-per-page="5"
+                    dense
+                    :items="getApiData.data"
+                    :headers="webapiHeaders"
+                    loading-text="Loading concepts"
+                  >
+                    <template #item.actions="{ item }">
+                      <v-icon
+                        v-if="!addedConcepts[item.CONCEPT_ID]"
+                        @click="save(item)"
+                        >mdi-plus</v-icon
+                      >
+                      <v-icon
+                        v-if="addedConcepts[item.CONCEPT_ID] === 'Not found'"
+                        >mdi-close-octagon</v-icon
+                      >
+                      <v-icon v-if="addedConcepts[item.CONCEPT_ID] === 'Loaded'"
+                        >mdi-check</v-icon
+                      >
+                    </template>
+                  </v-data-table>
+                </v-col>
+              </v-row>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-card-text>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="blue darken-1" text @click="close"> Close </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-form>
+  <v-form v-else ref="form">
+    <v-card>
+      <v-card-title>
+        <span class="text=h5">Add concepts</span>
+      </v-card-title>
+      <v-card-text>
+        <v-container fluid>
+          <v-row justify="space-between">
+            <v-col>
+              <v-text-field
+                v-model.number="editedItem.CONCEPT_ID"
+                :rules="[rules.required, rules.concept]"
+                prepend-icon="mdi-chart-timeline-variant-shimmer"
+                label="Concept ID"
+                dense
+                :success-messages="successMessage"
+                :error-messages="errors"
+              >
+              </v-text-field>
+            </v-col>
+            <v-col>
+              <v-autocomplete
+                v-model="editedItem.DOMAIN_ID"
+                :rules="[rules.required]"
+                label="Domain"
+                prepend-icon="mdi-folder"
+                dense
+                :items="domains"
+              >
+              </v-autocomplete>
+            </v-col>
+            <v-col>
+              <v-btn color="blue darken-1" text @click="save(editedItem)">
+                Add
+              </v-btn>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-card-text>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="blue darken-1" text @click="close"> Close </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-form>
+</template>
+
+<script>
+import { webApiActions } from "@/shared/api/webAPI";
+import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
+import { mapGetters } from "vuex";
+import environment from "@/shared/api/environment";
+
+export default {
+  name: "ConceptSearchForm",
+  props: {
+    addedConcepts: { type: Object, required: true, default: () => {} },
+    successMessage: { type: Array, required: true, default: () => [] },
+    errors: { type: String, required: true, default: "" },
+  },
+  data() {
+    return {
+      query: "",
+      vocabularySource: "",
+      editedItem: {
+        CONCEPT_ID: "",
+        DOMAIN_ID: "",
+      },
+      domains: [
+        { text: "Condition occurrence", value: "Condition" },
+        { text: "Drug Exposure", value: "Drug" },
+        { text: "Device Exposure", value: "Device" },
+        { text: "Measurement", value: "Measurement" },
+        { text: "Procedure Occurrence", value: "Procedure" },
+        { text: "Observation", value: "Observation" },
+      ],
+      defaultItem: {
+        CONCEPT_ID: "",
+        DOMAIN_ID: "",
+      },
+      rules: {
+        required: (value) => !!value || "Required field",
+        concept: (value) => {
+          const pattern = /^\d+$/;
+          return pattern.test(value) || "The field is digits only";
+        },
+      },
+      apiSources: [],
+      env: environment,
+      webapiHeaders: [
+        {
+          text: "Concept ID",
+          align: "start",
+          sortable: true,
+          value: "CONCEPT_ID",
+        },
+        {
+          text: "Concept Name",
+          align: "start",
+          sortable: true,
+          value: "CONCEPT_NAME",
+        },
+        {
+          text: "Domain",
+          align: "start",
+          sortable: true,
+          value: "DOMAIN_ID",
+        },
+        { text: "", value: "actions", sortable: false },
+      ],
+    };
+  },
+  created() {
+    this.$store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
+      this.apiSources = this.getApiData.apiSources.filter((source) =>
+        source.daimons
+          .reduce((array, current) => [...array, current.daimonType], [])
+          .includes("Vocabulary")
+      );
+      this.vocabularySource = this.apiSources[0].sourceKey;
+    });
+  },
+  computed: {
+    ...mapGetters(["getApiData"]),
+  },
+  watch: {
+    editedItem: {
+      handler() {
+        this.$emit("inputChanged");
+      },
+      deep: true,
+    },
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+      if (this.$refs?.form) {
+        this.$refs.form.resetValidation();
+      }
+      this.$nextTick(() => {
+        this.editedItem = Object.assign({}, this.defaultItem);
+      });
+      this.$store.dispatch(webApiActions.RESET_API_STORAGE);
+    },
+    save: function (item) {
+      if (
+        this.env.WEB_API_ENABLED === "false" &&
+        this.editedItem.CONCEPT_ID === "" &&
+        this.editedItem.domain === ""
+      ) {
+        return;
+      }
+      this.$emit("save", item);
+    },
+    searchApi: function () {
+      if (!this.query.length) {
+        return;
+      }
+      this.$store
+        .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
+          search: this.query,
+          source: this.vocabularySource,
+        })
+        .then(() => {
+          if (this.getApiData?.error?.name === "AxiosError") {
+            this.$store.dispatch(ADD_ALERT, {
+              message: "WebAPI server replied with status code",
+              status: this.getApiData.error.response.status,
+            });
+          }
+        });
+    },
+  },
+};
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/explorer/config/reports.js b/src/widgets/explorer/config/reports.js
index 50a951e1..edd2569b 100644
--- a/src/widgets/explorer/config/reports.js
+++ b/src/widgets/explorer/config/reports.js
@@ -17,6 +17,12 @@ export const reports = [
     name: "Data Source Feasibility",
     routeName: "feasibility",
   },
+  {
+    folder: "Data Network",
+    icon: "mdi-database-search",
+    name: "Network Concept Dashboard",
+    routeName: "networkConceptDashboard",
+  },
   {
     folder: "Data Network",
     icon: "mdi-database-search",

From c243f506a33c2e7b3501053af5d61f17d12f238b Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 29 Jan 2023 17:02:31 +0700
Subject: [PATCH 009/202] refactor: transition to vue 3

---
 .eslintrc                                     |  24 -
 .eslintrc.js                                  |  23 +
 babel.config.js                               |   5 -
 public/index.html => index.html               |   6 +-
 jsconfig.json                                 |   3 -
 package.json                                  |  51 +-
 src/app/App.vue                               |  58 +-
 src/app/plugins/themes.ts                     |  19 +
 src/app/plugins/vuetify.js                    |  21 -
 src/app/plugins/vuetify.ts                    |  28 +
 src/app/providers/router/index.js             |   9 -
 src/app/providers/router/index.ts             |  10 +
 .../providers/store/{index.js => index.ts}    |   7 +-
 src/features/nestedMenu/NestedMenu.vue        |  52 +
 .../returnToPreviousPage/ReturnButton.vue     |  33 +-
 .../{index.js => index.ts}                    |   2 +-
 src/features/selectColumns/SelectColumns.vue  |  49 +-
 src/features/selectColumns/index.js           |   3 -
 src/features/selectColumns/index.ts           |   3 +
 .../toggleBaseLine/ToggleBaseLine.vue         |  49 +-
 src/features/toggleBaseLine/index.js          |   3 -
 src/features/toggleBaseLine/index.ts          |   3 +
 .../toggleDarkMode/ToggleDarkMode.vue         |  41 +-
 src/features/toggleDarkMode/index.js          |   3 -
 src/features/toggleDarkMode/index.ts          |   3 +
 src/features/toggleMinMax/ToggleMinMax.vue    |  45 +-
 src/features/toggleMinMax/index.js            |   3 -
 src/features/toggleMinMax/index.ts            |   3 +
 src/main.scss                                 |   3 +
 src/{main.js => main.ts}                      |  18 +-
 src/pages/info/Article.vue                    |  12 -
 src/pages/info/Help.vue                       |  74 +-
 src/pages/info/Home.vue                       |  33 +-
 .../reports/network/NetworkConceptReport.vue  | 243 ++---
 .../DesiredDomains.vue                        | 373 +++----
 .../DomainRequirements.vue                    | 176 ++--
 .../FinalEstimation.vue                       | 382 +++----
 .../NetworkDataFeasibilityReport/Range.vue    | 390 +++----
 .../RequiredConcepts.vue                      | 601 +++++------
 .../VisitTypes.vue                            | 169 +--
 .../NetworkDataFeasibilityReport/index.vue    | 197 ++--
 .../network/NetworkDataQualitySummary.vue     |  45 +-
 .../network/NetworkDatastrandReport.vue       | 127 ++-
 src/pages/reports/network/NetworkOverview.vue | 246 ++---
 .../reports/network/NetworkPerformance.vue    |  92 +-
 .../network/NetworkPopulationReport.vue       |  76 +-
 .../network/NetworkUnmappedSourceCodes.vue    | 144 +--
 src/pages/reports/release/ConceptReport.vue   | 507 +++++----
 .../reports/release/DataQualityResults.vue    | 992 ++++++++++--------
 src/pages/reports/release/DeathReport.vue     | 131 +--
 src/pages/reports/release/DomainDensity.vue   |  67 +-
 src/pages/reports/release/DomainTable.vue     | 432 ++++----
 src/pages/reports/release/MetadataReport.vue  | 133 +--
 .../release/ObservationPeriodReport.vue       | 218 ++--
 .../reports/release/PerformanceTable.vue      | 126 ++-
 src/pages/reports/release/PersonReport.vue    | 129 ++-
 .../release/TemporalCharacterization.vue      | 163 +--
 .../reports/release/UnmappedSourceCodes.vue   | 112 +-
 .../reports/source/DataQualityHistory.vue     | 162 +--
 src/pages/reports/source/DomainContinuity.vue |  89 +-
 .../reports/source/SourceConceptReport.vue    |  59 +-
 src/pages/reports/source/SourceOverview.vue   | 221 ++--
 .../{dataLoadConfig.js => dataLoadConfig.ts}  |   0
 .../config/{routes.js => routes.ts}           |  58 +-
 .../exploreReports/{index.js => index.ts}     |   2 +-
 .../interfaces/MultipleFilesRawInterface.ts   |  10 +
 .../files/AchillesPerformanceType.ts          |   6 +
 .../model/interfaces/files/CdmSourceType.ts   |  13 +
 .../model/interfaces/files/ConceptType.ts     |  42 +
 .../model/interfaces/files/Death.ts           |  10 +
 .../files/DensityRecordsPersonType.ts         |   5 +
 .../model/interfaces/files/DensityTotal.ts    |   5 +
 .../files/DomainDrugStratificationType.ts     |   6 +
 .../model/interfaces/files/DomainIssues.ts    |   4 +
 .../model/interfaces/files/DomainSummary.ts   |   9 +
 .../model/interfaces/files/DomainTable.ts     |   9 +
 .../files/DomainVisitStratificationType.ts    |   5 +
 .../interfaces/files/ObservationPeriodType.ts |  29 +
 .../model/interfaces/files/Person.ts          |  27 +
 .../files/QualityCompletenessType.ts          |   6 +
 .../model/interfaces/files/QualityIndex.ts    |  23 +
 .../interfaces/files/QualityResultsType.ts    |  64 ++
 .../model/interfaces/files/QueryIndex.ts      | 160 +++
 .../model/interfaces/files/RecordsDomain.ts   |   4 +
 .../interfaces/files/SourceHistoryIndex.ts    |   5 +
 .../model/interfaces/files/SourceIndex.ts     |  24 +
 .../reportTypes/DistributionType.ts           |  11 +
 .../interfaces/reportTypes/DurationType.ts    |   4 +
 .../reportTypes/FrequencyDistributionType.ts  |   4 +
 .../interfaces/reportTypes/HistogramType.ts   |  13 +
 .../interfaces/reportTypes/PrevalenceType.ts  |   9 +
 .../reportTypes/RecordsCountType.ts           |   5 +
 .../{actions.type.js => actions.type.ts}      |   0
 .../store/{data.module.js => data.module.ts}  |  70 +-
 .../{mutations.type.js => mutations.type.ts}  |   0
 .../{conceptReport.js => conceptReport.ts}    |  28 +-
 .../model/store/postprocessing/dataDensity.js |   8 -
 .../model/store/postprocessing/dataDensity.ts |  13 +
 .../postprocessing/dataQualityResults.js      |  35 -
 .../postprocessing/dataQualityResults.ts      |  39 +
 .../{deathReport.js => deathReport.ts}        |   7 +-
 .../store/postprocessing/domainContinuity.js  |   5 -
 .../store/postprocessing/domainContinuity.ts  |   7 +
 .../model/store/postprocessing/domainTable.js |  20 -
 .../model/store/postprocessing/domainTable.ts |  26 +
 .../{feasibility.js => feasibility.ts}        |   9 +-
 .../postprocessing/{index.js => index.ts}     |   0
 .../{metadata.js => metadata.ts}              |   3 +-
 ...nceptReport.js => networkConceptReport.ts} |  21 +-
 ...ndReport.js => networkDataStrandReport.ts} |   6 +-
 ...onReport.js => networkPopulationReport.ts} |   8 +-
 .../networkUnmappedSourceCodes.js             |   7 -
 .../networkUnmappedSourceCodes.ts             |  10 +
 ...ervationPeriod.js => observationPeriod.ts} |   5 +-
 .../model/store/postprocessing/performance.js |   7 -
 .../model/store/postprocessing/performance.ts |  10 +
 .../{personReport.js => personReport.ts}      |   9 +-
 ...onceptReport.js => sourceConceptReport.ts} |   7 +-
 .../postprocessing/unmappedSourceCodes.js     |   7 -
 .../postprocessing/unmappedSourceCodes.ts     |  10 +
 .../{csvParse.js => csvParse.ts}              |   2 +-
 .../preprocessing/{index.js => index.ts}      |   0
 .../exploreReports/ui/ReportsView.vue         |  87 +-
 .../api/{getFilePath.js => getFilePath.ts}    |   9 +-
 src/shared/api/loadFile.js                    |  23 -
 src/shared/api/loadFile.ts                    |  25 +
 ...orageService.js => localStorageService.ts} |   8 +-
 src/shared/config/{files.js => files.ts}      |   0
 src/shared/config/{links.js => links.ts}      |  28 +-
 src/shared/interfaces/DataTableHeader.ts      |  14 +
 .../{derive-results.js => derive-results.ts}  |  97 +-
 src/shared/lib/get-percentage.js              |   6 -
 src/shared/lib/get-percentage.ts              |  11 +
 src/shared/lib/mixins/{index.js => index.ts}  |  20 +-
 .../lib/mixins/methods/debouncedSearch.js     |   9 -
 .../lib/mixins/methods/debouncedSearch.ts     |  12 +
 .../{formatComma.js => formatComma.ts}        |   2 +-
 .../{formatPercent.js => formatPercent.ts}    |   2 +-
 .../lib/mixins/methods/getFontWeight.js       |  13 -
 .../lib/mixins/methods/getFontWeight.ts       |  13 +
 .../{getPaddedDate.js => getPaddedDate.ts}    |   4 +-
 .../lib/mixins/methods/getValuesArray.js      |   3 -
 .../lib/mixins/methods/getValuesArray.ts      |  11 +
 .../methods/{navigateTo.js => navigateTo.ts}  |   7 +-
 .../lib/{range-sort.js => range-sort.ts}      |  12 +-
 src/shared/lib/vuex-router-sync.js            |   1 -
 src/shims-vue.d.ts                            |  12 +
 src/vuex.d.ts                                 |  13 +
 src/widgets/bottomNav/index.js                |   3 -
 src/widgets/bottomNav/index.ts                |   3 +
 src/widgets/bottomNav/ui/BottomNav.vue        |  46 +-
 .../{defOverview.js => defOverview.ts}        |   1 +
 ...rdsPerPerson.js => defRecordsPerPerson.ts} |   1 +
 .../{specAgeAtDeath.js => specAgeAtDeath.ts}  |   8 +-
 ...iagnosis.js => specAgeAtFirstDiagnosis.ts} |   8 +-
 ...tExposure.js => specAgeAtFirstExposure.ts} |   8 +-
 ...vation.js => specAgeAtFirstObservation.ts} |   1 +
 ...s => specAgeAtFirstObservationBySource.ts} |   1 +
 ...urrence.js => specAgeAtFirstOccurrence.ts} |   8 +-
 .../{specAgeBySex.js => specAgeBySex.ts}      |   3 +-
 .../{specAgeSex.js => specAgeSex.ts}          |   1 +
 .../{specBirthYear.js => specBirthYear.ts}    |   1 +
 ...tionsByType.js => specConditionsByType.ts} |   1 +
 ...vation.js => specCumulativeObservation.ts} |   1 +
 ...s => specCumulativeObservationBySource.ts} |   1 +
 ...tyResults.js => specDataQualityResults.ts} |   1 +
 ...js => specDataQualityResultsByCategory.ts} |   1 +
 ...n.js => specDataQualityResultsByDomain.ts} |   1 +
 .../{specDatastrand.js => specDatastrand.ts}  |   0
 .../{specDaysSupply.js => specDaysSupply.ts}  |   8 +-
 ...{specDeathByType.js => specDeathByType.ts} |   1 +
 ...ation.js => specDrugTypeStratification.ts} |   3 +-
 ...{specDrugsByType.js => specDrugsByType.ts} |   1 +
 .../{specEthnicity.js => specEthnicity.ts}    |   1 +
 ...s => specIssueStratificationByCategory.ts} |   1 +
 ...e.js => specIssueStratificationByTable.ts} |   1 +
 ...uesByRelease.js => specIssuesByRelease.ts} |   1 +
 ...{specLengthOfEra.js => specLengthOfEra.ts} |   8 +-
 ...js => specMeasurementValueDistribution.ts} |   5 +-
 ...s => specMeasurementValueDistribution1.ts} |   3 +-
 ...ntsByType.js => specMeasurementsByType.ts} |   1 +
 ...vationByAge.js => specObservationByAge.ts} |   3 +-
 ...onByMonth.js => specObservationByMonth.ts} |   1 +
 ...vationBySex.js => specObservationBySex.ts} |   3 +-
 .../{specOverview.js => specOverview.ts}      |   1 +
 ...yRelease.js => specPopulationByRelease.ts} |   1 +
 .../{specQuantity.js => specQuantity.ts}      |   8 +-
 .../{specRace.js => specRace.ts}              |   1 +
 ...js => specRecordProportionByAgeSexYear.ts} |   2 +-
 ...onth.js => specRecordProportionByMonth.ts} |   1 +
 ...> specRecordProportionByMonthByRelease.ts} |   1 +
 ...cRecordsByUnit.js => specRecordsByUnit.ts} |   1 +
 ...onByType.js => specVisitDurationByType.ts} |   8 +-
 ...fication.js => specVisitStratification.ts} |   1 +
 .../chart/config/{index.js => index.ts}       |   0
 src/widgets/chart/{index.js => index.ts}      |   2 +-
 src/widgets/chart/ui/Chart.vue                | 114 +-
 src/widgets/error/{index.js => index.ts}      |   2 +-
 src/widgets/error/model/interfaces/Error.ts   |   4 +
 .../{actions.type.js => actions.type.ts}      |   0
 .../{errors.module.js => errors.module.ts}    |   3 +-
 .../{mutations.type.js => mutations.type.ts}  |   0
 src/widgets/error/ui/Error.vue                |  17 +-
 .../config/{folders.js => folders.ts}         |   0
 .../explorer/config/{index.js => index.ts}    |   0
 .../config/{reports.js => reports.ts}         |   0
 src/widgets/explorer/{index.js => index.ts}   |   2 +-
 .../{actions.type.js => actions.type.ts}      |   0
 ...{explorer.module.js => explorer.module.ts} |  69 +-
 .../{mutations.type.js => mutations.type.ts}  |   0
 src/widgets/explorer/ui/Explorer.vue          | 250 ++---
 src/widgets/infoPanel/index.js                |   3 -
 src/widgets/infoPanel/index.ts                |   3 +
 src/widgets/infoPanel/ui/InfoPanel.vue        |  68 +-
 src/widgets/pivot/index.js                    |   3 -
 src/widgets/pivot/index.ts                    |   3 +
 src/widgets/pivot/ui/Pivot.vue                | 626 ++++++-----
 src/widgets/pivot/ui/vue-pivottable.css       |   7 +-
 src/widgets/settings/{index.js => index.ts}   |   2 +-
 .../{actions.type.js => actions.type.ts}      |   0
 .../{mutations.type.js => mutations.type.ts}  |   0
 ...{settings.module.js => settings.module.ts} |   2 +-
 src/widgets/settings/ui/Settings.vue          |  52 +-
 tsconfig.json                                 |  38 +
 vite.config.js                                |  25 +
 vue.config.js                                 |   4 -
 webpack.config.js                             |  21 -
 227 files changed, 5771 insertions(+), 4608 deletions(-)
 delete mode 100644 .eslintrc
 create mode 100644 .eslintrc.js
 delete mode 100644 babel.config.js
 rename public/index.html => index.html (86%)
 delete mode 100644 jsconfig.json
 create mode 100644 src/app/plugins/themes.ts
 delete mode 100644 src/app/plugins/vuetify.js
 create mode 100644 src/app/plugins/vuetify.ts
 delete mode 100644 src/app/providers/router/index.js
 create mode 100644 src/app/providers/router/index.ts
 rename src/app/providers/store/{index.js => index.ts} (76%)
 create mode 100644 src/features/nestedMenu/NestedMenu.vue
 rename src/features/returnToPreviousPage/{index.js => index.ts} (87%)
 delete mode 100644 src/features/selectColumns/index.js
 create mode 100644 src/features/selectColumns/index.ts
 delete mode 100644 src/features/toggleBaseLine/index.js
 create mode 100644 src/features/toggleBaseLine/index.ts
 delete mode 100644 src/features/toggleDarkMode/index.js
 create mode 100644 src/features/toggleDarkMode/index.ts
 delete mode 100644 src/features/toggleMinMax/index.js
 create mode 100644 src/features/toggleMinMax/index.ts
 create mode 100644 src/main.scss
 rename src/{main.js => main.ts} (67%)
 rename src/processes/exploreReports/config/{dataLoadConfig.js => dataLoadConfig.ts} (100%)
 rename src/processes/exploreReports/config/{routes.js => routes.ts} (87%)
 rename src/processes/exploreReports/{index.js => index.ts} (75%)
 create mode 100644 src/processes/exploreReports/model/interfaces/MultipleFilesRawInterface.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/AchillesPerformanceType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/CdmSourceType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/ConceptType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/Death.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DensityRecordsPersonType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DensityTotal.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DomainDrugStratificationType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DomainIssues.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DomainSummary.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DomainTable.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/ObservationPeriodType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/Person.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/QualityCompletenessType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/QualityIndex.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/QueryIndex.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/RecordsDomain.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/SourceHistoryIndex.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/files/SourceIndex.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/DistributionType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/DurationType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/FrequencyDistributionType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/HistogramType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType.ts
 create mode 100644 src/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType.ts
 rename src/processes/exploreReports/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/processes/exploreReports/model/store/{data.module.js => data.module.ts} (72%)
 rename src/processes/exploreReports/model/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/processes/exploreReports/model/store/postprocessing/{conceptReport.js => conceptReport.ts} (56%)
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/dataDensity.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/dataDensity.ts
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/dataQualityResults.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
 rename src/processes/exploreReports/model/store/postprocessing/{deathReport.js => deathReport.ts} (68%)
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/domainContinuity.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/domainTable.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/domainTable.ts
 rename src/processes/exploreReports/model/store/postprocessing/{feasibility.js => feasibility.ts} (53%)
 rename src/processes/exploreReports/model/store/postprocessing/{index.js => index.ts} (100%)
 rename src/processes/exploreReports/model/store/postprocessing/{metadata.js => metadata.ts} (56%)
 rename src/processes/exploreReports/model/store/postprocessing/{networkConceptReport.js => networkConceptReport.ts} (60%)
 rename src/processes/exploreReports/model/store/postprocessing/{networkDataStrandReport.js => networkDataStrandReport.ts} (56%)
 rename src/processes/exploreReports/model/store/postprocessing/{networkPopulationReport.js => networkPopulationReport.ts} (56%)
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.ts
 rename src/processes/exploreReports/model/store/postprocessing/{observationPeriod.js => observationPeriod.ts} (77%)
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/performance.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/performance.ts
 rename src/processes/exploreReports/model/store/postprocessing/{personReport.js => personReport.ts} (71%)
 rename src/processes/exploreReports/model/store/postprocessing/{sourceConceptReport.js => sourceConceptReport.ts} (66%)
 delete mode 100644 src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.js
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.ts
 rename src/processes/exploreReports/model/store/preprocessing/{csvParse.js => csvParse.ts} (62%)
 rename src/processes/exploreReports/model/store/preprocessing/{index.js => index.ts} (100%)
 rename src/shared/api/{getFilePath.js => getFilePath.ts} (93%)
 delete mode 100644 src/shared/api/loadFile.js
 create mode 100644 src/shared/api/loadFile.ts
 rename src/shared/api/{localStorageService.js => localStorageService.ts} (82%)
 rename src/shared/config/{files.js => files.ts} (100%)
 rename src/shared/config/{links.js => links.ts} (50%)
 create mode 100644 src/shared/interfaces/DataTableHeader.ts
 rename src/shared/lib/{derive-results.js => derive-results.ts} (71%)
 delete mode 100644 src/shared/lib/get-percentage.js
 create mode 100644 src/shared/lib/get-percentage.ts
 rename src/shared/lib/mixins/{index.js => index.ts} (74%)
 delete mode 100644 src/shared/lib/mixins/methods/debouncedSearch.js
 create mode 100644 src/shared/lib/mixins/methods/debouncedSearch.ts
 rename src/shared/lib/mixins/methods/{formatComma.js => formatComma.ts} (56%)
 rename src/shared/lib/mixins/methods/{formatPercent.js => formatPercent.ts} (56%)
 delete mode 100644 src/shared/lib/mixins/methods/getFontWeight.js
 create mode 100644 src/shared/lib/mixins/methods/getFontWeight.ts
 rename src/shared/lib/mixins/methods/{getPaddedDate.js => getPaddedDate.ts} (58%)
 delete mode 100644 src/shared/lib/mixins/methods/getValuesArray.js
 create mode 100644 src/shared/lib/mixins/methods/getValuesArray.ts
 rename src/shared/lib/mixins/methods/{navigateTo.js => navigateTo.ts} (50%)
 rename src/shared/lib/{range-sort.js => range-sort.ts} (83%)
 create mode 100644 src/shims-vue.d.ts
 create mode 100644 src/vuex.d.ts
 delete mode 100644 src/widgets/bottomNav/index.js
 create mode 100644 src/widgets/bottomNav/index.ts
 rename src/widgets/chart/config/chartSpecifications/{defOverview.js => defOverview.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{defRecordsPerPerson.js => defRecordsPerPerson.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtDeath.js => specAgeAtDeath.ts} (84%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtFirstDiagnosis.js => specAgeAtFirstDiagnosis.ts} (83%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtFirstExposure.js => specAgeAtFirstExposure.ts} (85%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtFirstObservation.js => specAgeAtFirstObservation.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtFirstObservationBySource.js => specAgeAtFirstObservationBySource.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeAtFirstOccurrence.js => specAgeAtFirstOccurrence.ts} (83%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeBySex.js => specAgeBySex.ts} (92%)
 rename src/widgets/chart/config/chartSpecifications/{specAgeSex.js => specAgeSex.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specBirthYear.js => specBirthYear.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specConditionsByType.js => specConditionsByType.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specCumulativeObservation.js => specCumulativeObservation.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specCumulativeObservationBySource.js => specCumulativeObservationBySource.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specDataQualityResults.js => specDataQualityResults.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specDataQualityResultsByCategory.js => specDataQualityResultsByCategory.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specDataQualityResultsByDomain.js => specDataQualityResultsByDomain.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specDatastrand.js => specDatastrand.ts} (100%)
 rename src/widgets/chart/config/chartSpecifications/{specDaysSupply.js => specDaysSupply.ts} (80%)
 rename src/widgets/chart/config/chartSpecifications/{specDeathByType.js => specDeathByType.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specDrugTypeStratification.js => specDrugTypeStratification.ts} (89%)
 rename src/widgets/chart/config/chartSpecifications/{specDrugsByType.js => specDrugsByType.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specEthnicity.js => specEthnicity.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specIssueStratificationByCategory.js => specIssueStratificationByCategory.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specIssueStratificationByTable.js => specIssueStratificationByTable.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specIssuesByRelease.js => specIssuesByRelease.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specLengthOfEra.js => specLengthOfEra.ts} (80%)
 rename src/widgets/chart/config/chartSpecifications/{specMeasurementValueDistribution.js => specMeasurementValueDistribution.ts} (90%)
 rename src/widgets/chart/config/chartSpecifications/{specMeasurementValueDistribution1.js => specMeasurementValueDistribution1.ts} (93%)
 rename src/widgets/chart/config/chartSpecifications/{specMeasurementsByType.js => specMeasurementsByType.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specObservationByAge.js => specObservationByAge.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specObservationByMonth.js => specObservationByMonth.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specObservationBySex.js => specObservationBySex.ts} (92%)
 rename src/widgets/chart/config/chartSpecifications/{specOverview.js => specOverview.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specPopulationByRelease.js => specPopulationByRelease.ts} (97%)
 rename src/widgets/chart/config/chartSpecifications/{specQuantity.js => specQuantity.ts} (80%)
 rename src/widgets/chart/config/chartSpecifications/{specRace.js => specRace.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specRecordProportionByAgeSexYear.js => specRecordProportionByAgeSexYear.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specRecordProportionByMonth.js => specRecordProportionByMonth.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specRecordProportionByMonthByRelease.js => specRecordProportionByMonthByRelease.ts} (98%)
 rename src/widgets/chart/config/chartSpecifications/{specRecordsByUnit.js => specRecordsByUnit.ts} (96%)
 rename src/widgets/chart/config/chartSpecifications/{specVisitDurationByType.js => specVisitDurationByType.ts} (83%)
 rename src/widgets/chart/config/chartSpecifications/{specVisitStratification.js => specVisitStratification.ts} (93%)
 rename src/widgets/chart/config/{index.js => index.ts} (100%)
 rename src/widgets/chart/{index.js => index.ts} (63%)
 rename src/widgets/error/{index.js => index.ts} (77%)
 create mode 100644 src/widgets/error/model/interfaces/Error.ts
 rename src/widgets/error/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/widgets/error/model/store/{errors.module.js => errors.module.ts} (87%)
 rename src/widgets/error/model/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/widgets/explorer/config/{folders.js => folders.ts} (100%)
 rename src/widgets/explorer/config/{index.js => index.ts} (100%)
 rename src/widgets/explorer/config/{reports.js => reports.ts} (100%)
 rename src/widgets/explorer/{index.js => index.ts} (76%)
 rename src/widgets/explorer/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/widgets/explorer/model/store/{explorer.module.js => explorer.module.ts} (63%)
 rename src/widgets/explorer/model/store/{mutations.type.js => mutations.type.ts} (100%)
 delete mode 100644 src/widgets/infoPanel/index.js
 create mode 100644 src/widgets/infoPanel/index.ts
 delete mode 100644 src/widgets/pivot/index.js
 create mode 100644 src/widgets/pivot/index.ts
 rename src/widgets/settings/{index.js => index.ts} (76%)
 rename src/widgets/settings/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/widgets/settings/model/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/widgets/settings/model/store/{settings.module.js => settings.module.ts} (97%)
 create mode 100644 tsconfig.json
 create mode 100644 vite.config.js
 delete mode 100644 vue.config.js
 delete mode 100644 webpack.config.js

diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index 5bd0bb14..00000000
--- a/.eslintrc
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "root": true,
-  "env": {
-    "node": true
-  },
-  "extends": [
-    "plugin:vue/essential",
-    "plugin:vue/recommended",
-    "@vue/prettier",
-    "plugin:vuetify/base"
-  ],
-  "parserOptions": {
-    "parser": "@babel/eslint-parser",
-    "requireConfigFile": false
-  },
-  "rules": {
-    "eqeqeq": "warn",
-    "vue/eqeqeq": "warn",
-    "no-shadow": "warn",
-    "no-var": "warn",
-    "prefer-const": "warn",
-    "no-console": "warn"
-  }
-}
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000..e3d7f819
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,23 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+    "plugin:prettier/recommended",
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+  rules: {
+    eqeqeq: "warn",
+    "vue/eqeqeq": "warn",
+    "no-shadow": "warn",
+    "no-var": "warn",
+    "prefer-const": "warn",
+    "no-console": "warn",
+  },
+};
diff --git a/babel.config.js b/babel.config.js
deleted file mode 100644
index e9558405..00000000
--- a/babel.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
diff --git a/public/index.html b/index.html
similarity index 86%
rename from public/index.html
rename to index.html
index 7fef29e3..9fadee48 100644
--- a/public/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>ares_32x32.png">
+  <link rel="icon" href="/ares_32x32.png">
   <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   <title>ARES</title>
@@ -17,6 +17,8 @@
         Please enable it to continue.</strong>
   </noscript>
   <div id="app"></div>
+
+  <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/jsconfig.json b/jsconfig.json
deleted file mode 100644
index b2c0e02e..00000000
--- a/jsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "include": ["./src/**/*"]
-}
diff --git a/package.json b/package.json
index 896ff68a..244de195 100644
--- a/package.json
+++ b/package.json
@@ -5,12 +5,18 @@
   "author": "Frank DeFalco",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "serve": "vite --open",
+    "preview": "vite preview --open --port 8080",
+    "build": "vite build --out-dir dist",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix"
   },
   "dependencies": {
-    "axios": "^0.27.2",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
+    "@vue/compat": "^3.1.0",
+    "axios": "^1.2.3",
+    "codemirror-editor-vue3": "^2.1.7",
     "core-js": "^3.6.5",
     "d3-dsv": "^3.0.1",
     "d3-format": "^3.0.1",
@@ -19,32 +25,39 @@
     "markdown-it-vue": "^1.1.6",
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.5.0",
-    "vue": "^2.6.14",
+    "vite-plugin-vuetify": "^1.0.1",
+    "vue": "^3.2.45",
     "vue-codemirror": "^4.0.6",
     "vue-google-charts": "^0.3.3",
-    "vue-pivottable": "^0.4.2",
-    "vue-router": "^3.5.3",
-    "vuedraggable": "^2.24.3",
-    "vuetify": "^2.6.0",
-    "vuex": "^3.6.2"
+    "vue-pivottable": "github:Mikhail-iontsev/vue-pivottable",
+    "vue-router": "^4.0.3",
+    "vue3-draggable": "^2.0.9",
+    "vue3-markdown-it": "^1.0.10",
+    "vuedraggable": "^4.1.0",
+    "vuetify": "3.1.0",
+    "vuex": "^4.0.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.19.1",
     "@mdi/font": "^7.0.96",
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/cli-plugin-eslint": "^5.0.8",
-    "@vue/cli-plugin-router": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-prettier": "^7.0.0",
+    "@types/d3-format": "^3.0.1",
+    "@types/d3-time-format": "^4.0.0",
+    "@types/lodash": "^4.14.191",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/compiler-sfc": "^3.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
     "comlink-loader": "^2.0.0",
     "eslint": "^8.22.0",
-    "eslint-plugin-vue": "^9.5.1",
-    "eslint-plugin-vuetify": "^1.1.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
     "fibers": "^5.0.0",
     "lint-staged": "^13.0.3",
+    "prettier": "^2.4.1",
     "sass": "^1.55.0",
     "sass-loader": "^13.0.2",
-    "vue-template-compiler": "^2.6.14"
+    "typescript": "~4.5.5",
+    "vite": "^4.0.4"
   },
   "gitHooks": {
     "pre-commit": "lint-staged"
diff --git a/src/app/App.vue b/src/app/App.vue
index 17a98429..04025bb2 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -6,40 +6,46 @@
   </v-app>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
 import { errorActions } from "@/widgets/error";
 
-export default {
-  name: "ARES",
-  computed: {
-    ...mapGetters(["getSettings", "getSources"]),
-    darkMode: function () {
-      return this.getSettings.darkMode;
-    },
-    path: function () {
-      return this.$route.path;
-    },
-  },
-  watch: {
-    darkMode() {
-      this.$vuetify.theme.dark = this.getSettings.darkMode;
-    },
-    path() {
-      this.$store.dispatch(errorActions.RESET_ERRORS);
-    },
-  },
-  created() {
-    this.$vuetify.theme.dark = this.getSettings.darkMode;
-  },
-};
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+
+import { computed, watch, onBeforeMount } from "vue";
+import { useTheme } from "vuetify";
+
+const theme = useTheme();
+
+const darkMode = computed(function (): boolean {
+  return store.getters.getSettings.darkMode;
+});
+
+watch(darkMode, (): void => {
+  theme.global.name.value = store.getters.getSettings.darkMode
+    ? "dark"
+    : "light";
+});
+
+watch(route, (): void => {
+  store.dispatch(errorActions.RESET_ERRORS);
+});
+
+onBeforeMount((): void => {
+  theme.global.name.value = store.getters.getSettings.darkMode
+    ? "dark"
+    : "light";
+});
 </script>
 
 <style scoped>
 .main {
   width: 95%;
 }
->>> .v-list-item__title {
+:deep(.v-list-item__title) {
   font-size: 0.75rem !important;
 }
 </style>
diff --git a/src/app/plugins/themes.ts b/src/app/plugins/themes.ts
new file mode 100644
index 00000000..1725141c
--- /dev/null
+++ b/src/app/plugins/themes.ts
@@ -0,0 +1,19 @@
+import { ThemeDefinition } from "vuetify";
+
+const light: ThemeDefinition = {
+  dark: false,
+  colors: {
+    accent: "#E0E0E0",
+    message: "#4b4d59",
+  },
+};
+
+const dark: ThemeDefinition = {
+  dark: true,
+  colors: {
+    accent: "#424242",
+    message: "#41434DFF",
+  },
+};
+
+export { light, dark };
diff --git a/src/app/plugins/vuetify.js b/src/app/plugins/vuetify.js
deleted file mode 100644
index aefcf261..00000000
--- a/src/app/plugins/vuetify.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import Vue from "vue";
-import Vuetify from "vuetify";
-import "vuetify/dist/vuetify.min.css";
-import "@mdi/font/css/materialdesignicons.css";
-
-Vue.use(Vuetify);
-
-export default new Vuetify({
-  theme: {
-    options: { customProperties: true },
-
-    themes: {
-      light: {
-        accent: "#E0E0E0",
-      },
-      dark: {
-        accent: "#424242",
-      },
-    },
-  },
-});
diff --git a/src/app/plugins/vuetify.ts b/src/app/plugins/vuetify.ts
new file mode 100644
index 00000000..53a7f766
--- /dev/null
+++ b/src/app/plugins/vuetify.ts
@@ -0,0 +1,28 @@
+import "@mdi/font/css/materialdesignicons.css";
+import "@/main.scss";
+import { aliases, mdi } from "vuetify/iconsets/mdi";
+import { createVuetify } from "vuetify";
+
+import { light, dark } from "@/app/plugins/themes";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+
+const vuetify = createVuetify({
+  components,
+  directives,
+  icons: {
+    defaultSet: "mdi",
+    aliases,
+    sets: {
+      mdi,
+    },
+  },
+  theme: {
+    themes: {
+      light,
+      dark,
+    },
+  },
+});
+
+export default vuetify;
diff --git a/src/app/providers/router/index.js b/src/app/providers/router/index.js
deleted file mode 100644
index 07e943f9..00000000
--- a/src/app/providers/router/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import Vue from "vue";
-import VueRouter from "vue-router";
-import { routes } from "@/processes/exploreReports";
-Vue.use(VueRouter);
-
-export default new VueRouter({
-  base: "/ares/",
-  routes,
-});
diff --git a/src/app/providers/router/index.ts b/src/app/providers/router/index.ts
new file mode 100644
index 00000000..3bb57d36
--- /dev/null
+++ b/src/app/providers/router/index.ts
@@ -0,0 +1,10 @@
+import { createRouter, Router } from "vue-router";
+import { routes } from "@/processes/exploreReports";
+import { createWebHistory } from "vue-router";
+
+const router: Router = createRouter({
+  history: createWebHistory("ares"),
+  routes,
+});
+
+export default router;
diff --git a/src/app/providers/store/index.js b/src/app/providers/store/index.ts
similarity index 76%
rename from src/app/providers/store/index.js
rename to src/app/providers/store/index.ts
index 5011f6a8..f10cab25 100644
--- a/src/app/providers/store/index.js
+++ b/src/app/providers/store/index.ts
@@ -1,14 +1,11 @@
-import Vue from "vue";
-import Vuex from "vuex";
-
-Vue.use(Vuex);
+import { Store } from "vuex";
 
 import { explorerStore } from "@/widgets/explorer";
 import { errorStore } from "@/widgets/error";
 import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
 
-export default new Vuex.Store({
+export default new Store({
   modules: {
     explorerStore,
     reportsDataStore,
diff --git a/src/features/nestedMenu/NestedMenu.vue b/src/features/nestedMenu/NestedMenu.vue
new file mode 100644
index 00000000..8bd77e5a
--- /dev/null
+++ b/src/features/nestedMenu/NestedMenu.vue
@@ -0,0 +1,52 @@
+<template>
+  <v-menu contained attach :close-on-content-click="false" bottom offset-y>
+    <template v-slot:activator="{ props }">
+      <v-btn color="primary" v-bind="props"> Filters </v-btn>
+    </template>
+    <v-list>
+      <v-list-group
+        v-for="item in getFilteredHeaders"
+        :key="item.title"
+        :value="item.title"
+      >
+        <template v-slot:activator="{ props }">
+          <v-list-item v-bind="props" :title="item.title">{{
+            filters[item.key] ? filters[item.key].length + " selected" : ""
+          }}</v-list-item>
+        </template>
+        <v-list-item>
+          <v-select
+            variant="outlined"
+            density="compact"
+            v-model="filters[item.key]"
+            chips
+            closable-chips
+            hide-details
+            multiple
+            :items="helpers.getValuesArray(data, item.key, true)"
+          ></v-select>
+        </v-list-item>
+      </v-list-group>
+    </v-list>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps } from "vue";
+import { helpers } from "@/shared/lib/mixins";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+interface Props {
+  items: DataTableHeader[];
+  filters: object;
+  data: never[];
+}
+const getFilteredHeaders = computed(() => {
+  return props.items.filter((val) =>
+    Object.keys(props.filters).includes(val.key)
+  );
+});
+
+const props = defineProps<Props>();
+</script>
+<style></style>
diff --git a/src/features/returnToPreviousPage/ReturnButton.vue b/src/features/returnToPreviousPage/ReturnButton.vue
index f8333f14..4952bedf 100644
--- a/src/features/returnToPreviousPage/ReturnButton.vue
+++ b/src/features/returnToPreviousPage/ReturnButton.vue
@@ -1,21 +1,34 @@
 <template>
-  <v-btn :block="block" color="primary" small @click="back">
+  <v-btn
+    :block="props.block"
+    color="primary"
+    density="comfortable"
+    @click="back"
+  >
     <v-icon>mdi-arrow-left</v-icon>
     Back
   </v-btn>
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: "ReturnButton",
-  props: {
-    block: Boolean,
-  },
-  methods: {
-    back: function () {
-      this.$router.back();
-    },
-  },
+};
+</script>
+<script setup lang="ts">
+import { defineProps } from "vue";
+
+const props = defineProps<Props>();
+
+interface Props {
+  block?: boolean;
+}
+
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const back = function (): void {
+  router.back();
 };
 </script>
 
diff --git a/src/features/returnToPreviousPage/index.js b/src/features/returnToPreviousPage/index.ts
similarity index 87%
rename from src/features/returnToPreviousPage/index.js
rename to src/features/returnToPreviousPage/index.ts
index 66d63549..58a98936 100644
--- a/src/features/returnToPreviousPage/index.js
+++ b/src/features/returnToPreviousPage/index.ts
@@ -1,3 +1,3 @@
-import ReturnButton from "@/features/returnToPreviousPage/ReturnButton";
+import ReturnButton from "@/features/returnToPreviousPage/ReturnButton.vue";
 
 export default ReturnButton;
diff --git a/src/features/selectColumns/SelectColumns.vue b/src/features/selectColumns/SelectColumns.vue
index 58bd0a95..0eadb400 100644
--- a/src/features/selectColumns/SelectColumns.vue
+++ b/src/features/selectColumns/SelectColumns.vue
@@ -1,43 +1,40 @@
 <template>
-  <v-menu
-    v-model="chooseHeaderMenu"
-    bottom
-    :close-on-content-click="false"
-    :offset-y="true"
-  >
-    <template v-slot:activator="{ on, attrs }">
-      <v-btn color="primary" v-bind="attrs" v-on="on">
-        <v-icon dark left>mdi-view-column-outline</v-icon>
+  <v-menu v-model="chooseHeaderMenu" :close-on-content-click="false">
+    <template v-slot:activator="{ props }">
+      <v-btn color="primary" v-bind="props">
+        <v-icon left>mdi-view-column-outline</v-icon>
         Choose Columns to Display
       </v-btn>
     </template>
-    <v-list dense>
-      <v-list-item v-for="(h, i) in headers" :key="i">
+    <v-list density="compact">
+      <v-list-item v-for="(item, index) in props.headers" :key="index">
         <v-checkbox
-          v-model="h.show"
-          :label="h.text"
-          :value="h.show"
+          v-model="item.show"
+          :label="item.title"
+          :model-value="item.show"
           hide-details="auto"
         ></v-checkbox>
       </v-list-item>
     </v-list>
   </v-menu>
 </template>
-
-<script>
+<script lang="ts">
 export default {
   name: "SelectColumns",
-  props: {
-    headers: { type: Array, required: true, default: null },
-    value: { type: Array, required: false, default: () => [] },
-  },
-  data() {
-    return {
-      chooseHeaderMenu: false,
-      content: this.value,
-    };
-  },
 };
 </script>
+<script setup lang="ts">
+import { defineProps, Ref, ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+const chooseHeaderMenu: Ref<boolean> = ref(false);
+
+interface Props {
+  headers: DataTableHeader[];
+  value?: string[];
+}
+
+const props = defineProps<Props>();
+</script>
 
 <style scoped></style>
diff --git a/src/features/selectColumns/index.js b/src/features/selectColumns/index.js
deleted file mode 100644
index a77e5a80..00000000
--- a/src/features/selectColumns/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import SelectColumns from "./SelectColumns";
-
-export default SelectColumns;
diff --git a/src/features/selectColumns/index.ts b/src/features/selectColumns/index.ts
new file mode 100644
index 00000000..939e8a0e
--- /dev/null
+++ b/src/features/selectColumns/index.ts
@@ -0,0 +1,3 @@
+import SelectColumns from "./SelectColumns.vue";
+
+export default SelectColumns;
diff --git a/src/features/toggleBaseLine/ToggleBaseLine.vue b/src/features/toggleBaseLine/ToggleBaseLine.vue
index e82e4c24..54b58316 100644
--- a/src/features/toggleBaseLine/ToggleBaseLine.vue
+++ b/src/features/toggleBaseLine/ToggleBaseLine.vue
@@ -1,37 +1,38 @@
 <template>
   <v-list-item>
     <v-list-item-action>
-      <v-switch v-model="zeroBaseline"></v-switch>
+      <v-switch v-model="zeroBaseLine"></v-switch>
     </v-list-item-action>
-    <v-list-item-content>
-      <v-list-item-title>{{
-        zeroBaseline ? "Zero Baseline" : "Non-zero baseline"
-      }}</v-list-item-title>
-      <v-list-item-subtitle
-        >Determines whether the axis starts from the 0 or the lowest value in
-        the set</v-list-item-subtitle
-      >
-    </v-list-item-content>
+    <v-list-item-title>{{
+      zeroBaseLine ? "Zero Baseline" : "Non-zero baseline"
+    }}</v-list-item-title>
+    <v-list-item-subtitle
+      >Determines whether the axis starts from the 0 or the lowest value in the
+      set</v-list-item-subtitle
+    >
   </v-list-item>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-
+<script lang="ts">
 export default {
   name: "ToggleBaseLine",
-  computed: {
-    ...mapGetters(["getSettings"]),
-    zeroBaseline: {
-      get: function () {
-        return this.getSettings.zeroBaseline;
-      },
-      set: function (value) {
-        this.$store.commit("setBaseline", value);
-      },
-    },
-  },
 };
 </script>
 
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const zeroBaseLine = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.zeroBaseline;
+  },
+  set: function (value: boolean): void {
+    store.commit("setBaseline", value);
+  },
+});
+</script>
+
 <style scoped></style>
diff --git a/src/features/toggleBaseLine/index.js b/src/features/toggleBaseLine/index.js
deleted file mode 100644
index 67de9db8..00000000
--- a/src/features/toggleBaseLine/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ToggleBaseLine from "./ToggleBaseLine";
-
-export default ToggleBaseLine;
diff --git a/src/features/toggleBaseLine/index.ts b/src/features/toggleBaseLine/index.ts
new file mode 100644
index 00000000..86932225
--- /dev/null
+++ b/src/features/toggleBaseLine/index.ts
@@ -0,0 +1,3 @@
+import ToggleBaseLine from "./ToggleBaseLine.vue";
+
+export default ToggleBaseLine;
diff --git a/src/features/toggleDarkMode/ToggleDarkMode.vue b/src/features/toggleDarkMode/ToggleDarkMode.vue
index 54669f36..dcf6a7a9 100644
--- a/src/features/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/features/toggleDarkMode/ToggleDarkMode.vue
@@ -3,32 +3,33 @@
     <v-list-item-action>
       <v-switch v-model="darkMode"></v-switch>
     </v-list-item-action>
-    <v-list-item-content>
-      <v-list-item-title>{{
-        darkMode ? "Dark Mode" : "Light Mode"
-      }}</v-list-item-title>
-      <v-list-item-subtitle>Select the Color mode</v-list-item-subtitle>
-    </v-list-item-content>
+    <v-list-item-title>{{
+      darkMode ? "Dark Mode" : "Light Mode"
+    }}</v-list-item-title>
+    <v-list-item-subtitle>Select the Color mode</v-list-item-subtitle>
   </v-list-item>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-
+<script lang="ts">
 export default {
   name: "ToggleDarkMode",
-  computed: {
-    ...mapGetters(["getSettings"]),
-    darkMode: {
-      get: function () {
-        return this.getSettings.darkMode;
-      },
-      set: function (value) {
-        this.$store.commit("setDarkMode", value);
-      },
-    },
-  },
 };
 </script>
 
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const darkMode = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.darkMode;
+  },
+  set: function (value: boolean): void {
+    store.commit("setDarkMode", value);
+  },
+});
+</script>
+
 <style scoped></style>
diff --git a/src/features/toggleDarkMode/index.js b/src/features/toggleDarkMode/index.js
deleted file mode 100644
index 1b4fa796..00000000
--- a/src/features/toggleDarkMode/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ToggleDarkMode from "./ToggleDarkMode";
-
-export default ToggleDarkMode;
diff --git a/src/features/toggleDarkMode/index.ts b/src/features/toggleDarkMode/index.ts
new file mode 100644
index 00000000..2c4834aa
--- /dev/null
+++ b/src/features/toggleDarkMode/index.ts
@@ -0,0 +1,3 @@
+import ToggleDarkMode from "./ToggleDarkMode.vue";
+
+export default ToggleDarkMode;
diff --git a/src/features/toggleMinMax/ToggleMinMax.vue b/src/features/toggleMinMax/ToggleMinMax.vue
index e7c5c642..7031ddfe 100644
--- a/src/features/toggleMinMax/ToggleMinMax.vue
+++ b/src/features/toggleMinMax/ToggleMinMax.vue
@@ -3,35 +3,34 @@
     <v-list-item-action>
       <v-switch v-model="minMax"></v-switch>
     </v-list-item-action>
-    <v-list-item-content>
-      <v-list-item-title>{{
-        minMax ? "MIN/MAX" : "P10/P90"
-      }}</v-list-item-title>
-      <v-list-item-subtitle
-        >Applicable to some reports. Determines whether to use Min/Max or
-        P10/P90 values for chart rendering</v-list-item-subtitle
-      >
-    </v-list-item-content>
+    <v-list-item-title>{{ minMax ? "MIN/MAX" : "P10/P90" }}</v-list-item-title>
+    <v-list-item-subtitle
+      >Applicable to some reports. Determines whether to use Min/Max or P10/P90
+      values for chart rendering</v-list-item-subtitle
+    >
   </v-list-item>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-
+<script lang="ts">
 export default {
   name: "ToggleMinMax",
-  computed: {
-    ...mapGetters(["getSettings"]),
-    minMax: {
-      get: function () {
-        return this.getSettings.minMax;
-      },
-      set: function (value) {
-        this.$store.commit("setMinMax", value);
-      },
-    },
-  },
 };
 </script>
 
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const minMax = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.minMax;
+  },
+  set: function (value: boolean): void {
+    store.commit("setMinMax", value);
+  },
+});
+</script>
+
 <style scoped></style>
diff --git a/src/features/toggleMinMax/index.js b/src/features/toggleMinMax/index.js
deleted file mode 100644
index 1bd69dcc..00000000
--- a/src/features/toggleMinMax/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ToggleMinMax from "./ToggleMinMax";
-
-export default ToggleMinMax;
diff --git a/src/features/toggleMinMax/index.ts b/src/features/toggleMinMax/index.ts
new file mode 100644
index 00000000..18d98ad8
--- /dev/null
+++ b/src/features/toggleMinMax/index.ts
@@ -0,0 +1,3 @@
+import ToggleMinMax from "./ToggleMinMax.vue";
+
+export default ToggleMinMax;
diff --git a/src/main.scss b/src/main.scss
new file mode 100644
index 00000000..cbea6ef0
--- /dev/null
+++ b/src/main.scss
@@ -0,0 +1,3 @@
+@use 'vuetify' with (
+  $color-pack: true,
+);
diff --git a/src/main.js b/src/main.ts
similarity index 67%
rename from src/main.js
rename to src/main.ts
index e8c4d169..bcfe79d0 100644
--- a/src/main.js
+++ b/src/main.ts
@@ -1,18 +1,16 @@
-import Vue from "vue";
 import App from "./app/App.vue";
+import { createApp } from "vue";
+import vuetify from "@/app/plugins/vuetify";
+import "@/main.scss";
+
 import store from "./app/providers/store";
 import router from "./app/providers/router";
-import vuetify from "@/app/plugins/vuetify";
 import sync from "./shared/lib/vuex-router-sync";
 import { settingsActions } from "@/widgets/settings";
 // adds reactive router module to global state
 sync(store, router);
-//loads app settings from the local storage (if there are any saved)
-store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE);
 
-new Vue({
-  vuetify,
-  router,
-  store,
-  render: (h) => h(App),
-}).$mount("#app");
+//loads app settings from the local storage (if there are any saved)
+store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
+  createApp(App).use(store).use(router).use(vuetify).mount("#app");
+});
diff --git a/src/pages/info/Article.vue b/src/pages/info/Article.vue
index 08c11af4..a8b83543 100644
--- a/src/pages/info/Article.vue
+++ b/src/pages/info/Article.vue
@@ -22,26 +22,14 @@
         to their standardized concepts and further to the manufacturer.
         <div class="text-h6 mt-4">Results</div>
       </div>
-
-      <div class="pa-4">
-        <GChart
-          :settings="{ packages: ['sankey'] }"
-          :data="chartData"
-          :options="chartOptions"
-          type="Sankey"
-          @ready="onChartReady"
-        ></GChart>
-      </div>
     </v-card>
   </v-container>
 </template>
 
 <script>
-import { GChart } from "vue-google-charts";
 import axios from "axios";
 import * as d3Import from "d3-dsv";
 export default {
-  components: { GChart },
   data: function () {
     return {
       chartOptions: {
diff --git a/src/pages/info/Help.vue b/src/pages/info/Help.vue
index 43c52418..d5c0c470 100644
--- a/src/pages/info/Help.vue
+++ b/src/pages/info/Help.vue
@@ -1,53 +1,43 @@
 <template>
-  <div v-if="!getErrors" id="help">
-    <markdown
+  <div v-if="!store.getters.getErrors" id="help">
+    <Markdown
       v-if="contentLoaded"
-      :content="markdownContent"
-      :options="options"
-    ></markdown>
+      html
+      breaks
+      :source="markdownContent"
+    ></Markdown>
   </div>
 </template>
-<script>
-import markdown from "markdown-it-vue";
+<script lang="ts">
+export default {
+  name: "Help",
+};
+</script>
+<script setup lang="ts">
+import Markdown from "vue3-markdown-it";
 import { FETCH_FILES } from "@/processes/exploreReports/model/store/actions.type";
 import { HELP } from "@/shared/config/files";
-import { mapGetters } from "vuex";
 
-export default {
-  name: "Help",
-  components: {
-    markdown,
-  },
+import { onBeforeMount, ref, Ref } from "vue";
+import { useStore } from "vuex";
 
-  data() {
-    return {
-      contentLoaded: false,
-      markdownContent: null,
-      options: {
-        markdownIt: {
-          html: true,
-          breaks: true,
-        },
-      },
-    };
-  },
-  created() {
-    this.$store
-      .dispatch(FETCH_FILES, {
-        files: [{ name: HELP, required: true }],
-      })
-      .then(() => {
-        if (!this.getErrors) {
-          this.markdownContent = this.getData[HELP];
-          this.contentLoaded = true;
-        }
-      });
-  },
-  methods: {},
-  computed: {
-    ...mapGetters(["getData", "getErrors"]),
-  },
-};
+const store = useStore();
+
+const contentLoaded: Ref<boolean> = ref(false);
+const markdownContent = ref(null);
+
+onBeforeMount(() => {
+  store
+    .dispatch(FETCH_FILES, {
+      files: [{ name: HELP, required: true }],
+    })
+    .then(() => {
+      if (!store.getters.getErrors) {
+        markdownContent.value = store.getters.getData[HELP];
+        contentLoaded.value = true;
+      }
+    });
+});
 </script>
 
 <style></style>
diff --git a/src/pages/info/Home.vue b/src/pages/info/Home.vue
index 2772b138..2eabf128 100644
--- a/src/pages/info/Home.vue
+++ b/src/pages/info/Home.vue
@@ -1,12 +1,12 @@
 <template>
   <v-card elevation="10" class="ma-5 pa-7">
-    <v-layout class="ma-4" justify-center>
+    <v-layout class="ma-4 justify-center">
       <h2>A R E S</h2>
     </v-layout>
-    <v-layout justify-center>
+    <v-layout class="justify-center">
       <v-img
-        class="inverted"
-        :src="require('../../shared/assets/icon.png')"
+        :class="iconClass"
+        :src="logo"
         max-height="64"
         max-width="64"
       ></v-img>
@@ -18,28 +18,31 @@
       are presented with proper context.
     </div>
     <v-card-actions>
-      <v-layout justify-center>
-        <v-btn class="ma-2" dark color="primary" to="/network/overview">
+      <v-layout class="justify-center">
+        <v-btn class="ma-2" color="primary" to="/network/overview">
           <v-icon left>mdi-database</v-icon>Explore Data Sources
         </v-btn>
-        <!--
-        <v-btn class="ma-2" disabled text outlined to="/_network">
-          <v-icon left>mdi-file-document</v-icon>Explore Vocabularies
-        </v-btn>
-        <v-btn class="ma-2" disabled text outlined to="/_network">
-          <v-icon left>mdi-file-document</v-icon>Explore Research Papers
-        </v-btn>
-        -->
       </v-layout>
     </v-card-actions>
   </v-card>
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: "Home",
 };
 </script>
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { computed } from "vue";
+import logo from "@/shared/assets/icon.png";
+
+const store = useStore();
+
+const iconClass = computed((): string => {
+  return store.getters.getSettings.darkMode ? "" : "inverted";
+});
+</script>
 
 <style scoped>
 .v-card__text {
diff --git a/src/pages/reports/network/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport.vue
index 5768da30..dc28cb62 100644
--- a/src/pages/reports/network/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport.vue
@@ -1,15 +1,15 @@
 <template>
-  <div v-if="!getErrors">
+  <div v-if="!store.getters.getErrors">
     <v-container fluid>
       <v-responsive min-width="900">
         <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 v-if="getData.metadata" class="text-uppercase">
-            {{ getData.metadata.conceptName }}
+          <h2 v-if="store.getters.getData.metadata" class="text-uppercase">
+            {{ store.getters.getData.metadata.conceptName }}
             NETWORK REPORT
           </h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="getData.metadata" justify="start">
+        <v-row v-if="store.getters.getData.metadata" justify="start">
           <v-col cols="2" align="center">
             <v-icon left color="info">mdi-identifier</v-icon>
             <v-badge
@@ -17,7 +17,7 @@
               inline
               dark
               color="info"
-              :content="getData.metadata.conceptId"
+              :content="store.getters.getData.metadata.conceptId"
             ></v-badge>
             <p class="text-caption">Concept Identifier</p>
           </v-col>
@@ -28,35 +28,40 @@
               inline
               dark
               color="info"
-              :content="getData.metadata.numPersons"
+              :content="store.getters.getData.metadata.numPersons"
             ></v-badge>
             <p class="text-caption">Number of People in Network</p>
           </v-col>
         </v-row>
-        <v-card v-if="getData.table" elevation="10" class="ma-4 pa-2">
+        <v-card
+          v-if="store.getters.getData.table"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <v-data-table
+            density="compact"
             :headers="headers"
-            :items="getData.table.measurementValueDistribution"
+            :items="store.getters.getData.table.measurementValueDistribution"
           >
           </v-data-table>
         </v-card>
         <v-card
-          v-if="getData.chart"
-          :loading="!getData"
+          v-if="store.getters.getData.chart"
+          :loading="!store.getters.getData"
           elevation="10"
           class="ma-4 pa-2"
         >
           <v-card-title
             >Measurement Value Distributions by Database and Unit</v-card-title
           >
-          <v-layout class="pa-4" justify-end>
+          <v-layout class="pa-4">
             <v-select
               v-model="selectedMeasurementUnits"
               class="mr-13"
               :items="getMeasurementUnits"
-              attach
+              variant="outlined"
               hide-selected
-              deletable-chips
+              closable-chips
               chips
               label="Filter units"
               multiple
@@ -65,142 +70,138 @@
           <Chart
             id="viz-measurementvaluedistribution"
             ref="measurementvalue"
-            :config="specMeasurementValueDistribution"
+            :config="chartConfigs.specMeasurementValueDistribution"
             :data="
               getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []
             "
           />
-          <info-panel
+          <infopanel
             details="Learn how
               to interpret this plot."
             route-link="/help"
             :divider="true"
             :link-details="true"
-          ></info-panel>
-          <info-panel
-            v-if="getQueryIndex"
+          ></infopanel>
+          <infopanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.MEASUREMENT.MEASUREMENT_VALUE_DISTRIBUTION[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.MEASUREMENT
+                  .MEASUREMENT_VALUE_DISTRIBUTION[0]
               )
             "
             :divider="false"
-          ></info-panel>
+          ></infopanel>
         </v-card>
       </v-responsive>
     </v-container>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import ReturnButton from "@/features/returnToPreviousPage";
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+import { computed, Ref, ref } from "vue";
+import Infopanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 
-export default {
-  components: {
-    Chart,
-    ReturnButton,
-    infoPanel,
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Source",
+    sortable: true,
+    key: "SOURCE",
+    align: "start",
   },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      selectedMeasurementUnits: [],
-      specMeasurementValueDistribution:
-        chartConfigs.specMeasurementValueDistribution1,
-      headers: [
-        {
-          text: "Source",
-          sortable: true,
-          value: "SOURCE",
-          align: "start",
-        },
-        {
-          text: "Unit",
-          sortable: true,
-          value: "CATEGORY",
-          align: "start",
-        },
-        {
-          text: "Release",
-          sortable: true,
-          value: "RELEASE",
-          align: "start",
-        },
-        {
-          text: "Count value",
-          sortable: true,
-          value: "NUM_PERSONS",
-          align: "start",
-        },
-        {
-          text: "Min Value",
-          sortable: true,
-          value: "MIN_VALUE",
-          align: "start",
-        },
-        {
-          text: "P10 Value",
-          sortable: true,
-          value: "P10_VALUE",
-          align: "start",
-        },
-        {
-          text: "P25 Value",
-          sortable: true,
-          value: "P25_VALUE",
-          align: "start",
-        },
-        {
-          text: "Median Value",
-          sortable: true,
-          value: "MEDIAN_VALUE",
-          align: "start",
-        },
-        {
-          text: "P75 Value",
-          sortable: true,
-          value: "P75_VALUE",
-          align: "start",
-        },
-        {
-          text: "P90 Value",
-          sortable: true,
-          value: "P90_VALUE",
-          align: "start",
-        },
-        {
-          text: "Max Value",
-          sortable: true,
-          value: "MAX_VALUE",
-          align: "start",
-        },
-      ],
-    };
+  {
+    title: "Unit",
+    sortable: true,
+    key: "CATEGORY",
+    align: "start",
   },
-  computed: {
-    ...mapGetters(["getData", "getSources", "getErrors", "getQueryIndex"]),
-    getSelectedMeasurementUnits: function () {
-      return this.selectedMeasurementUnits.length
-        ? this.getData?.chart?.measurementValueDistribution.filter((value) =>
-            this.selectedMeasurementUnits.includes(value.CATEGORY)
-          )
-        : this.getData?.chart?.measurementValueDistribution;
-    },
-    getMeasurementUnits: function () {
-      return this.getData?.chart?.measurementValueDistribution.map(
-        (value) => value.CATEGORY
-      );
-    },
+  {
+    title: "Release",
+    sortable: true,
+    key: "RELEASE",
+    align: "start",
+  },
+  {
+    title: "Count value",
+    sortable: true,
+    key: "NUM_PERSONS",
+    align: "start",
+  },
+  {
+    title: "Min Value",
+    sortable: true,
+    key: "MIN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P10 Value",
+    sortable: true,
+    key: "P10_VALUE",
+    align: "start",
   },
-};
+  {
+    title: "P25 Value",
+    sortable: true,
+    key: "P25_VALUE",
+    align: "start",
+  },
+  {
+    title: "Median Value",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P75 Value",
+    sortable: true,
+    key: "P75_VALUE",
+    align: "start",
+  },
+  {
+    title: "P90 Value",
+    sortable: true,
+    key: "P90_VALUE",
+    align: "start",
+  },
+  {
+    title: "Max Value",
+    sortable: true,
+    key: "MAX_VALUE",
+    align: "start",
+  },
+]);
+
+const getMeasurementUnits = computed(function () {
+  return [
+    ...new Set(
+      store.getters.getData?.chart?.measurementValueDistribution.map(
+        (value) => value.CATEGORY
+      )
+    ),
+  ];
+});
+
+const selectedMeasurementUnits: Ref<string[]> = ref([]);
+
+const getSelectedMeasurementUnits = computed(function () {
+  return selectedMeasurementUnits.value.length
+    ? store.getters.getData?.chart?.measurementValueDistribution.filter(
+        (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
+      )
+    : store.getters.getData?.chart?.measurementValueDistribution;
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue
index 97f74690..b5a62011 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue
@@ -2,225 +2,236 @@
   <v-container fluid>
     <v-data-table
       class="mb-4"
-      dense
-      :hide-default-footer="true"
-      :disable-pagination="true"
+      density="compact"
+      hide-default-footer
+      disable-pagination
       :headers="getDomainHeaders"
       :items="getDomainsData"
     >
       <template v-slot:top>
         <v-select
+          variant="outlined"
+          density="compact"
           v-model="switchDomains"
           :items="items"
           chips
           label="Select domains"
-          deletable-chips
+          closable-chips
           multiple
+          item-title="text"
+          item-value="value"
           hide-selected
         ></v-select>
       </template>
       <template v-slot:item.condition_occurrence.data="{ item }">{{
-        item.condition_occurrence.data ? "Yes" : "No"
+        item.raw.condition_occurrence.data ? "Yes" : "No"
       }}</template>
       <template v-slot:item.drug_exposure.data="{ item }">{{
-        item.drug_exposure.data ? "Yes" : "No"
-      }}</template
-      ><template v-slot:item.device_exposure.data="{ item }">{{
-        item.device_exposure.data ? "Yes" : "No"
+        item.raw.drug_exposure.data ? "Yes" : "No"
+      }}</template>
+      <template v-slot:item.device_exposure.data="{ item }">{{
+        item.raw.device_exposure.data ? "Yes" : "No"
       }}</template>
       <template v-slot:item.measurement.data="{ item }">{{
-        item.measurement.data ? "Yes" : "No"
+        item.raw.measurement.data ? "Yes" : "No"
       }}</template>
       <template v-slot:item.death.data="{ item }">{{
-        item.death.data ? "Yes" : "No"
+        item.raw.death.data ? "Yes" : "No"
       }}</template>
       <template v-slot:item.procedure_occurrence.data="{ item }">{{
-        item.procedure_occurrence.data ? "Yes" : "No"
+        item.raw.procedure_occurrence.data ? "Yes" : "No"
       }}</template>
       <template v-slot:item.observation_period.data="{ item }">{{
-        item.observation_period.data ? "Yes" : "No"
+        item.raw.observation_period.data ? "Yes" : "No"
       }}</template>
     </v-data-table>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert
+      color="message"
+      density="compact"
+      icon="mdi-help-rhombus"
+      prominent
+    >
       This section shows data availability for chosen domains.
     </v-alert>
   </v-container>
 </template>
 
-<script>
-import * as d3Format from "d3-format";
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
 
-export default {
-  name: "DesiredDomains",
-  props: {
-    data: Array,
-  },
-  data() {
-    return {
-      switchDomains: [],
-      items: [
-        { value: "condition_occurrence", text: "Condition occurrence" },
-        { value: "drug_exposure", text: "Drug exposure" },
-        { value: "device_exposure", text: "Device exposure" },
-        { value: "measurement", text: "Measurement" },
-        { value: "death", text: "Death" },
-        { value: "procedure_occurrence", text: "Procedure occurrence" },
-        { value: "observation_period", text: "Observation" },
-      ],
-      domainMap: {
-        condition_occurrence: "1000000",
-        drug_exposure: "0100000",
-        device_exposure: "0010000",
-        measurement: "0001000",
-        death: "0000100",
-        procedure_occurrence: "0000010",
-        observation_period: "0000001",
-      },
-    };
-  },
-  computed: {
-    getDesiredDomainsOverview: function () {
-      if (this.switchDomains.length && this.getDomainsData.length) {
-        return this.getDomainsData.map((value) => ({
-          cdm_name: value.cdm_name,
-          allDomainsPresent:
-            Object.values(value).filter((domain) => domain.data && domain.show)
-              .length === this.switchDomains.length,
-        }));
-      } else {
-        return [];
-      }
+import { computed, ref, watch, defineProps, defineEmits } from "vue";
+
+interface Props {
+  data: [];
+}
+
+const props = defineProps<Props>();
+
+const items = ref([
+  { value: "condition_occurrence", text: "Condition occurrence" },
+  { value: "drug_exposure", text: "Drug exposure" },
+  { value: "device_exposure", text: "Device exposure" },
+  { value: "measurement", text: "Measurement" },
+  { value: "death", text: "Death" },
+  { value: "procedure_occurrence", text: "Procedure occurrence" },
+  { value: "observation_period", text: "Observation" },
+]);
+
+const getDomainHeaders = computed(function () {
+  return [
+    {
+      title: "Data Source",
+      align: "start",
+      sortable: false,
+      key: "cdm_name",
+      show: true,
     },
-    getDomainsData: function () {
-      if (this.switchDomains.length) {
-        return this.data.map((value) => ({
-          cdm_name: value.source,
-          condition_occurrence: {
-            data: value.data.filter(
-              (bits) => this.domainMap.condition_occurrence === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("condition_occurrence"),
-          },
-          drug_exposure: {
-            data: value.data.filter(
-              (bits) => this.domainMap.drug_exposure === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("drug_exposure"),
-          },
-          device_exposure: {
-            data: value.data.filter(
-              (bits) => this.domainMap.device_exposure === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("device_exposure"),
-          },
-          measurement: {
-            data: value.data.filter(
-              (bits) => this.domainMap.measurement === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("measurement"),
-          },
-          death: {
-            data: value.data.filter(
-              (bits) => this.domainMap.death === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("death"),
-          },
-          procedure_occurrence: {
-            data: value.data.filter(
-              (bits) => this.domainMap.procedure_occurrence === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("procedure_occurrence"),
-          },
-          observation_period: {
-            data: value.data.filter(
-              (bits) => this.domainMap.observation_period === bits.DOMAIN_BITS
-            )[0]?.COUNT_VALUE,
-
-            show: this.switchDomains.includes("observation_period"),
-          },
-        }));
-      } else {
-        return [];
-      }
+    {
+      title: "Condition Occurrence",
+      align: "start",
+      sortable: false,
+      key: "condition_occurrence.data",
+      show: getDomainsData.value[0]?.condition_occurrence.show,
     },
-    getDomainHeaders: function () {
-      return [
-        {
-          text: "Data Source",
-          align: "start",
-          sortable: false,
-          value: "cdm_name",
-          show: true,
-        },
-        {
-          text: "Condition Occurrence",
-          align: "start",
-          sortable: false,
-          value: "condition_occurrence.data",
-          show: this.getDomainsData[0]?.condition_occurrence.show,
-        },
-        {
-          text: "Drug Exposure",
-          align: "start",
-          sortable: false,
-          value: "drug_exposure.data",
-          show: this.getDomainsData[0]?.drug_exposure.show,
-        },
-        {
-          text: "Device Exposure",
-          align: "start",
-          sortable: false,
-          value: "device_exposure.data",
-          show: this.getDomainsData[0]?.device_exposure.show,
-        },
-        {
-          text: "Measurement",
-          align: "start",
-          sortable: false,
-          value: "measurement.data",
-          show: this.getDomainsData[0]?.measurement.show,
-        },
-        {
-          text: "Death",
-          align: "start",
-          sortable: false,
-          value: "death.data",
-          show: this.getDomainsData[0]?.death.show,
-        },
-        {
-          text: "Procedure Occurrence",
-          align: "start",
-          sortable: false,
-          value: "procedure_occurrence.data",
-          show: this.getDomainsData[0]?.procedure_occurrence.show,
-        },
-        {
-          text: "Observation",
-          align: "start",
-          sortable: false,
-          value: "observation_period.data",
-          show: this.getDomainsData[0]?.observation_period.show,
-        },
-      ].filter((x) => x.show);
+    {
+      title: "Drug Exposure",
+      align: "start",
+      sortable: false,
+      key: "drug_exposure.data",
+      show: getDomainsData.value[0]?.drug_exposure.show,
     },
-  },
-  watch: {
-    getDesiredDomainsOverview: function () {
-      this.$emit("desiredDomainsDataChanged", this.getDesiredDomainsOverview);
+    {
+      title: "Device Exposure",
+      align: "start",
+      sortable: false,
+      key: "device_exposure.data",
+      show: getDomainsData.value[0]?.device_exposure.show,
     },
-  },
-  methods: {
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
+    {
+      title: "Measurement",
+      align: "start",
+      sortable: false,
+      key: "measurement.data",
+      show: getDomainsData.value[0]?.measurement.show,
     },
-  },
+    {
+      title: "Death",
+      align: "start",
+      sortable: false,
+      key: "death.data",
+      show: getDomainsData.value[0]?.death.show,
+    },
+    {
+      title: "Procedure Occurrence",
+      align: "start",
+      sortable: false,
+      key: "procedure_occurrence.data",
+      show: getDomainsData.value[0]?.procedure_occurrence.show,
+    },
+    {
+      title: "Observation",
+      align: "start",
+      sortable: false,
+      key: "observation_period.data",
+      show: getDomainsData.value[0]?.observation_period.show,
+    },
+  ].filter((x) => x.show);
+});
+
+const domainMap = ref({
+  condition_occurrence: "1000000",
+  drug_exposure: "0100000",
+  device_exposure: "0010000",
+  measurement: "0001000",
+  death: "0000100",
+  procedure_occurrence: "0000010",
+  observation_period: "0000001",
+});
+
+const switchDomains = ref([]);
+const getDomainsData = computed(function () {
+  if (switchDomains.value.length) {
+    return props.data.map((value) => ({
+      cdm_name: value.source,
+      condition_occurrence: {
+        data: value.data.filter(
+          (bits) => domainMap.value.condition_occurrence === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("condition_occurrence"),
+      },
+      drug_exposure: {
+        data: value.data.filter(
+          (bits) => domainMap.value.drug_exposure === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("drug_exposure"),
+      },
+      device_exposure: {
+        data: value.data.filter(
+          (bits) => domainMap.value.device_exposure === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("device_exposure"),
+      },
+      measurement: {
+        data: value.data.filter(
+          (bits) => domainMap.value.measurement === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("measurement"),
+      },
+      death: {
+        data: value.data.filter(
+          (bits) => domainMap.value.death === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("death"),
+      },
+      procedure_occurrence: {
+        data: value.data.filter(
+          (bits) => domainMap.value.procedure_occurrence === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("procedure_occurrence"),
+      },
+      observation_period: {
+        data: value.data.filter(
+          (bits) => domainMap.value.observation_period === bits.DOMAIN_BITS
+        )[0]?.COUNT_VALUE,
+
+        show: switchDomains.value.includes("observation_period"),
+      },
+    }));
+  } else {
+    return [];
+  }
+});
+
+const getDesiredDomainsOverview = computed(function () {
+  if (switchDomains.value.length && getDomainsData.value.length) {
+    return getDomainsData.value.map((value) => ({
+      cdm_name: value.cdm_name,
+      allDomainsPresent:
+        Object.values(value).filter((domain) => domain.data && domain.show)
+          .length === switchDomains.value.length,
+    }));
+  } else {
+    return [];
+  }
+});
+
+const emit = defineEmits(["desiredDomainsDataChanged"]);
+
+watch(getDesiredDomainsOverview, () => {
+  emit("desiredDomainsDataChanged", getDesiredDomainsOverview.value);
+});
+</script>
+
+<script lang="ts">
+export default {
+  name: "DesiredDomains",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue
index 446624b2..9c0ed7ad 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue
@@ -2,7 +2,7 @@
   <v-container fluid>
     <v-data-table
       class="mb-4"
-      dense
+      density="compact"
       :hide-default-footer="true"
       :disable-pagination="true"
       :headers="domainHeaders"
@@ -13,108 +13,120 @@
           v-model="switchDomains"
           :items="items"
           chips
+          variant="outlined"
+          item-value="value"
+          item-title="text"
           label="Select domains"
-          deletable-chips
+          closable-chips
           multiple
           hide-selected
-          @change="updateBits"
+          @update:modelValue="updateBits"
         ></v-select>
       </template>
       <template v-slot:item.percentage="{ item }">{{
-        (item.percentage * 100).toFixed(2)
+        (item.raw.percentage * 100).toFixed(2)
       }}</template>
       <template v-slot:item.population="{ item }">{{
-        formatComma(item.population)
+        formatComma(item.raw.population)
       }}</template>
     </v-data-table>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert
+      color="message"
+      density="compact"
+      icon="mdi-help-rhombus"
+      prominent
+    >
       This section uses pre-calculated data to display % of overlapping values
     </v-alert>
   </v-container>
 </template>
 
-<script>
+<script setup lang="ts">
 import * as d3Format from "d3-format";
+import { VDataTable } from "vuetify/labs/VDataTable";
 
-export default {
-  name: "DomainRequirements",
-  props: {
-    data: Array,
-  },
-  data() {
-    return {
-      switchDomains: [],
-      items: [
-        { value: "condition_occurrence", text: "Condition occurrence" },
-        { value: "drug_exposure", text: "Drug exposure" },
-        { value: "device_exposure", text: "Device exposure" },
-        { value: "measurement", text: "Measurement" },
-        { value: "death", text: "Death" },
-        { value: "procedure_occurrence", text: "Procedure occurrence" },
-        { value: "observation", text: "Observation" },
-      ],
-      domainBits: "0000000",
-      domainHeaders: [
-        {
-          text: "Data Source",
-          align: "start",
-          sortable: false,
-          value: "cdm_name",
-        },
-        {
-          text: "Person Count",
-          value: "population",
-          align: "end",
-        },
-        {
-          text: "%",
-          value: "percentage",
-          align: "end",
-        },
-      ],
-    };
-  },
-  computed: {
-    getDomainsData: function () {
-      if (this.domainBits === "0000000") {
-        return [];
-      } else {
-        return this.data.map((value) => {
-          const data = value.data.filter(
-            (d) => d.DOMAIN_BITS === this.domainBits
-          );
-          return {
-            cdm_name: value.source,
-            percentage: data[0]?.PERCENT_VALUE,
-            population: data[0]?.COUNT_VALUE,
-          };
-        });
-      }
-    },
+import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+interface Props {
+  data: [];
+}
+
+const props = defineProps<Props>();
+
+const formatComma = function (value) {
+  return d3Format.format(",")(value);
+};
+
+const switchDomains = ref([]);
+const domainHeaders: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Data Source",
+    align: "start",
+    sortable: false,
+    key: "cdm_name",
   },
-  watch: {
-    getDomainsData: function () {
-      this.$emit("domainsDataChanged", this.getDomainsData);
-    },
+  {
+    title: "Person Count",
+    key: "population",
+    align: "end",
   },
-  methods: {
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
-    },
-    updateBits: function () {
-      this.domainBits = "";
-      this.domainBits = this.domainBits.concat(
-        this.switchDomains.includes("condition_occurrence") ? "1" : "0",
-        this.switchDomains.includes("drug_exposure") ? "1" : "0",
-        this.switchDomains.includes("device_exposure") ? "1" : "0",
-        this.switchDomains.includes("measurement") ? "1" : "0",
-        this.switchDomains.includes("death") ? "1" : "0",
-        this.switchDomains.includes("procedure_occurrence") ? "1" : "0",
-        this.switchDomains.includes("observation") ? "1" : "0"
-      );
-    },
+  {
+    title: "%",
+    key: "percentage",
+    align: "end",
   },
+]);
+const items = ref([
+  { value: "condition_occurrence", text: "Condition occurrence" },
+  { value: "drug_exposure", text: "Drug exposure" },
+  { value: "device_exposure", text: "Device exposure" },
+  { value: "measurement", text: "Measurement" },
+  { value: "death", text: "Death" },
+  { value: "procedure_occurrence", text: "Procedure occurrence" },
+  { value: "observation", text: "Observation" },
+]);
+
+const domainBits: Ref<string> = ref("0000000");
+
+const getDomainsData = computed(function () {
+  if (domainBits.value === "0000000") {
+    return [];
+  } else {
+    return props.data.map((value) => {
+      const data = value.data.filter((d) => d.DOMAIN_BITS === domainBits.value);
+      return {
+        cdm_name: value.source,
+        percentage: data[0]?.PERCENT_VALUE,
+        population: data[0]?.COUNT_VALUE,
+      };
+    });
+  }
+});
+
+const updateBits = function (): void {
+  domainBits.value = "";
+  domainBits.value = domainBits.value.concat(
+    switchDomains.value.includes("condition_occurrence") ? "1" : "0",
+    switchDomains.value.includes("drug_exposure") ? "1" : "0",
+    switchDomains.value.includes("device_exposure") ? "1" : "0",
+    switchDomains.value.includes("measurement") ? "1" : "0",
+    switchDomains.value.includes("death") ? "1" : "0",
+    switchDomains.value.includes("procedure_occurrence") ? "1" : "0",
+    switchDomains.value.includes("observation") ? "1" : "0"
+  );
+};
+
+const emit = defineEmits(["domainsDataChanged"]);
+
+watch(getDomainsData, () => {
+  emit("domainsDataChanged", getDomainsData.value);
+});
+</script>
+<script lang="ts">
+export default {
+  name: "DomainRequirements",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue
index 1f615e58..74e66f77 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue
@@ -2,7 +2,7 @@
   <v-container fluid>
     <v-data-table
       class="mb-4"
-      dense
+      density="compact"
       :hide-default-footer="true"
       :disable-pagination="true"
       :headers="headers"
@@ -11,237 +11,241 @@
       :sort-desc="[true, false]"
     >
       <template v-slot:item.domain_percent.data="{ item }">{{
-        item.domain_percent.data
-          ? (item.domain_percent.data * 100).toFixed(2)
+        item.raw.domain_percent.data
+          ? (item.raw.domain_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.observation_percent.data="{ item }">{{
-        item.observation_percent.data
-          ? (item.observation_percent.data * 100).toFixed(2)
+        item.raw.observation_percent.data
+          ? (item.raw.observation_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.visit_types_percent.data="{ item }">{{
-        item.visit_types_percent.data
-          ? (item.visit_types_percent.data * 100).toFixed(2)
+        item.raw.visit_types_percent.data
+          ? (item.raw.visit_types_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.concepts_percent.data="{ item }">{{
-        item.concepts_percent.data
-          ? (item.concepts_percent.data * 100).toFixed(2)
+        item.raw.concepts_percent.data
+          ? (item.raw.concepts_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.cumulative_duration_percent.data="{ item }">{{
-        item.cumulative_duration_percent.data
-          ? (item.cumulative_duration_percent.data * 100).toFixed(2)
+        item.raw.cumulative_duration_percent.data
+          ? (item.raw.cumulative_duration_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.population.data="{ item }">{{
-        item.population.data ? formatComma(item.population.data) : "No data"
+        item.raw.population.data
+          ? formatComma(item.raw.population.data)
+          : "No data"
       }}</template>
       <template v-slot:item.estimation="{ item }">{{
-        item.estimation ? formatComma(item.estimation.toFixed(2)) : "No data"
+        item.raw.estimation
+          ? formatComma(item.raw.estimation.toFixed(2))
+          : "No data"
       }}</template>
       <template v-slot:item.population_age_percent.data="{ item }">{{
-        item.population_age_percent.data
-          ? (item.population_age_percent.data * 100).toFixed(2)
+        item.raw.population_age_percent.data
+          ? (item.raw.population_age_percent.data * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.desired_domain_value.data="{ item }">{{
-        item.desired_domain_value.data ? "Present" : "No data"
+        item.raw.desired_domain_value.data ? "Present" : "No data"
       }}</template>
     </v-data-table>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert color="message" dark dense icon="mdi-help-rhombus" prominent>
       This section derives data from the sections above. The contents of the
       table depend on the sections used in calculations.
     </v-alert>
   </v-container>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
 import * as d3Format from "d3-format";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { computed, defineProps } from "vue";
+import { useStore } from "vuex";
 
-export default {
-  name: "FinalEstimation",
-  props: {
-    data: Object,
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
+const store = useStore();
+
+interface Props {
+  data: object;
+}
+const props = defineProps<Props>();
+
+const formatComma = function (value) {
+  return d3Format.format(",")(value);
+};
+
+const headers = computed(function () {
+  return [
+    {
+      title: "Data Source",
+      align: "start",
+      sortable: false,
+      key: "cdm_name",
+      show: true,
     },
-  },
-  computed: {
-    headers: function () {
-      return [
-        {
-          text: "Data Source",
-          align: "start",
-          sortable: false,
-          value: "cdm_name",
-          show: true,
-        },
-        {
-          text: "Source population",
-          align: "end",
-          value: "population.data",
-          show: true,
-        },
-        {
-          text: "% Required Domains",
-          align: "end",
-          value: "domain_percent.data",
-          show: this.getEstimations[0].domain_percent.isIncluded,
+    {
+      title: "Source population",
+      align: "end",
+      key: "population.data",
+      show: true,
+    },
+    {
+      title: "% Required Domains",
+      align: "end",
+      key: "domain_percent.data",
+      show: getEstimations.value[0].domain_percent.isIncluded,
+    },
+    {
+      title: "Desired Domains",
+      align: "end",
+      key: "desired_domain_value.data",
+      show: getEstimations.value[0].desired_domain_value.isIncluded,
+    },
+    {
+      title: "% Cumulative Observation",
+      align: "end",
+      key: "cumulative_duration_percent.data",
+      show: getEstimations.value[0].cumulative_duration_percent.isIncluded,
+    },
+    {
+      title: "% Population by age",
+      align: "end",
+      key: "population_age_percent.data",
+      show: getEstimations.value[0].population_age_percent.isIncluded,
+    },
+    {
+      title: "% Observed",
+      align: "end",
+      key: "observation_percent.data",
+      show: getEstimations.value[0].observation_percent.isIncluded,
+    },
+    {
+      title: "% Visit types",
+      align: "end",
+      key: "visit_types_percent.data",
+      show: getEstimations.value[0].visit_types_percent.isIncluded,
+    },
+    {
+      title: "% Concepts",
+      align: "end",
+      key: "concepts_percent.data",
+      show: getEstimations.value[0].concepts_percent.isIncluded,
+    },
+    {
+      title: "Estimated population",
+      align: "end",
+      key: "estimation",
+      show: true,
+    },
+  ].filter((x) => x.show);
+});
+const getEstimations = computed(function () {
+  const estimations = store.getters.getSources.map((data) => ({
+    cdm_name: data.cdm_source_abbreviation,
+  }));
+
+  return estimations
+    .map((obj) => {
+      const domainData = props.data.domainData.filter(
+        (value) => obj.cdm_name === value.cdm_name
+      );
+      const rangeData = props.data.rangeData.filter(
+        (value) => value.cdm_name === obj.cdm_name
+      );
+
+      const visitTypesData = props.data.visitTypes.filter(
+        (value) => obj.cdm_name === value.cdm_name
+      );
+
+      const sourcePopulation = props.data.sourcePopulation.filter(
+        (value) => obj.cdm_name === value.source.cdm_source_abbreviation
+      );
+
+      const requiredConcepts = props.data.requiredConcepts.filter(
+        (value) => value.cdm_name === obj.cdm_name
+      );
+
+      const desiredDomains = props.data.desiredDomains.filter(
+        (value) => value.cdm_name === obj.cdm_name
+      );
+
+      return {
+        ...obj,
+        domain_percent: {
+          data: domainData[0]?.percentage,
+          isIncluded: props.data.domainData.length,
         },
-        {
-          text: "Desired Domains",
-          align: "end",
-          value: "desired_domain_value.data",
-          show: this.getEstimations[0].desired_domain_value.isIncluded,
+        cumulative_duration_percent: {
+          data: rangeData[0]?.cumulative_duration,
+          isIncluded: props.data.rangeData.length,
         },
-        {
-          text: "% Cumulative Observation",
-          align: "end",
-          value: "cumulative_duration_percent.data",
-          show: this.getEstimations[0].cumulative_duration_percent.isIncluded,
+        population_age_percent: {
+          data: rangeData[0]?.population_age_percent,
+          isIncluded: props.data.rangeData.length,
         },
-        {
-          text: "% Population by age",
-          align: "end",
-          value: "population_age_percent.data",
-          show: this.getEstimations[0].population_age_percent.isIncluded,
+        observation_percent: {
+          data: rangeData[0]?.average_population_percentage,
+          isIncluded: props.data.rangeData.length,
         },
-        {
-          text: "% Observed",
-          align: "end",
-          value: "observation_percent.data",
-          show: this.getEstimations[0].observation_percent.isIncluded,
+        visit_types_percent: {
+          data: visitTypesData[0]?.percentage,
+          isIncluded: props.data.visitTypes.length,
         },
-        {
-          text: "% Visit types",
-          align: "end",
-          value: "visit_types_percent.data",
-          show: this.getEstimations[0].visit_types_percent.isIncluded,
+        population: {
+          data: sourcePopulation[0]?.data.SUMMARY[1].ATTRIBUTE_VALUE,
+          isIncluded: props.data.sourcePopulation.length,
         },
-        {
-          text: "% Concepts",
-          align: "end",
-          value: "concepts_percent.data",
-          show: this.getEstimations[0].concepts_percent.isIncluded,
+        concepts_percent: {
+          data: requiredConcepts[0]?.concepts
+            .reduce(
+              (prevValue, current) => [...prevValue, current.percentage],
+              []
+            )
+            .sort((a, b) => a - b)[0],
+          isIncluded: props.data.requiredConcepts.length,
         },
-        {
-          text: "Estimated population",
-          align: "end",
-          value: "estimation",
-          show: true,
+        desired_domain_value: {
+          data: desiredDomains[0]?.allDomainsPresent ? 1 : 0,
+          isIncluded: props.data.desiredDomains.length,
         },
-      ].filter((x) => x.show);
-    },
-    getEstimations: function () {
-      const estimations = this.getSources.map((data) => ({
-        cdm_name: data.cdm_source_abbreviation,
-      }));
-
-      return estimations
-        .map((obj) => {
-          const domainData = this.data.domainData.filter(
-            (value) => obj.cdm_name === value.cdm_name
-          );
-          const rangeData = this.data.rangeData.filter(
-            (value) => value.cdm_name === obj.cdm_name
-          );
-
-          const visitTypesData = this.data.visitTypes.filter(
-            (value) => obj.cdm_name === value.cdm_name
-          );
-
-          const sourcePopulation = this.data.sourcePopulation.filter(
-            (value) => obj.cdm_name === value.source.cdm_source_abbreviation
-          );
-
-          const requiredConcepts = this.data.requiredConcepts.filter(
-            (value) => value.cdm_name === obj.cdm_name
-          );
-
-          const desiredDomains = this.data.desiredDomains.filter(
-            (value) => value.cdm_name === obj.cdm_name
-          );
+      };
+    })
+    .map((obj) => ({
+      ...obj,
+      estimation: Math.floor(
+        obj.population.data *
+          (obj.domain_percent.isIncluded ? obj.domain_percent.data || 0 : 1) *
+          (obj.population_age_percent.isIncluded
+            ? obj.population_age_percent.data || 0
+            : 1) *
+          (obj.cumulative_duration_percent.isIncluded
+            ? obj.cumulative_duration_percent.data || 0
+            : 1) *
+          (obj.observation_percent.isIncluded
+            ? obj.observation_percent.data || 0
+            : 1) *
+          (obj.visit_types_percent.isIncluded
+            ? obj.visit_types_percent.data || 0
+            : 1) *
+          (obj.concepts_percent.isIncluded
+            ? obj.concepts_percent.data || 0
+            : 1) *
+          (obj.desired_domain_value.isIncluded
+            ? obj.desired_domain_value.data || 0
+            : 1)
+      ),
+    }));
+});
+</script>
 
-          return {
-            ...obj,
-            domain_percent: {
-              data: domainData[0]?.percentage,
-              isIncluded: this.data.domainData.length,
-            },
-            cumulative_duration_percent: {
-              data: rangeData[0]?.cumulative_duration,
-              isIncluded: this.data.rangeData.length,
-            },
-            population_age_percent: {
-              data: rangeData[0]?.population_age_percent,
-              isIncluded: this.data.rangeData.length,
-            },
-            observation_percent: {
-              data: rangeData[0]?.average_population_percentage,
-              isIncluded: this.data.rangeData.length,
-            },
-            visit_types_percent: {
-              data: visitTypesData[0]?.percentage,
-              isIncluded: this.data.visitTypes.length,
-            },
-            population: {
-              data: sourcePopulation[0]?.data.SUMMARY[1].ATTRIBUTE_VALUE,
-              isIncluded: this.data.sourcePopulation.length,
-            },
-            concepts_percent: {
-              data: requiredConcepts[0]?.concepts
-                .reduce(
-                  (prevValue, current) => [...prevValue, current.percentage],
-                  []
-                )
-                .sort((a, b) => a - b)[0],
-              isIncluded: this.data.requiredConcepts.length,
-            },
-            desired_domain_value: {
-              data: desiredDomains[0]?.allDomainsPresent ? 1 : 0,
-              isIncluded: this.data.desiredDomains.length,
-            },
-          };
-        })
-        .map((obj) => ({
-          ...obj,
-          estimation: Math.floor(
-            obj.population.data *
-              (obj.domain_percent.isIncluded
-                ? obj.domain_percent.data || 0
-                : 1) *
-              (obj.population_age_percent.isIncluded
-                ? obj.population_age_percent.data || 0
-                : 1) *
-              (obj.cumulative_duration_percent.isIncluded
-                ? obj.cumulative_duration_percent.data || 0
-                : 1) *
-              (obj.observation_percent.isIncluded
-                ? obj.observation_percent.data || 0
-                : 1) *
-              (obj.visit_types_percent.isIncluded
-                ? obj.visit_types_percent.data || 0
-                : 1) *
-              (obj.concepts_percent.isIncluded
-                ? obj.concepts_percent.data || 0
-                : 1) *
-              (obj.desired_domain_value.isIncluded
-                ? obj.desired_domain_value.data || 0
-                : 1)
-          ),
-        }));
-    },
-    ...mapGetters(["getSources"]),
-  },
+<script lang="ts">
+export default {
+  name: "FinalEstimation",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue
index e5873165..44bbf417 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/Range.vue
@@ -1,8 +1,10 @@
 <template>
   <v-container fluid>
     <v-container fluid class="mb-4">
-      <v-subheader>Age range</v-subheader>
+      <v-card-subtitle>Age range</v-card-subtitle>
       <v-range-slider
+        density="compact"
+        step="1"
         v-model="rangeAge"
         :max="getAgeMinMax[1]"
         :min="getAgeMinMax[0]"
@@ -11,29 +13,29 @@
       >
         <template v-slot:prepend>
           <v-text-field
-            :value="rangeAge[0]"
-            class="mt-0 pt-0"
+            v-model="rangeAge[0]"
             hide-details
             single-line
             type="number"
+            variant="underlined"
             style="width: 60px"
-            @change="$set(rangeAge, 0, $event)"
           ></v-text-field>
         </template>
         <template v-slot:append>
           <v-text-field
-            :value="rangeAge[1]"
-            class="mt-0 pt-0"
+            v-model="rangeAge[1]"
             hide-details
             single-line
             type="number"
             style="width: 60px"
-            @change="$set(rangeAge, 1, $event)"
+            variant="underlined"
           ></v-text-field>
         </template>
       </v-range-slider>
-      <v-subheader>Observation year range</v-subheader>
+      <v-card-subtitle>Observation year range</v-card-subtitle>
       <v-range-slider
+        step="1"
+        density="compact"
         v-model="rangeYear"
         :max="getYearsMinMax[1]"
         :min="getYearsMinMax[0]"
@@ -42,29 +44,30 @@
       >
         <template v-slot:prepend>
           <v-text-field
-            :value="rangeYear[0]"
+            v-model="rangeYear[0]"
             class="mt-0 pt-0"
             hide-details
             single-line
+            variant="underlined"
             type="number"
             style="width: 60px"
-            @change="$set(rangeYear, 0, $event)"
           ></v-text-field>
         </template>
         <template v-slot:append>
           <v-text-field
-            :value="rangeYear[1]"
+            v-model="rangeYear[1]"
             class="mt-0 pt-0"
             hide-details
             single-line
+            variant="underlined"
             type="number"
             style="width: 60px"
-            @change="$set(rangeYear, 1, $event)"
           ></v-text-field>
         </template>
       </v-range-slider>
-      <v-subheader>Minimum cumulative observation</v-subheader>
+      <v-card-subtitle>Minimum cumulative observation</v-card-subtitle>
       <v-slider
+        step="1"
         v-model="cumulativeObservation[0]"
         :min="getDurationMinMax[0]"
         :max="getDurationMinMax[1]"
@@ -73,223 +76,232 @@
       >
         <template v-slot:prepend>
           <v-text-field
-            :value="cumulativeObservation[0]"
+            v-model="cumulativeObservation[0]"
             class="mt-0 pt-0"
             hide-details
+            variant="underlined"
             single-line
             type="number"
             style="width: 60px"
-            @change="$set(cumulativeObservation, 0, $event)"
           ></v-text-field>
         </template>
       </v-slider>
     </v-container>
     <v-data-table dense :headers="yearHeaders" :items="getRangeData">
       <template v-slot:item.population_observed="{ item }">{{
-        !isNaN(item.population_observed)
-          ? formatComma(item.population_observed)
+        !isNaN(item.raw.population_observed)
+          ? formatComma(item.raw.population_observed)
           : "No data"
       }}</template>
       <template v-slot:item.population_age="{ item }">{{
-        item.population_age ? formatComma(item.population_age) : "No data"
+        item.raw.population_age
+          ? formatComma(item.raw.population_age)
+          : "No data"
       }}</template>
       <template v-slot:item.average_population_percentage="{ item }">{{
-        item.average_population_percentage
-          ? (item.average_population_percentage * 100).toFixed(2)
+        item.raw.average_population_percentage
+          ? (item.raw.average_population_percentage * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.cumulative_duration="{ item }">{{
-        item.cumulative_duration
-          ? (item.cumulative_duration * 100).toFixed(2)
+        item.raw.cumulative_duration
+          ? (item.raw.cumulative_duration * 100).toFixed(2)
           : "No data"
       }}</template>
       <template v-slot:item.population_age_percent="{ item }">{{
-        item.population_age_percent
-          ? (item.population_age_percent * 100).toFixed(2)
+        item.raw.population_age_percent
+          ? (item.raw.population_age_percent * 100).toFixed(2)
           : "No data"
       }}</template>
     </v-data-table>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert
+      color="message"
+      density="compact"
+      icon="mdi-help-rhombus"
+      prominent
+    >
       The cumulative duration column shows the lowest % of all values found in
       the range.
     </v-alert>
   </v-container>
 </template>
 
-<script>
+<script setup lang="ts">
 import { timeParse } from "d3-time-format";
 import * as d3Format from "d3-format";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
+import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 
-export default {
-  name: "RangeBased",
-  props: {
-    observationPeriod: Array,
-    person: Array,
+interface Props {
+  observationPeriod: MultipleFilesRawInterface<ObservationPeriodType>[];
+  person: MultipleFilesRawInterface<PersonData>[];
+}
+
+const props = defineProps<Props>();
+
+const rangeAge: Ref<number[]> = ref([0, 100]);
+const rangeYear: Ref<number[]> = ref([1900, 2021]);
+const cumulativeObservation: Ref<number[]> = ref([50]);
+const yearHeaders: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Data source",
+    align: "start",
+    sortable: false,
+    key: "cdm_name",
   },
-  data() {
-    return {
-      minAge: 0,
-      maxAge: 100,
-      minYear: 1900,
-      maxYear: 2021,
-      rangeAge: [0, 100],
-      rangeYear: [1900, 2021],
-      cumulativeObservation: [50],
-      yearHeaders: [
-        {
-          text: "Data source",
-          align: "start",
-          sortable: false,
-          value: "cdm_name",
-        },
-        {
-          text: "Population in the Age range",
-          value: "population_age",
-          align: "end",
-        },
-        {
-          text: "% in the Age range",
-          value: "population_age_percent",
-          align: "end",
-        },
-        {
-          text: "Cumulative observation %",
-          value: "cumulative_duration",
-          align: "end",
-        },
-        {
-          text: "Average observed population per month",
-          value: "population_observed",
-          align: "end",
-        },
-        {
-          text: "Average observed % population per month",
-          value: "average_population_percentage",
-          align: "end",
-        },
-        {
-          text: "Years observed",
-          value: "years_observed",
-          align: "end",
-        },
-      ],
-    };
+  {
+    title: "Population in the Age range",
+    key: "population_age",
+    align: "end",
+  },
+  {
+    title: "% in the Age range",
+    key: "population_age_percent",
+    align: "end",
+  },
+  {
+    title: "Cumulative observation %",
+    key: "cumulative_duration",
+    align: "end",
+  },
+  {
+    title: "Average observed population per month",
+    key: "population_observed",
+    align: "end",
+  },
+  {
+    title: "Average observed % population per month",
+    key: "average_population_percentage",
+    align: "end",
+  },
+  {
+    title: "Years observed",
+    key: "years_observed",
+    align: "end",
   },
-  computed: {
-    getRangeData: function () {
-      const person = this.person;
-      const timeparse = timeParse("%Y%m");
-      const observationData = this.observationPeriod
-        .map((value) => ({
-          cdm_name: value.source.cdm_source_abbreviation,
-          data: value.data.OBSERVED_BY_MONTH.filter((filtered) => {
-            const parsedYear = parseInt(
-              timeparse(filtered.MONTH_YEAR).getFullYear()
-            );
-            return (
-              parsedYear >= this.rangeYear[0] && parsedYear <= this.rangeYear[1]
-            );
-          }).reduce((prevObj, current) => {
-            const parsedYear = parseInt(
-              timeparse(current.MONTH_YEAR).getFullYear()
-            );
-            return {
-              ...prevObj,
-              [parsedYear]: {
-                population: prevObj[parsedYear]?.population
-                  ? prevObj[parsedYear].population + current.COUNT_VALUE
-                  : 0 + current.COUNT_VALUE,
-                percent: prevObj[parsedYear]?.percent
-                  ? prevObj[parsedYear].percent + current.PERCENT_VALUE
-                  : 0 + current.PERCENT_VALUE,
-              },
-            };
-          }, {}),
-          filtered_duration: value.data.CUMULATIVE_DURATION.filter(
-            (data) => data.YEARS <= this.cumulativeObservation[0]
-          ),
-        }))
-        .map((value) => ({
-          cdm_name: value.cdm_name,
-          population_observed: (
-            Object.values(value.data).reduce(
-              (prevValue, current) => prevValue + current.population / 12,
-              0
-            ) / Object.keys(value.data).length
-          ).toFixed(2),
-          average_population_percentage:
-            Object.values(value.data).reduce(
-              (prevValue, current) => prevValue + current.percent / 12,
-              0
-            ) / Object.keys(value.data).length,
-          years_observed: Object.keys(value.data).length,
-          cumulative_duration: Math.min(
-            ...value.filtered_duration.map((value) => value.PERCENT_PEOPLE)
-          ),
-        }));
-      const personData = person.map((value) => {
-        const filteredPopulationCount = value.data.AGE_GENDER_DATA.filter(
-          (data) => data.AGE >= this.rangeAge[0] && data.AGE <= this.rangeAge[1]
-        ).reduce((prevValue, current) => prevValue + current.COUNT_VALUE, 0);
+]);
+
+const getRangeData = computed(function () {
+  const person = props.person;
+  const timeparse = timeParse("%Y%m");
+  const observationData = props.observationPeriod
+    .map((value) => ({
+      cdm_name: value.source.cdm_source_abbreviation,
+      data: value.data.OBSERVED_BY_MONTH.filter((filtered) => {
+        const parsedYear = parseInt(
+          timeparse(filtered.MONTH_YEAR).getFullYear()
+        );
+        return (
+          parsedYear >= rangeYear.value[0] && parsedYear <= rangeYear.value[1]
+        );
+      }).reduce((prevObj, current) => {
+        const parsedYear = parseInt(
+          timeparse(current.MONTH_YEAR).getFullYear()
+        );
         return {
-          cdm_name: value.source.cdm_source_abbreviation,
-          population_age: filteredPopulationCount,
-          population_age_percent:
-            filteredPopulationCount / value.data.SUMMARY[1].ATTRIBUTE_VALUE,
+          ...prevObj,
+          [parsedYear]: {
+            population: prevObj[parsedYear]?.population
+              ? prevObj[parsedYear].population + current.COUNT_VALUE
+              : 0 + current.COUNT_VALUE,
+            percent: prevObj[parsedYear]?.percent
+              ? prevObj[parsedYear].percent + current.PERCENT_VALUE
+              : 0 + current.PERCENT_VALUE,
+          },
         };
-      });
-      return observationData.map((value) => ({
-        ...value,
-        ...personData.filter((data) => data.cdm_name === value.cdm_name)[0],
-      }));
-    },
-    getAgeMinMax: function () {
-      const data = this.person.reduce(
-        (prevValue, current) => [
-          ...prevValue,
-          ...current.data.AGE_GENDER_DATA.map((age) => age.AGE),
-        ],
-        []
-      );
-      return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
-    },
-    getYearsMinMax: function () {
-      const timeparse = timeParse("%Y%m");
-      const data = this.observationPeriod.reduce(
-        (prevValue, current) => [
-          ...prevValue,
-          ...current.data.OBSERVED_BY_MONTH.map((year) =>
-            timeparse(year.MONTH_YEAR).getFullYear()
-          ),
-        ],
-        []
-      );
-      return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
-    },
+      }, {}),
+      filtered_duration: value.data.CUMULATIVE_DURATION.filter(
+        (data) => data.YEARS <= cumulativeObservation.value[0]
+      ),
+    }))
+    .map((value) => ({
+      cdm_name: value.cdm_name,
+      population_observed: (
+        Object.values(value.data).reduce(
+          (prevValue, current) => prevValue + current.population / 12,
+          0
+        ) / Object.keys(value.data).length
+      ).toFixed(2),
+      average_population_percentage:
+        Object.values(value.data).reduce(
+          (prevValue, current) => prevValue + current.percent / 12,
+          0
+        ) / Object.keys(value.data).length,
+      years_observed: Object.keys(value.data).length,
+      cumulative_duration: Math.min(
+        ...value.filtered_duration.map((value) => value.PERCENT_PEOPLE)
+      ),
+    }));
+  const personData = person.map((value) => {
+    const filteredPopulationCount = value.data.AGE_GENDER_DATA.filter(
+      (data) => data.AGE >= rangeAge.value[0] && data.AGE <= rangeAge.value[1]
+    ).reduce((prevValue, current) => prevValue + current.COUNT_VALUE, 0);
+    return {
+      cdm_name: value.source.cdm_source_abbreviation,
+      population_age: filteredPopulationCount,
+      population_age_percent:
+        filteredPopulationCount / value.data.SUMMARY[1].ATTRIBUTE_VALUE,
+    };
+  });
+  return observationData.map((value) => ({
+    ...value,
+    ...personData.filter((data) => data.cdm_name === value.cdm_name)[0],
+  }));
+});
+const getAgeMinMax = computed(function () {
+  const data = props.person.reduce(
+    (prevValue, current) => [
+      ...prevValue,
+      ...current.data.AGE_GENDER_DATA.map((age) => age.AGE),
+    ],
+    []
+  );
+  return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
+});
+const getYearsMinMax = computed(function () {
+  const timeparse = timeParse("%Y%m");
+  const data = props.observationPeriod.reduce(
+    (prevValue, current) => [
+      ...prevValue,
+      ...current.data.OBSERVED_BY_MONTH.map((year) =>
+        timeparse(year.MONTH_YEAR).getFullYear()
+      ),
+    ],
+    []
+  );
+  return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
+});
+const getDurationMinMax = computed(function () {
+  const data = props.observationPeriod.reduce(
+    (prevValue, current) => [
+      ...prevValue,
+      ...current.data.CUMULATIVE_DURATION.map((value) => value.YEARS),
+    ],
+    []
+  );
 
-    getDurationMinMax: function () {
-      const data = this.observationPeriod.reduce(
-        (prevValue, current) => [
-          ...prevValue,
-          ...current.data.CUMULATIVE_DURATION.map((value) => value.YEARS),
-        ],
-        []
-      );
+  return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
+});
 
-      return [Math.ceil(Math.min(...data)), Math.ceil(Math.max(...data))];
-    },
-  },
-  watch: {
-    getRangeData: function () {
-      this.$emit("rangeDataChanged", this.getRangeData);
-    },
-  },
-  methods: {
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
-    },
-  },
+const emit = defineEmits(["rangeDataChanged"]);
+
+watch(getRangeData, () => {
+  emit("rangeDataChanged", getRangeData.value);
+});
+
+const formatComma = function (value) {
+  return d3Format.format(",")(value);
+};
+</script>
+
+<script lang="ts">
+export default {
+  name: "RangeBased",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue
index 4363eeb8..d5bb865d 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue
@@ -3,24 +3,18 @@
     <v-data-table
       class="mb-4"
       show-expand
+      density="compact"
       item-key="cdm_name"
-      :expanded.sync="expanded"
+      v-model:expanded="expanded"
       :headers="headers"
       :items="getSourcesOverview"
-      sort-by="calories"
     >
       <template v-slot:top>
-        <v-toolbar flat>
+        <v-toolbar color="transparent" density="compact" flat>
           <v-spacer></v-spacer>
           <v-dialog v-model="dialog" max-width="500px">
-            <template v-slot:activator="{ on, attrs }">
-              <v-btn
-                dark
-                color="grey darken-4"
-                class="mb-2"
-                v-bind="attrs"
-                v-on="on"
-              >
+            <template v-slot:activator="{ props }">
+              <v-btn variant="flat" color="primary" class="mb-2" v-bind="props">
                 Add concept
               </v-btn>
             </template>
@@ -32,14 +26,15 @@
 
                 <v-card-text>
                   <v-container fluid>
-                    <v-row>
+                    <v-row class="flex-column">
                       <v-col cols="auto">
                         <v-text-field
                           v-model.number="editedItem.conceptID"
                           :rules="[rules.required, rules.concept]"
                           prepend-icon="mdi-chart-timeline-variant-shimmer"
                           label="Concept ID"
-                          dense
+                          variant="outlined"
+                          density="compact"
                           :error-messages="errors"
                         >
                         </v-text-field>
@@ -49,9 +44,11 @@
                           v-model="editedItem.domain"
                           :rules="[rules.required]"
                           label="Domain"
+                          variant="outlined"
+                          item-title="title"
                           return-object
                           prepend-icon="mdi-folder"
-                          dense
+                          density="compact"
                           :items="domains"
                         >
                         </v-autocomplete>
@@ -90,343 +87,363 @@
         </v-toolbar>
       </template>
       <template v-slot:item.min_population="{ item }">{{
-        formatComma(item.min_population) || "No data"
+        formatComma(item.raw.min_population) || "No data"
       }}</template>
       <template v-slot:item.max_population="{ item }">{{
-        formatComma(item.max_population) || "No data"
+        formatComma(item.raw.max_population) || "No data"
       }}</template>
       <template v-slot:item.concepts.length="{ item }">{{
-        `${item.concepts.length}/${conceptsCount}`
+        `${item.raw.concepts.length}/${conceptsCount}`
       }}</template>
-      <template v-slot:expanded-item="{ headers, item }">
-        <td :colspan="headers.length">
+      <template v-slot:expanded-row="{ columns, item }">
+        <td :colspan="columns.length">
           <v-data-table
             :hide-default-footer="true"
             :disable-pagination="true"
-            dense
+            density="compact"
             :headers="conceptHeaders"
-            :items="item.concepts"
+            :items="item.raw.concepts"
             class="elevation-1 accent"
           >
             <template v-slot:item.time_series="{ item }">{{
-              item.time_series
-                ? item.time_series[0] === false
+              item.raw.time_series
+                ? item.raw.time_series[0] === false
                   ? "Non-stationary"
                   : "Stationary"
                 : "No data"
             }}</template>
             <template v-slot:item.issues="{ item }">{{
-              item.issues ? item.issues[0] : ""
+              item.issues ? item.raw.issues[0] : ""
             }}</template>
             <template v-slot:item.percentage="{ item }">{{
-              (item.percentage * 100).toFixed(2) || "No data"
+              (item.raw.percentage * 100).toFixed(2) || "No data"
             }}</template>
             <template v-slot:item.population="{ item }">{{
-              formatComma(item.population)
+              formatComma(item.raw.population)
             }}</template>
             <template v-slot:item.measurement="{ item }">{{
-              !item.measurement
-                ? isNaN(item.measurement)
+              !item.raw.measurement
+                ? isNaN(item.raw.measurement)
                   ? "No data"
                   : "N/A"
-                : item.measurement
+                : item.raw.measurement
             }}</template>
           </v-data-table>
         </td>
       </template>
       <template v-slot:item.actions="{ item }">
-        <v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
-      </template>
-      <template v-slot:no-data>
-        <div>No concepts selected</div>
+        <v-icon small @click="deleteItem(item.raw)"> mdi-delete </v-icon>
       </template>
+      <template v-slot:no-data> </template>
     </v-data-table>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert
+      color="message"
+      dark
+      density="compact"
+      icon="mdi-help-rhombus"
+      prominent
+    >
       The overview section uses the smallest population count of all added
       concepts in estimations.
     </v-alert>
   </v-container>
 </template>
 
-<script>
+<script setup lang="ts">
 import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
-import { mapGetters } from "vuex";
+import { useStore } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import * as d3Format from "d3-format";
+import {
+  computed,
+  ref,
+  watch,
+  defineEmits,
+  Ref,
+  onBeforeMount,
+  nextTick,
+} from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { VDataTable } from "vuetify/labs/VDataTable";
 
-export default {
-  name: "RequiredConcepts",
-  data: () => ({
-    dialog: false,
-    dialogDelete: false,
-    errors: "",
-    conceptsCount: 0,
-    conceptData: [],
-    selectedDomain: [],
-    domainSummary: [],
-    selectedConcepts: [],
-    rules: {
-      required: (value) => !!value || "Required field",
-      concept: (value) => {
-        const pattern = /^\d+$/;
-        return pattern.test(value) || "The field is digits only";
-      },
-    },
-    headers: [
-      {
-        text: "Source",
-        align: "start",
-        sortable: false,
-        value: "cdm_name",
-      },
-      { text: "Issues", value: "issues" },
-      { text: "Time-series issues", value: "time_series_issues" },
-      { text: "Available concepts", value: "concepts.length" },
-      { text: "Min population", value: "min_population" },
-      { text: "Max population", value: "max_population" },
-    ],
-    concepts: [],
-    expanded: [],
-    sources: [],
-    domains: [
-      { text: "Condition occurrence", value: "condition_occurrence" },
-      { text: "Drug Exposure", value: "drug_exposure" },
-      { text: "Device Exposure", value: "device_exposure" },
-      { text: "Measurement", value: "measurement" },
-      { text: "Death", value: "death" },
-      { text: "Procedure Occurrence", value: "procedure_occurrence" },
-      { text: "Observation", value: "observation" },
-    ],
-    editedItem: {
-      conceptID: "",
-      domain: "",
-    },
-    defaultItem: {
-      conceptID: "",
-      domain: "",
-    },
-  }),
+const store = useStore();
 
-  computed: {
-    ...mapGetters(["getData", "getSources"]),
-    filterSourcesWithData: function () {
-      return this.sources.filter((data) => data.concepts.length);
-    },
-    getSourcesOverview: function () {
-      return this.filterSourcesWithData.map((value) => ({
-        ...value,
-        min_population: Math.min(
-          ...value.concepts.reduce(
-            (prev, current) => [...prev, current.population],
-            []
-          )
-        ),
-        max_population: Math.max(
-          ...value.concepts.reduce(
-            (prev, current) => [...prev, current.population],
-            []
-          )
-        ),
-        issues: value.concepts.filter((value) => value.issues === false).length,
-        time_series_issues: value.concepts.filter((value) =>
-          value.time_series ? value.time_series[0] === false : false
-        ).length,
-      }));
-    },
-    conceptHeaders: function () {
-      return [
-        {
-          text: "Concept ID",
-          align: "start",
-          sortable: false,
-          value: "concept_id",
-          show: true,
-        },
-        { text: "Concept Name", value: "concept_name", show: true },
-        { text: "Domain", value: "domain", show: true },
-        { text: "Population", value: "population", show: true },
-        { text: "%", value: "percentage", show: true },
-        { text: "Time series", value: "time_series", show: true },
-        { text: "Issues", value: "issues", show: true },
-        {
-          text: "% with values",
-          value: "measurement",
-          show: [
-            ...this.getSourcesOverview.map((value) =>
-              value.concepts.filter(
-                (concept) => concept.domain === "MEASUREMENT"
-              )
-            ),
-          ].filter((value) => value.length).length,
-        },
-      ].filter((header) => header.show);
-    },
-  },
-  watch: {
-    dialog(val) {
-      val || this.close();
-      if (this.$refs?.form) {
-        this.$refs.form.resetValidation();
+const concepts = ref([]);
+const sources = ref([]);
+const filterSourcesWithData = computed(function () {
+  return sources.value.filter((data) => data.concepts.length);
+});
+const getSourcesOverview = computed(function () {
+  return filterSourcesWithData.value.map((value) => ({
+    ...value,
+    min_population: Math.min(
+      ...value.concepts.reduce(
+        (prev, current) => [...prev, current.population],
+        []
+      )
+    ),
+    max_population: Math.max(
+      ...value.concepts.reduce(
+        (prev, current) => [...prev, current.population],
+        []
+      )
+    ),
+    issues: value.concepts.filter((value) => value.issues === false).length,
+    time_series_issues: value.concepts.filter((value) =>
+      value.time_series ? value.time_series[0] === false : false
+    ).length,
+  }));
+});
+
+const conceptsCount: Ref<number> = ref(0);
+
+const conceptsData = ref([]);
+const getConceptsForRequest = function (measurement = []) {
+  return conceptsData.value.map((value) => {
+    const missingData = measurement.length
+      ? measurement
+          .filter(
+            (source) => source.source === value.source?.cdm_source_abbreviation
+          )[0]
+          ?.parsedData.filter(
+            (summaryReport) =>
+              summaryReport.CONCEPT_ID == value?.data.CONCEPT_ID[0]
+          )[0].PERCENT_MISSING_VALUES
+      : [];
+    return {
+      concept_id: value?.data.CONCEPT_ID[0],
+      concept_name: value?.data.CONCEPT_NAME[0],
+      domain: value?.data.CDM_TABLE_NAME[0],
+      population: value?.data.NUM_PERSONS[0],
+      percentage: value?.data.PERCENT_PERSONS[0],
+      cdm_name: value?.source.cdm_source_abbreviation,
+      time_series: value?.data.IS_STATIONARY,
+      issues: value?.data.COUNT_FAILED,
+      measurement: measurement.length
+        ? (1 - missingData) * (100).toFixed(2)
+        : null,
+    };
+  });
+};
+
+const addConceptToList = function (concepts) {
+  if (concepts[0]?.concept_id && !isLoaded()) {
+    conceptsCount.value += 1;
+    sources.value.forEach((source) => {
+      const sourceConcept = concepts.filter(
+        (concept) => source.cdm_name === concept.cdm_name
+      )[0];
+
+      if (sourceConcept) {
+        source.concepts.push(sourceConcept);
       }
-    },
-    dialogDelete(val) {
-      val || this.closeDelete();
-    },
-    filterSourcesWithData: function () {
-      this.$emit("overlappingDataChanged", this.filterSourcesWithData);
-    },
-    editedItem: {
-      handler() {
-        this.errors = "";
-      },
-      deep: true,
-    },
-  },
-  created() {
-    this.sources = this.getSources.map((value) => ({
-      cdm_name: value.cdm_source_abbreviation,
-      concepts: [],
-    }));
-  },
+    });
+    close();
+  } else {
+    errors.value = "Entered concept is not found across data sources";
+  }
+};
 
-  methods: {
-    getDomainSummary: function () {
-      return this.$store
-        .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-          files: [DOMAIN_SUMMARY],
-          params: {
-            concept: this.conceptsData[0].data.CONCEPT_ID[0],
-            domain: "measurement",
-          },
-          criticalError: false,
-        })
-        .then(() => {
-          return this.getData.domainSummary.map((value) => ({
-            parsedData: value.data,
-            source: value.source.cdm_source_abbreviation,
-          }));
-        });
-    },
+const errors: Ref<string> = ref("");
+const dialog: Ref<boolean> = ref(false);
+
+const form = ref(null);
+watch(dialog, (val) => {
+  val || close();
+  if (form.value) {
+    form.value.resetValidation();
+  }
+});
+
+const defaultItem = ref({
+  conceptID: "",
+  domain: "",
+});
+const editedItem = ref({
+  conceptID: "",
+  domain: "",
+});
+const isLoaded = function () {
+  return [
+    ...sources.value.reduce(
+      (prevValue, value) => [
+        ...prevValue,
+        ...value.concepts.filter(
+          (concept) => concept.concept_id === editedItem.value.conceptID
+        ),
+      ],
+      []
+    ),
+  ].length;
+};
+
+const editedIndex = ref(null);
 
-    addConceptToList: function (concepts) {
-      if (concepts[0]?.concept_id && !this.isLoaded()) {
-        this.conceptsCount += 1;
-        this.sources.forEach((source) => {
-          const sourceConcept = concepts.filter(
-            (concept) => source.cdm_name === concept.cdm_name
-          )[0];
+function save() {
+  if (editedItem.value.conceptID === "" || editedItem.value.domain === "") {
+    return;
+  }
+  if (isLoaded()) {
+    errors.value = "Entered concept is already on the list";
+    return;
+  }
 
-          if (sourceConcept) {
-            source.concepts.push(sourceConcept);
-          }
+  store
+    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+      files: [CONCEPT],
+      params: {
+        concept: editedItem.value.conceptID,
+        domain: editedItem.value.domain.key,
+      },
+      criticalError: false,
+    })
+    .then(() => {
+      conceptsData.value = store.getters.getData[CONCEPT];
+      if (conceptsData.value[0]?.data?.CDM_TABLE_NAME[0] === "MEASUREMENT") {
+        getDomainSummary().then((value) => {
+          addConceptToList(getConceptsForRequest(value));
         });
-        this.close();
       } else {
-        this.errors = "Entered concept is not found across data sources";
+        addConceptToList(getConceptsForRequest());
       }
+    });
+}
+function close() {
+  dialog.value = false;
+  nextTick(() => {
+    editedItem.value = Object.assign({}, defaultItem.value);
+    editedIndex.value = -1;
+  });
+}
+
+watch(editedItem, () => {
+  errors.value = "";
+  //deep
+});
+
+const dialogDelete: Ref<boolean> = ref(false);
+function closeDelete() {
+  dialogDelete.value = false;
+  nextTick(() => {
+    editedItem.value = Object.assign({}, defaultItem.value);
+    editedIndex.value = -1;
+  });
+}
+function deleteItemConfirm() {
+  concepts.value.splice(editedIndex.value, 1);
+  closeDelete();
+}
+
+function deleteItem(item) {
+  editedIndex.value = concepts.value.indexOf(item);
+  editedItem.value = Object.assign({}, item);
+  dialogDelete.value = true;
+}
+
+watch(dialogDelete, (val) => {
+  val || closeDelete();
+});
+
+const rules = {
+  required: (value) => !!value || "Required field",
+  concept: (value) => {
+    const pattern = /^\d+$/;
+    return pattern.test(value) || "The field is digits only";
+  },
+};
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Source",
+    align: "start",
+    sortable: false,
+    key: "cdm_name",
+  },
+  { title: "Issues", key: "issues" },
+  { title: "Time-series issues", key: "time_series_issues" },
+  { title: "Available concepts", key: "concepts.length" },
+  { title: "Min population", key: "min_population" },
+  { title: "Max population", key: "max_population" },
+]);
+const domains: Ref<DataTableHeader[]> = ref([
+  { title: "Condition occurrence", key: "condition_occurrence" },
+  { title: "Drug Exposure", key: "drug_exposure" },
+  { title: "Device Exposure", key: "device_exposure" },
+  { title: "Measurement", key: "measurement" },
+  { title: "Death", key: "death" },
+  { title: "Procedure Occurrence", key: "procedure_occurrence" },
+  { title: "Observation", key: "observation" },
+]);
+
+const expanded = ref([]);
+
+const conceptHeaders = computed(function (): DataTableHeader[] {
+  return [
+    {
+      title: "Concept ID",
+      align: "start",
+      sortable: false,
+      key: "concept_id",
+      show: true,
     },
-    getConceptsForRequest: function (measurement = []) {
-      return this.conceptsData.map((value) => {
-        const missingData = measurement.length
-          ? measurement
-              .filter(
-                (source) =>
-                  source.source === value.source?.cdm_source_abbreviation
-              )[0]
-              ?.parsedData.filter(
-                (summaryReport) =>
-                  summaryReport.CONCEPT_ID == value?.data.CONCEPT_ID[0]
-              )[0].PERCENT_MISSING_VALUES
-          : [];
-        return {
-          concept_id: value?.data.CONCEPT_ID[0],
-          concept_name: value?.data.CONCEPT_NAME[0],
-          domain: value?.data.CDM_TABLE_NAME[0],
-          population: value?.data.NUM_PERSONS[0],
-          percentage: value?.data.PERCENT_PERSONS[0],
-          cdm_name: value?.source.cdm_source_abbreviation,
-          time_series: value?.data.IS_STATIONARY,
-          issues: value?.data.COUNT_FAILED,
-          measurement: measurement.length
-            ? (1 - missingData) * (100).toFixed(2)
-            : null,
-        };
-      });
-    },
-    isLoaded: function () {
-      return [
-        ...this.sources.reduce(
-          (prevValue, value) => [
-            ...prevValue,
-            ...value.concepts.filter(
-              (concept) => concept.concept_id === this.editedItem.conceptID
-            ),
-          ],
-          []
+    { title: "Concept Name", key: "concept_name", show: true },
+    { title: "Domain", key: "domain", show: true },
+    { title: "Population", key: "population", show: true },
+    { title: "%", key: "percentage", show: true },
+    { title: "Time series", key: "time_series", show: true },
+    { title: "Issues", key: "issues", show: true },
+    {
+      title: "% with values",
+      key: "measurement",
+      show: [
+        ...getSourcesOverview.value.map((value) =>
+          value.concepts.filter((concept) => concept.domain === "MEASUREMENT")
         ),
-      ].length;
-    },
-    formatComma: function (value) {
-      return d3Format.format(",")(value);
-    },
-    deleteItem(item) {
-      this.editedIndex = this.concepts.indexOf(item);
-      this.editedItem = Object.assign({}, item);
-      this.dialogDelete = true;
+      ].filter((value) => value.length).length,
     },
+  ].filter((header) => header.show);
+});
 
-    deleteItemConfirm() {
-      this.concepts.splice(this.editedIndex, 1);
-      this.closeDelete();
-    },
+const getDomainSummary = function () {
+  return store
+    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+      files: [DOMAIN_SUMMARY],
+      params: {
+        concept: conceptsData.value[0].data.CONCEPT_ID[0],
+        domain: "measurement",
+      },
+      criticalError: false,
+    })
+    .then(() => {
+      return store.getters.getData.domainSummary.map((value) => ({
+        parsedData: value.data,
+        source: value.source.cdm_source_abbreviation,
+      }));
+    });
+};
 
-    close() {
-      this.dialog = false;
-      this.$nextTick(() => {
-        this.editedItem = Object.assign({}, this.defaultItem);
-        this.editedIndex = -1;
-      });
-    },
+const formatComma = function (value) {
+  return d3Format.format(",")(value);
+};
 
-    closeDelete() {
-      this.dialogDelete = false;
-      this.$nextTick(() => {
-        this.editedItem = Object.assign({}, this.defaultItem);
-        this.editedIndex = -1;
-      });
-    },
+const emit = defineEmits(["overlappingDataChanged"]);
 
-    save() {
-      if (this.editedItem.conceptID === "" || this.editedItem.domain === "") {
-        return;
-      }
-      if (this.isLoaded()) {
-        this.errors = "Entered concept is already on the list";
-        return;
-      }
+watch(filterSourcesWithData, () => {
+  emit("overlappingDataChanged", filterSourcesWithData.value);
+});
 
-      this.$store
-        .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-          files: [CONCEPT],
-          params: {
-            concept: this.editedItem.conceptID,
-            domain: this.editedItem.domain.value,
-          },
-          criticalError: false,
-        })
-        .then(() => {
-          this.conceptsData = this.getData.concept;
-          if (this.conceptsData[0]?.data?.CDM_TABLE_NAME[0] === "MEASUREMENT") {
-            this.getDomainSummary().then((value) => {
-              this.addConceptToList(this.getConceptsForRequest(value));
-            });
-          } else {
-            this.addConceptToList(this.getConceptsForRequest());
-          }
-        });
-    },
-  },
+onBeforeMount(() => {
+  sources.value = store.getters.getSources.map((value) => ({
+    cdm_name: value.cdm_source_abbreviation,
+    concepts: [],
+  }));
+});
+</script>
+
+<script lang="ts">
+export default {
+  name: "RequiredConcepts",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue
index 94d149cb..6cebcd9f 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue
@@ -4,7 +4,7 @@
       <v-col>
         <v-data-table
           v-model="visitTypesSelected"
-          dense
+          density="compact"
           item-key="concept_id"
           :search="visitTypesSearch"
           :headers="domainSummaryHeaders"
@@ -13,6 +13,8 @@
         >
           <template v-slot:top>
             <v-text-field
+              density="compact"
+              variant="outlined"
               v-model="visitTypesSearch"
               label="Filter Visit Types"
               class="mx-4"
@@ -22,7 +24,7 @@
       </v-col>
       <v-col>
         <v-data-table
-          dense
+          density="compact"
           :search="resultsSearch"
           item-key="cdm_name"
           :items="getSmallestVisitTypeValue"
@@ -31,18 +33,26 @@
           <template v-slot:top>
             <v-text-field
               v-model="resultsSearch"
+              density="compact"
+              variant="outlined"
               label="Filter Data Sources "
               class="mx-4"
             ></v-text-field>
           </template>
           <template v-slot:item.percentage="{ item }">{{
-            item.percentage ? (item.percentage * 100).toFixed(2) : ""
+            item.raw.percentage ? (item.raw.percentage * 100).toFixed(2) : ""
           }}</template>
         </v-data-table>
       </v-col>
     </v-row>
     <v-divider></v-divider>
-    <v-alert color="grey darken-3" dark dense icon="mdi-help-rhombus" prominent>
+    <v-alert
+      color="message"
+      dark
+      density="compact"
+      icon="mdi-help-rhombus"
+      prominent
+    >
       The table on the left lists all visit types found across available data
       sources. The table on the right lists all matching data sources displaying
       the lowest % of all chosen visit types.
@@ -50,85 +60,88 @@
   </v-container>
 </template>
 
-<script>
-export default {
-  name: "VisitTypes",
-  props: {
-    data: Array,
-  },
-  data() {
-    return {
-      visitTypesSearch: "",
-      resultsSearch: "",
-      visitTypesSelected: [],
-      domainSummaryHeaders: [
-        {
-          text: "Concept ID",
-          align: "start",
-          sortable: false,
-          value: "concept_id",
-        },
-        { text: "Concept Name", value: "concept_name" },
-      ],
-      domainTypesResults: [
-        {
-          text: "Data source",
-          align: "start",
-          sortable: false,
-          value: "cdm_name",
-        },
-        { text: "%", value: "percentage" },
-      ],
-    };
-  },
-  computed: {
-    getVisitTypes: function () {
-      const data = this.data.reduce(
-        (prev, current) => [...prev, ...current.data],
-        []
-      );
-      return [
-        ...new Set(
-          data.map((object) =>
-            JSON.stringify({
-              concept_id: object.CONCEPT_ID,
-              concept_name: object.CONCEPT_NAME,
-            })
-          )
-        ),
-      ].map((string) => JSON.parse(string));
-    },
+<script setup lang="ts">
+import { computed, ref, defineEmits, watch, Ref, defineProps } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { VDataTable } from "vuetify/labs/VDataTable";
+const visitTypesSearch: Ref<string> = ref("");
+const resultsSearch: Ref<string> = ref("");
+const visitTypesSelected = ref([]);
 
-    filterSelectedVisitTypes: function () {
-      const visitTypes = this.visitTypesSelected.map((obj) => obj.concept_id);
-      const filtered = this.data.map((source) => ({
-        data: source.data.filter((value) =>
-          visitTypes.includes(value.CONCEPT_ID)
-        ),
-        source: source.source,
-      }));
+interface Props {
+  data: [];
+}
 
-      return filtered.filter(
-        (value) => value.data.length === visitTypes.length
-      );
-    },
+const props = defineProps<Props>();
 
-    getSmallestVisitTypeValue: function () {
-      return this.filterSelectedVisitTypes
-        .map((value) => ({
-          cdm_name: value.source,
-          percentage: value.data
-            .map((data) => data.PERCENT_PERSONS)
-            .sort((a, b) => a - b)[0],
-        }))
-        .filter((value) => value.percentage);
-    },
+const domainSummaryHeaders: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Concept ID",
+    align: "start",
+    sortable: false,
+    key: "concept_id",
   },
-  watch: {
-    getSmallestVisitTypeValue: function () {
-      this.$emit("visitTypesChanged", this.getSmallestVisitTypeValue);
-    },
+  { title: "Concept Name", key: "concept_name" },
+]);
+
+const domainTypesResults: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Data source",
+    align: "start",
+    sortable: false,
+    key: "cdm_name",
   },
+  { title: "%", key: "percentage" },
+]);
+
+const getVisitTypes = computed(function () {
+  const data = props.data.reduce(
+    (prev, current) => [...prev, ...current.data],
+    []
+  );
+  return [
+    ...new Set(
+      data.map((object) =>
+        JSON.stringify({
+          concept_id: object.CONCEPT_ID,
+          concept_name: object.CONCEPT_NAME,
+        })
+      )
+    ),
+  ].map((string) => JSON.parse(string));
+});
+
+const filterSelectedVisitTypes = computed(function () {
+  const visitTypes = visitTypesSelected.value.map((obj) => obj.concept_id);
+  const filtered = props.data.map((source) => ({
+    data: source.data.filter((value) => visitTypes.includes(value.CONCEPT_ID)),
+    source: source.source,
+  }));
+
+  return filtered.filter((value) => value.data.length === visitTypes.length);
+});
+
+const getSmallestVisitTypeValue = computed(function () {
+  return filterSelectedVisitTypes.value
+    .map((value) => ({
+      cdm_name: value.source,
+      percentage: value.data
+        .map((data) => data.PERCENT_PERSONS)
+        .sort((a, b) => a - b)[0],
+    }))
+    .filter((value) => value.percentage);
+});
+
+const emit = defineEmits(["visitTypesChanged"]);
+
+watch(getSmallestVisitTypeValue, () => {
+  emit("visitTypesChanged", getSmallestVisitTypeValue.value);
+});
+</script>
+
+<script lang="ts">
+export default {
+  name: "VisitTypes",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
index 6bfec8ac..225c407e 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
@@ -4,67 +4,67 @@
       <v-responsive>
         <v-expansion-panels v-model="panel" multiple>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Domain Requirements</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Domain Requirements</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <DomainRequirements
                 :data="loadedData.sources"
                 @domainsDataChanged="changeDomainData"
               />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Desired Domains</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Desired Domains</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <DesiredDomains
                 :data="loadedData.sources"
                 @desiredDomainsDataChanged="changeDesiredDomainsData"
               />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Range requirements</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Range requirements</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <Range
                 :observation-period="loadedData.observationPeriod"
                 :person="loadedData.person"
                 @rangeDataChanged="changeRangeData"
               />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Visit types requirements</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Visit types requirements</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <VisitTypes
                 :data="loadedData.domainSummary"
                 @visitTypesChanged="changeVisitTypesData"
               />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Concepts requirements</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Concepts requirements</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <RequiredConcepts
                 @overlappingDataChanged="changeRequiredConceptsData"
               />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
           <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-header class="text-lg-h6"
-              >Data Source Feasibility Overview</v-expansion-panel-header
+            <v-expansion-panel-title class="text-lg-h6"
+              >Data Source Feasibility Overview</v-expansion-panel-title
             >
-            <v-expansion-panel-content>
+            <v-expansion-panel-text>
               <FinalEstimation :data="finalEstimation" />
-            </v-expansion-panel-content>
+            </v-expansion-panel-text>
           </v-expansion-panel>
         </v-expansion-panels>
       </v-responsive>
@@ -72,90 +72,77 @@
   </v-container>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements";
-import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/Range";
-import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes";
-import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts";
-import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation";
-import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains";
+<script setup lang="ts">
+import { useStore } from "vuex";
+import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue";
+import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/Range.vue";
+import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue";
+import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue";
+import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue";
+import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue";
 
-export default {
-  name: "NetworkDataFeasibility",
-  components: {
-    DesiredDomains,
-    FinalEstimation,
-    RequiredConcepts,
-    VisitTypes,
-    Range,
-    DomainRequirements,
-  },
-  data() {
-    return {
-      sources: [],
-      domainSummary: [],
-      observationPeriod: [],
-      sourcePopulation: [],
-      person: [],
-      loadedData: {},
-      switchDomains: [],
-      chosenDomains: [],
-      rangeData: [],
-      desiredDomains: [],
-      panel: [0],
-      requiredConcepts: [],
-      visitTypes: [],
-      domainData: [],
-      dataLoaded: false,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "explorerLoaded"]),
-    finalEstimation: function () {
-      return {
-        domainData: this.chosenDomains,
-        rangeData: this.rangeData,
-        requiredConcepts: this.requiredConcepts,
-        visitTypes: this.visitTypes,
-        sourcePopulation: this.loadedData.person,
-        desiredDomains: this.desiredDomains,
+import { computed, watch, ref } from "vue";
+
+const store = useStore();
+
+const sources = ref([]);
+const person = ref([]);
+const loadedData = ref({});
+const chosenDomains = ref([]);
+const rangeData = ref([]);
+const desiredDomains = ref([]);
+const panel = ref([0]);
+const requiredConcepts = ref([]);
+const visitTypes = ref([]);
+
+const finalEstimation = computed(function () {
+  return {
+    domainData: chosenDomains.value,
+    rangeData: rangeData.value,
+    requiredConcepts: requiredConcepts.value,
+    visitTypes: visitTypes.value,
+    sourcePopulation: loadedData.value.person,
+    desiredDomains: desiredDomains.value,
+  };
+});
+
+const getData = computed(() => {
+  return store.getters.getData;
+});
+
+watch(getData, () => {
+  if (Object.keys(getData.value).length) {
+    if (!Object.keys(loadedData.value).length) {
+      loadedData.value = {
+        sources: getData.value.sources,
+        person: getData.value.person,
+        domainSummary: getData.value.domainSummary,
+        observationPeriod: getData.value.observationPeriod,
       };
-    },
-  },
+    }
+  }
+});
+
+function changeDomainData(value) {
+  chosenDomains.value = value;
+}
+function changeRangeData(value) {
+  rangeData.value = value;
+}
+function changeRequiredConceptsData(value) {
+  requiredConcepts.value = value;
+}
+function changeVisitTypesData(value) {
+  visitTypes.value = value;
+}
+function changeDesiredDomainsData(value) {
+  desiredDomains.value = value;
+}
+</script>
 
-  watch: {
-    getData: function () {
-      if (Object.keys(this.getData).length) {
-        if (!Object.keys(this.loadedData).length) {
-          this.loadedData = {
-            sources: this.getData.sources,
-            person: this.getData.person,
-            domainSummary: this.getData.domainSummary,
-            observationPeriod: this.getData.observationPeriod,
-          };
-        }
-      }
-    },
-  },
-  created() {},
-  methods: {
-    changeDomainData(value) {
-      this.chosenDomains = value;
-    },
-    changeRangeData(value) {
-      this.rangeData = value;
-    },
-    changeRequiredConceptsData(value) {
-      this.requiredConcepts = value;
-    },
-    changeVisitTypesData(value) {
-      this.visitTypes = value;
-    },
-    changeDesiredDomainsData(value) {
-      this.desiredDomains = value;
-    },
-  },
+<script lang="ts">
+export default {
+  name: "NetworkDataFeasibility",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataQualitySummary.vue b/src/pages/reports/network/NetworkDataQualitySummary.vue
index b5075faa..8a017a24 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary.vue
@@ -1,45 +1,40 @@
 <template>
-  <div v-if="!getErrors" id="network-data-quality-summary" class="pa-2">
-    <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+  <div
+    v-if="!store.getters.getErrors"
+    id="network-data-quality-summary"
+    class="pa-2"
+  >
+    <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-category"
         title="Network Data Quality Issues By Category"
-        :data="getData.networkQualitySummary"
-        :config="specIssueStratificationByCategory"
+        :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
+        :config="chartConfigs.specIssueStratificationByCategory"
       />
     </v-card>
-    <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+    <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-table"
         title="Network Data Quality Issues by CDM Table"
-        :data="getData.networkQualitySummary"
-        :config="specIssueStratificationByTable"
+        :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
+        :config="chartConfigs.specIssueStratificationByTable"
       />
     </v-card>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
+import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+<script lang="ts">
 export default {
   name: "NetworkDataQualitySummary",
-  components: {
-    Chart,
-  },
-  data() {
-    return {
-      specIssueStratificationByCategory:
-        chartConfigs.specIssueStratificationByCategory,
-      specIssueStratificationByTable:
-        chartConfigs.specIssueStratificationByTable,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore"]),
-  },
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport.vue
index 371b1ca8..e5022dc4 100644
--- a/src/pages/reports/network/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport.vue
@@ -1,89 +1,88 @@
 <template>
-  <v-container v-if="!getErrors" fluid min-width="900">
-    <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+  <v-container v-if="!store.getters.getErrors" fluid min-width="900">
+    <v-card
+      :loading="!store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-card-title>Data Strands</v-card-title>
-      <div v-if="getData" id="viz-datastrand" class="viz-container"></div>
-      <infopanel
+      <div
+        v-if="store.getters.getData"
+        id="viz-datastrand"
+        class="viz-container"
+      ></div>
+      <info-panel
         details="Data strands are simple visualizations that describe the composition of
         a data source across the various CDM domain tables. Each individual
         strand shows the percentage of the data source comprised of data from a
         particular domain table. Across the network, the strands can be visually
         compared and contrasted."
-      ></infopanel>
-      <infopanel
-        v-if="getQueryIndex"
+      ></info-panel>
+      <InfoPanel
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
         :link="
-          getSqlQueryLink(getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0])
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+          )
         "
         :divider="false"
-      ></infopanel>
+      ></InfoPanel>
     </v-card>
   </v-container>
 </template>
 
-<script>
+<script setup lang="ts">
 import embed from "vega-embed";
-import infopanel from "../../../widgets/infoPanel";
+import { watch, computed } from "vue";
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const store = useStore();
+
+import InfoPanel from "../../../widgets/infoPanel";
 import { chartConfigs } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import { links } from "@/shared/config/links";
+
+const config = chartConfigs.specDatastrand;
+
+import { useStore } from "vuex";
 
-export default {
-  components: {
-    infopanel,
-  },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      specDatastrand: chartConfigs.specDatastrand,
-    };
-  },
-  watch: {
-    darkMode() {
-      this.renderChart();
-    },
-    getData() {
-      if (this.getData) {
-        this.specDatastrand.data[0].values = this.getData;
-        this.renderChart();
-      }
-    },
-  },
-  methods: {
-    renderChart: function () {
-      embed("#viz-datastrand", this.specDatastrand, {
-        theme: this.getSettings.darkMode ? "dark" : "",
-      }).then((result) => {
-        result.view.addSignalListener("selectDomain", (name, value) => {
-          const domainKey = value.domain.toLowerCase().replace(" ", "_");
-          this.navigateTo("domainTable", {
-            cdm: value.cdm_source_key,
-            release: value.cdm_release_key,
-            domain: domainKey,
-          });
-          document.getElementById("vg-tooltip-element").style.display = "none";
-        });
+const renderChart = function () {
+  embed("#viz-datastrand", config, {
+    theme: store.getters.getSettings.darkMode ? "dark" : "",
+  }).then((result) => {
+    result.view.addSignalListener("selectDomain", (name, value) => {
+      const domainKey = value.domain.toLowerCase().replace(" ", "_");
+      router.push({
+        name: "domainTable",
+        params: {
+          cdm: value.cdm_source_key,
+          release: value.cdm_release_key,
+          domain: domainKey,
+        },
       });
-    },
-  },
-  computed: {
-    ...mapGetters([
-      "getData",
-      "getSources",
-      "getErrors",
-      "getSettings",
-      "dataInStore",
-      "getQueryIndex",
-    ]),
-    darkMode: function () {
-      return this.getSettings.darkMode;
-    },
-  },
+      document.getElementById("vg-tooltip-element").style.display = "none";
+    });
+  });
 };
+
+const data = computed(() => store.getters.getData);
+
+const darkMode = computed(() => store.getters.getSettings.darkMode);
+
+watch(data, function () {
+  if (data.value) {
+    config.data[0].values = data.value;
+    renderChart();
+  }
+});
+
+watch(darkMode, () => {
+  renderChart();
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/network/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview.vue
index b7f42b06..522db3e8 100644
--- a/src/pages/reports/network/NetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview.vue
@@ -1,5 +1,9 @@
 <template>
-  <div v-if="explorerLoaded" id="network-data-quality-overview" class="pa-4">
+  <div
+    v-if="store.getters.explorerLoaded"
+    id="network-data-quality-overview"
+    class="pa-4"
+  >
     <v-row>
       <v-col>
         <v-card elevation="10" class="mx-auto pb-6" outlined>
@@ -10,7 +14,7 @@
                 ><v-col class="mx-4" cols="auto">
                   <h3 class="mb-4 text--center">Data Sources</h3>
                   <h1 class="text-center">
-                    {{ getSources.length
+                    {{ store.getters.getSources.length
                     }}<v-icon large color="info" class="mx-2"
                       >mdi-database</v-icon
                     >
@@ -55,28 +59,11 @@
           <v-card-title>Data Sources</v-card-title>
           <v-card-text>
             <v-data-table
-              dense
-              :items="getSources"
+              density="compact"
+              :items="store.getters.getSources"
               :headers="dataSourceColumns"
-              :items-per-page="-1"
               hide-default-footer
             >
-              <template v-slot:item.releases[0].count_person="{ item }">
-                {{ formatComma(item.releases[0].count_person) }}
-              </template>
-              <template v-slot:item.cdm_source_name="{ item }">
-                <router-link
-                  :to="getDataSourceRoute(item)"
-                  :title="item.cdm_source_name"
-                  >{{ item.cdm_source_abbreviation }}
-                </router-link>
-              </template>
-              <template v-slot:item.obs_period_start="{ item }">
-                {{ item.releases[0].obs_period_start }}
-              </template>
-              <template v-slot:item.obs_period_end="{ item }">
-                {{ item.releases[0].obs_period_end }}
-              </template>
             </v-data-table>
           </v-card-text>
         </v-card>
@@ -85,121 +72,118 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import * as d3 from "d3-format";
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { computed, ref, Ref } from "vue";
+import { useStore } from "vuex";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+const store = useStore();
 
-export default {
-  name: "NetworkOverview",
-  components: {},
-  mixins: [mixins],
-  data() {
-    return {
-      dataSourceColumns: [
-        {
-          text: "Data Source",
-          align: "start",
-          sortable: true,
-          value: "cdm_source_name",
-        },
-        {
-          text: "Person Count",
-          align: "end",
-          sortable: true,
-          value: "releases[0].count_person",
-        },
-        {
-          text: "Start Observed",
-          align: "end",
-          value: "obs_period_start",
-          sortable: false,
-        },
-        {
-          text: "End Observed",
-          align: "end",
-          value: "obs_period_end",
-          sortable: false,
-        },
-        {
-          text: "Latest Release",
-          align: "end",
-          sortable: false,
-          value: "releases[0].release_name",
-        },
-        {
-          text: "Data Quality Issues",
-          align: "end",
-          sortable: true,
-          value: "releases[0].count_data_quality_issues",
-        },
-        {
-          text: "Data Source Releases",
-          align: "end",
-          sortable: true,
-          value: "count_releases",
-        },
-        {
-          text: "Vocabulary Version",
-          align: "end",
-          sortable: true,
-          value: "releases[0].vocabulary_version",
-        },
-        {
-          text: "Average Update Frequency (days)",
-          align: "end",
-          sortable: true,
-          value: "average_update_interval_days",
-        },
-      ],
-    };
+const dataSourceColumns: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Data Source",
+    align: "start",
+    sortable: true,
+    key: "cdm_source_name",
   },
-  computed: {
-    ...mapGetters(["getSources", "explorerLoaded"]),
-    countPeople: function () {
-      if (this.explorerLoaded) {
-        return this.getSources.reduce(
-          (prev, current) => (prev += current.releases[0].count_person),
-          0
-        );
-      } else {
-        return [];
-      }
-    },
-    countDataQualityIssues: function () {
-      if (this.explorerLoaded) {
-        return this.getSources.reduce(
-          (prev, current) =>
-            (prev += current.releases[0].count_data_quality_issues),
-          0
-        );
-      } else {
-        return [];
-      }
-    },
-
-    countDataSourceReleases: function () {
-      if (this.explorerLoaded) {
-        return this.getSources.reduce(
-          (prev, current) => (prev += current.releases.length),
-          0
-        );
-      } else {
-        return [];
-      }
-    },
+  {
+    title: "Person Count",
+    align: "end",
+    sortable: true,
+    key: "releases[0].count_person",
+  },
+  {
+    title: "Start Observed",
+    align: "end",
+    key: "obs_period_start",
+    sortable: false,
+  },
+  {
+    title: "End Observed",
+    align: "end",
+    key: "obs_period_end",
+    sortable: false,
+  },
+  {
+    title: "Latest Release",
+    align: "end",
+    sortable: false,
+    key: "releases[0].release_name",
+  },
+  {
+    title: "Data Quality Issues",
+    align: "end",
+    sortable: true,
+    key: "releases[0].count_data_quality_issues",
+  },
+  {
+    title: "Data Source Releases",
+    align: "end",
+    sortable: true,
+    key: "count_releases",
+  },
+  {
+    title: "Vocabulary Version",
+    align: "end",
+    sortable: true,
+    key: "releases[0].vocabulary_version",
   },
-  methods: {
-    getDataSourceRoute(item) {
-      return {
-        name: "dataSourceOverview",
-        params: { cdm: item.cdm_source_key },
-      };
-    },
-    personCountFormatter: function (count) {
-      return d3.format(".3s")(count);
-    },
+  {
+    title: "Average Update Frequency (days)",
+    align: "end",
+    sortable: true,
+    key: "average_update_interval_days",
   },
+]);
+
+function getDataSourceRoute(item: { cdm_source_key: string }) {
+  return {
+    name: "dataSourceOverview",
+    params: { cdm: item.cdm_source_key },
+  };
+}
+const personCountFormatter = function (count: number) {
+  return d3.format(".3s")(count);
+};
+
+const countPeople = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) => (prev += current.releases[0].count_person),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+const countDataQualityIssues = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) =>
+        (prev += current.releases[0].count_data_quality_issues),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+
+const countDataSourceReleases = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) => (prev += current.releases.length),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+</script>
+
+<script lang="ts">
+export default {
+  name: "NetworkOverview",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkPerformance.vue b/src/pages/reports/network/NetworkPerformance.vue
index d9a598b0..837abd6b 100644
--- a/src/pages/reports/network/NetworkPerformance.vue
+++ b/src/pages/reports/network/NetworkPerformance.vue
@@ -2,7 +2,7 @@
   <v-container fluid>
     <v-card>
       <Pivot
-        :data="getData['networkPerformance']"
+        :data="store.getters.getData[NETWORK_PERFORMANCE]"
         :attributes="['TASK', 'PACKAGE', 'CATEGORY', 'SOURCE', 'TIMING']"
         :defaults="{
           rows: ['SOURCE'],
@@ -16,61 +16,61 @@
   </v-container>
 </template>
 
-<script>
+<script setup lang="ts">
 import Pivot from "@/widgets/pivot";
-import { mapGetters } from "vuex";
-export default {
-  name: "NetworkPerformance",
-  components: { Pivot },
-  methods: {
-    aggregateTime: function (formatter) {
-      if (formatter == null) {
-        formatter = this.formatTime;
-      }
+import { useStore } from "vuex";
+import { NETWORK_PERFORMANCE } from "@/shared/config/files";
 
-      return function (arg) {
-        const attr = arg[0];
+const store = useStore();
 
-        return function () {
-          return {
-            sum: 0,
-            push: function (record) {
-              if (record[attr]) {
-                const milliseconds = parseInt(record[attr] * 1000);
-                return (this.sum += milliseconds);
-              }
-            },
-            value: function () {
-              return this.sum;
-            },
-            format: formatter,
-            numInputs: attr != null ? 0 : 1,
-          };
-        };
-      };
-    },
-    formatTime: (function () {
-      return function (x) {
-        let seconds = Math.floor((x / 1000) % 60),
-          minutes = Math.floor((x / (1000 * 60)) % 60),
-          hours = Math.floor((x / (1000 * 60 * 60)) % 24);
+const aggregateTime = function (formatter?) {
+  if (formatter == null) {
+    formatter = formatTime;
+  }
 
-        hours = hours < 10 ? "0" + hours : hours;
-        minutes = minutes < 10 ? "0" + minutes : minutes;
-        seconds = seconds < 10 ? "0" + seconds : seconds;
+  return function (arg) {
+    const attr = arg[0];
 
-        return hours + ":" + minutes + ":" + seconds;
+    return function () {
+      return {
+        sum: 0,
+        push: function (record) {
+          if (record[attr]) {
+            const milliseconds = parseInt(record[attr] * 1000);
+            return (this.sum += milliseconds);
+          }
+        },
+        value: function () {
+          return this.sum;
+        },
+        format: formatter,
+        numInputs: attr != null ? 0 : 1,
       };
-    })(),
-  },
-  computed: {
-    ...mapGetters(["getData"]),
-  },
+    };
+  };
+};
+const formatTime = (function () {
+  return function (x) {
+    let seconds = Math.floor((x / 1000) % 60),
+      minutes = Math.floor((x / (1000 * 60)) % 60),
+      hours = Math.floor((x / (1000 * 60 * 60)) % 24);
+
+    hours = hours < 10 ? "0" + hours : hours;
+    minutes = minutes < 10 ? "0" + minutes : minutes;
+    seconds = seconds < 10 ? "0" + seconds : seconds;
+
+    return hours + ":" + minutes + ":" + seconds;
+  };
+})();
+</script>
+<script lang="ts">
+export default {
+  name: "NetworkPerformance",
 };
 </script>
 
 <style scoped>
->>> table.pvtTable tbody tr td {
+:deep(table.pvtTable tbody tr td) {
   text-decoration: none;
   cursor: default;
 }
diff --git a/src/pages/reports/network/NetworkPopulationReport.vue b/src/pages/reports/network/NetworkPopulationReport.vue
index 0b19d5bd..78fe9590 100644
--- a/src/pages/reports/network/NetworkPopulationReport.vue
+++ b/src/pages/reports/network/NetworkPopulationReport.vue
@@ -1,47 +1,57 @@
 <template>
-  <div v-if="!getErrors">
+  <div v-if="!store.getters.getErrors">
     <v-container fluid>
       <v-responsive min-width="900">
         <v-layout class="ma-0 mb-6 text-uppercase text-h6"
           >NETWORK POPULATION OVERVIEW</v-layout
         >
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatfirstobservation"
-            :config="specAgeAtFirstObservation"
-            :data="getData.allAgeAtFirstObservationData"
+            :config="chartConfigs.specAgeAtFirstObservation"
+            :data="store.getters.getData.allAgeAtFirstObservationData"
             title="Age at First Observation"
           />
-          <info-panel
-            v-if="getQueryIndex"
+          <InfoPanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.AGE_AT_FIRST_OBSERVATION[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .AGE_AT_FIRST_OBSERVATION[0]
               )
             "
             :divider="true"
-          ></info-panel>
+          ></InfoPanel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-cumulativeobservation"
-            :config="specCumulativeObservation"
-            :data="getData.allCumulativeDurationData"
+            :config="chartConfigs.specCumulativeObservation"
+            :data="store.getters.getData.allCumulativeDurationData"
             title="Cumulative Observation"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .CUMULATIVE_DURATION[0]
               )
             "
             :divider="true"
@@ -52,35 +62,13 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 
-export default {
-  components: {
-    Chart,
-    infoPanel,
-  },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      specAgeAtFirstObservation: chartConfigs.specAgeAtFirstObservationBySource,
-      specCumulativeObservation: chartConfigs.specCumulativeObservationBySource,
-    };
-  },
-  computed: {
-    ...mapGetters([
-      "getData",
-      "getSources",
-      "getErrors",
-      "dataInStore",
-      "getQueryIndex",
-    ]),
-  },
-};
+const store = useStore();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes.vue
index 62d5d84e..9ed3cbcb 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes.vue
@@ -1,15 +1,20 @@
 <template>
   <div>
-    <v-card v-if="!getErrors && dataInStore" elevation="10" class="ma-4 pa-2">
+    <v-card
+      v-if="!store.getters.getErrors && store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-card-title>Unmapped Source Codes</v-card-title>
       <v-row>
         <v-col cols="3">
           <v-text-field
+            v-model="search"
             prepend-icon="mdi-magnify"
             label="Search in Table"
+            variant="outlined"
             single-line
             hide-details
-            @input="debouncedSearch"
           ></v-text-field>
         </v-col>
         <v-col cols="9"> </v-col>
@@ -26,106 +31,109 @@
         item-key="CDM_TABLE"
         :items-per-page="10"
         :search="search"
-        sort-by="RECORD_COUNT"
         :sort-desc="true"
       >
         <template v-slot:body.prepend>
           <tr>
-            <th v-for="header in headers" :key="header.text">
-              <div v-if="filters.hasOwnProperty(header.value)">
+            <th v-for="header in headers" :key="header.title">
+              <div v-if="filters.hasOwnProperty(header.key)">
                 <v-select
-                  v-model="filters[header.value]"
+                  v-model="filters[header.key]"
                   small-chips
                   deletable-chips
                   hide-details
                   multiple
-                  :items="getValuesArray(filteredRecords, header.value)"
+                  :items="helpers.getValuesArray(filteredRecords, header.key)"
                 ></v-select>
               </div>
             </th>
           </tr>
         </template>
         <template v-slot:item.CDM_TABLE_NAME="{ item }">
-          {{ item.CDM_TABLE_NAME }}
+          {{ item.raw.CDM_TABLE_NAME }}
         </template>
         <template v-slot:item.CDM_FIELD_NAME="{ item }">
-          {{ item.CDM_FIELD_NAME }}
+          {{ item.raw.CDM_FIELD_NAME }}
         </template>
         <template v-slot:item.SOURCE_VALUE="{ item }">
-          {{ item.SOURCE_VALUE }}
+          {{ item.raw.SOURCE_VALUE }}
         </template>
         <template v-slot:item.RECORD_COUNT="{ item }">
-          <v-layout justify-end>{{ formatComma(item.RECORD_COUNT) }}</v-layout>
+          <v-layout justify-end>{{
+            helpers.formatComma(item.raw.RECORD_COUNT)
+          }}</v-layout>
         </template>
         <template v-slot:item.DATA_SOURCE_COUNT="{ item }">
-          <v-layout justify-end>{{ item.DATA_SOURCE_COUNT }}</v-layout>
+          <v-layout justify-end>{{ item.raw.DATA_SOURCE_COUNT }}</v-layout>
         </template>
         <template v-slot:item.DATA_SOURCES="{ item }">
-          <v-layout justify-end>{{ item.DATA_SOURCES }}</v-layout>
+          <v-layout justify-end>{{ item.raw.DATA_SOURCES }}</v-layout>
         </template>
       </v-data-table>
     </v-card>
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { helpers } from "@/shared/lib/mixins";
 
-export default {
-  mixins: [mixins],
-  data: function () {
-    return {
-      search: "",
-      filters: {
-        CDM_TABLE_NAME: [],
-        CDM_FIELD_NAME: [],
-      },
-      headers: [
-        {
-          text: "CDM Table",
-          sortable: true,
-          value: "CDM_TABLE_NAME",
-        },
-        {
-          text: "CDM Field",
-          sortable: true,
-          value: "CDM_FIELD_NAME",
-        },
-        {
-          text: "Source Value",
-          sortable: true,
-          value: "SOURCE_VALUE",
-        },
-        {
-          text: "# Records",
-          sortable: true,
-          value: "RECORD_COUNT",
-        },
-        {
-          text: "# Data Sources",
-          sortable: true,
-          value: "DATA_SOURCE_COUNT",
-        },
-        {
-          text: "Data Sources",
-          sortable: true,
-          value: "DATA_SOURCES",
-        },
-      ],
-    };
+import { computed, Ref, ref } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const search: Ref<string> = ref("");
+const filters: Ref<{ CDM_TABLE_NAME: string[]; CDM_FIELD_NAME: string[] }> =
+  ref({
+    CDM_TABLE_NAME: [],
+    CDM_FIELD_NAME: [],
+  });
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "CDM Table",
+    sortable: true,
+    key: "CDM_TABLE_NAME",
+  },
+  {
+    title: "CDM Field",
+    sortable: true,
+    key: "CDM_FIELD_NAME",
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore"]),
-    filteredRecords() {
-      return this.getData.domainTable.filter((d) => {
-        return Object.keys(this.filters).every((f) => {
-          return this.filters[f].length < 1 || this.filters[f].includes(d[f]);
-        });
-      });
-    },
+  {
+    title: "Source Value",
+    sortable: true,
+    key: "SOURCE_VALUE",
   },
-};
+  {
+    title: "# Records",
+    sortable: true,
+    key: "RECORD_COUNT",
+  },
+  {
+    title: "# Data Sources",
+    sortable: true,
+    key: "DATA_SOURCE_COUNT",
+  },
+  {
+    title: "Data Sources",
+    sortable: true,
+    key: "DATA_SOURCES",
+  },
+]);
+
+const filteredRecords = computed(function () {
+  return store.getters.getData.domainTable.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return (
+        filters.value[f as keyof typeof filters.value].length < 1 ||
+        filters.value[f as keyof typeof filters.value].includes(d[f])
+      );
+    });
+  });
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/ConceptReport.vue b/src/pages/reports/release/ConceptReport.vue
index f548b438..feb706b4 100644
--- a/src/pages/reports/release/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <v-container v-if="!getErrors && dataInStore" fluid>
+    <v-container v-if="!store.getErrors && store.getters.dataInStore" fluid>
       <v-responsive min-width="900">
         <v-layout class="ma-0 mb-6 d-flex justify-md-space-between">
           <h2 class="text-uppercase">
-            {{ getData.conceptName }}
+            {{ store.getters.getData.conceptName }}
           </h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="dataInStore" justify="start"
+        <v-row v-if="store.getters.dataInStore" justify="start"
           ><v-col cols="2" align="center">
             <v-icon left color="info">mdi-identifier</v-icon>
             <v-badge
@@ -16,7 +16,7 @@
               inline
               dark
               color="info"
-              :content="getData.conceptId"
+              :content="store.getters.getData.conceptId"
             ></v-badge>
             <p class="text-caption">Concept Identifier</p></v-col
           ><v-col cols="2" align="center">
@@ -26,7 +26,7 @@
               inline
               dark
               color="info"
-              :content="getData.numPersons"
+              :content="store.getters.getData.numPersons"
             ></v-badge>
             <p class="text-caption">Number of People</p></v-col
           ><v-col cols="2" align="center">
@@ -36,7 +36,9 @@
               inline
               dark
               color="info"
-              :content="formatPercent(getData.percentPersons)"
+              :content="
+                helpers.formatPercent(store.getters.getData.percentPersons)
+              "
             ></v-badge>
             <p class="text-caption">% of People</p></v-col
           ><v-col cols="2" align="center">
@@ -46,12 +48,12 @@
               inline
               dark
               color="info"
-              :content="getData.recordsPerPerson"
+              :content="store.getters.getData.recordsPerPerson"
             ></v-badge>
             <p class="text-caption">Records per Person</p></v-col
           >
           <v-col
-            v-if="$route.params.domain === 'measurement'"
+            v-if="route.params.domain === 'measurement'"
             cols="2"
             align="center"
           >
@@ -66,7 +68,7 @@
             <p class="text-caption">% with Values</p></v-col
           >
           <v-col
-            v-if="getData.conceptData.COUNT_FAILED"
+            v-if="store.getters.getData.conceptData.COUNT_FAILED"
             cols="2"
             align="center"
           >
@@ -78,17 +80,23 @@
               inline
               dark
               color="error"
-              :content="getData.countFailed"
+              :content="store.getters.getData.countFailed"
             ></v-badge>
             <p class="text-caption">Data Quality Issues</p></v-col
-          ><v-col v-if="getData.isNotStationary" cols="2" align="center">
+          ><v-col
+            v-if="store.getters.getData.isNotStationary"
+            cols="2"
+            align="center"
+          >
             <v-icon left color="error">mdi-clock-alert</v-icon>
             <p class="text-caption">Non-Stationary Time Series</p></v-col
           ></v-row
         >
         <v-card
-          v-if="getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION"
-          :loading="!dataInStore"
+          v-if="
+            store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION
+          "
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
@@ -99,24 +107,25 @@
               class="mr-13"
               :items="getMeasurementUnits"
               attach
+              variant="outlined"
               hide-selected
-              deletable-chips
+              closable-chips
               chips
               label="Filter units"
               multiple
             ></v-select>
           </v-layout>
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-measurementvaluedistribution"
             ref="measurementvalue"
-            :config="specMeasurementValueDistribution"
+            :config="chartConfigs.specMeasurementValueDistribution"
             :data="getSelectedMeasurementUnits"
           />
           <info-panel
             details="Check measurement value distributions across the network"
             icon="mdi-check-network"
-            :link-details="true"
+            link-details
             :route-link="getNetworkConceptRoute()"
             :divider="true"
           ></info-panel>
@@ -124,115 +133,115 @@
             details="Learn how
               to interpret this plot."
             icon="mdi-help-circle"
-            :link-details="true"
+            link-details
             :route-link="{ name: 'help' }"
-            :divider="false"
+            divider
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             details="View export query."
             icon="mdi-code-braces"
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .MEASUREMENT_VALUE_DISTRIBUTION[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatfirstdiagnosis"
-            :config="specAgeAtFirstDiagnosis"
-            :data="getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
+            :config="chartConfigs.specAgeAtFirstDiagnosis"
+            :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
             title="Age at First Diagnosis"
           />
           <info-panel
             details="Learn how
               to interpret this plot."
             icon="mdi-help-circle"
-            :link-details="true"
+            link-details
             :route-link="{ name: 'help' }"
-            :divider="false"
+            divider
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .AGE_AT_FIRST_DIAGNOSIS[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatfirstexposure"
-            :config="specAgeAtFirstExposure"
-            :data="getData.conceptData.AGE_AT_FIRST_EXPOSURE"
+            :config="chartConfigs.specAgeAtFirstExposure"
+            :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
             title="Age At First Exposure"
           />
           <info-panel
             details="Learn how
               to interpret this plot."
             icon="mdi-help-circle"
-            :link-details="true"
+            link-details
             :route-link="{ name: 'help' }"
-            :divider="true"
+            divider
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .AGE_AT_FIRST_EXPOSURE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.LENGTH_OF_ERA"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-lengthofera"
-            :config="specLengthOfEra"
-            :data="getData.conceptData.LENGTH_OF_ERA"
+            :config="chartConfigs.specLengthOfEra"
+            :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
             title="Length of Era"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .LENGTH_OF_ERA[0]
               )
             "
@@ -240,94 +249,94 @@
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.CONDITIONS_BY_TYPE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-conditionsbytype"
-            :config="specConditionsByType"
-            :data="getData.conceptData.CONDITIONS_BY_TYPE"
+            :config="chartConfigs.specConditionsByType"
+            :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
             title="Conditions by Type"
           />
           <info-panel
             details="Learn about Condition types."
             icon="mdi-help-circle"
-            :link-details="true"
-            :link="getDocsLink('CONDITION_OCCURRENCE')"
+            link-details
+            :link="links.getDocsLink('CONDITION_OCCURRENCE')"
             :divider="true"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .CONDITIONS_BY_TYPE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.DRUGS_BY_TYPE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-drugsbytype"
-            :config="specDrugsByType"
-            :data="getData.conceptData.DRUGS_BY_TYPE"
+            :config="chartConfigs.specDrugsByType"
+            :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
             title="Drugs by Type"
           />
           <info-panel
             details="Learn about Drug types."
             icon="mdi-help-circle"
-            :link-details="true"
-            :link="getDocsLink('DRUG_EXPOSURE')"
+            link-details
+            :link="links.getDocsLink('DRUG_EXPOSURE')"
             :divider="true"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .DRUGS_BY_TYPE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.RECORDS_BY_UNIT"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-recordsbyunit"
-            :config="specRecordsByUnit"
-            :data="getData.conceptData.RECORDS_BY_UNIT"
+            :config="chartConfigs.specRecordsByUnit"
+            :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
             title="Records by Unit"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .RECORDS_BY_UNIT[0]
               )
             "
@@ -335,50 +344,50 @@
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.MEASUREMENTS_BY_TYPE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-measurementsbytype"
-            :config="specMeasurementsByType"
-            :data="getData.conceptData.MEASUREMENTS_BY_TYPE"
+            :config="chartConfigs.specMeasurementsByType"
+            :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
             title="Measurements by Type"
           />
           <info-panel
             details="Learn about Measurement types."
             icon="mdi-help-circle"
-            :link-details="true"
-            :link="getDocsLink('MEASUREMENT')"
+            link-details
+            :link="links.getDocsLink('MEASUREMENT')"
             :divider="true"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .MEASUREMENTS_BY_TYPE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatfirstoccurrence"
-            :config="specAgeAtFirstOccurrence"
-            :data="getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
+            :config="chartConfigs.specAgeAtFirstOccurrence"
+            :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
             title="Age at First Occurrence"
           />
           <info-panel
@@ -388,72 +397,77 @@
           <info-panel
             details="View export query."
             icon="mdi-code-braces"
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .AGE_AT_FIRST_OCCURRENCE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-recordproportionbymonth"
-            :config="specRecordProportionByMonth"
-            :data="getData.conceptData.PREVALENCE_BY_MONTH"
+            width="99"
+            :config="chartConfigs.specRecordProportionByMonth"
+            :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
             title="Record Count Proportion by Month"
           />
           <info-panel
             details="Proportion of people with at least one record per 1000 people."
           ></info-panel>
           <info-panel
-            v-if="getData.isNotStationary"
+            v-if="store.getters.getData.isNotStationary"
             icon="mdi-clock-alert"
             details="This time series has been deemed non-stationary by temporal characterization."
-            :divider="false"
+            divider
           ></info-panel>
           <info-panel
-            v-if="getData.seasonalityScore"
+            v-if="store.getters.getData.seasonalityScore"
             icon="mdi-clock-alert"
-            :details="getData.seasonalityComment"
-            :divider="false"
-            :link="getCastorLink()"
+            :details="store.getters.getData.seasonalityComment"
+            divider
+            :link="links.getCastorLink()"
           ></info-panel>
           <info-panel
             icon="mdi-database-clock"
-            :divider="false"
-            :link-details="true"
+            divider
+            link-details
             :route-link="getSourceConceptReportLink()"
             details="Review this Time-Series across data source releases."
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .PREVALENCE_BY_MONTH[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-dayssupply"
-            :config="specDaysSupply"
-            :data="getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
+            :config="chartConfigs.specDaysSupply"
+            :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
             title="Days Supply"
           />
           <info-panel
@@ -461,30 +475,30 @@
             :route-link="{ name: 'help' }"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .DAYS_SUPPLY_DISTRIBUTION[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.QUANTITY_DISTRIBUTION"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-quantity"
-            :config="specQuantity"
-            :data="getData.conceptData.QUANTITY_DISTRIBUTION"
+            :config="chartConfigs.specQuantity"
+            :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
             title="Quantity"
           />
           <info-panel
@@ -492,69 +506,76 @@
             :route-link="{ name: 'help' }"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .QUANTITY_DISTRIBUTION[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
         <v-card
-          v-if="getData.conceptData.VISIT_DURATION_BY_TYPE"
-          :loading="!dataInStore"
+          v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
+          :loading="!store.getters.dataInStore"
           elevation="10"
           class="ma-4 pa-2"
         >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-visitdurationbytype"
-            :config="specVisitDurationByType"
-            :data="getData.conceptData.VISIT_DURATION_BY_TYPE"
+            :config="chartConfigs.specVisitDurationByType"
+            :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
             title="Visit Duration By Type"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .VISIT_DURATION_BY_TYPE[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="getData"
+            v-if="store.getters.getData"
             id="viz-recordproportionbyagesexyear"
-            :config="specRecordProportionByAgeSexYear"
-            :data="getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
+            width="90"
+            :config="chartConfigs.specRecordProportionByAgeSexYear"
+            :data="
+              store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR
+            "
             title="Record Count Proportion by Age, Sex, and Year"
           />
           <info-panel
             details="Proportion of people with at least one record per 1000 people."
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
-            :link-details="true"
+            link-details
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .PREVALENCE_BY_GENDER_AGE_YEAR[0]
               )
             "
-            :divider="false"
+            divider
           ></info-panel>
         </v-card>
       </v-responsive>
@@ -562,100 +583,76 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import InfoPanel from "../../../widgets/infoPanel";
 import ReturnButton from "@/features/returnToPreviousPage";
+import { useRoute } from "vue-router";
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
-export default {
-  components: {
-    Chart,
-    ReturnButton,
-    InfoPanel,
-  },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      selectedMeasurementUnits: [],
-      hasCountFailed: false,
-      specConditionsByType: chartConfigs.specConditionsByType,
-      specDrugsByType: chartConfigs.specDrugsByType,
-      specRecordsByUnit: chartConfigs.specRecordsByUnit,
-      specRecordProportionByAgeSexYear:
-        chartConfigs.specRecordProportionByAgeSexYear,
-      specMeasurementValueDistribution:
-        chartConfigs.specMeasurementValueDistribution,
-      specMeasurementsByType: chartConfigs.specMeasurementsByType,
-      specAgeAtFirstOccurrence: chartConfigs.specAgeAtFirstOccurrence,
-      specVisitDurationByType: chartConfigs.specVisitDurationByType,
-      specDaysSupply: chartConfigs.specDaysSupply,
-      specQuantity: chartConfigs.specQuantity,
-      specLengthOfEra: chartConfigs.specLengthOfEra,
-      specAgeAtFirstExposure: chartConfigs.specAgeAtFirstExposure,
-      specAgeAtFirstDiagnosis: chartConfigs.specAgeAtFirstDiagnosis,
-      specRecordProportionByMonth: chartConfigs.specRecordProportionByMonth,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-    getPercentWithValues: function () {
-      const missingData = this.getData.domainSummary.filter(
-        (data) => data.CONCEPT_ID === this.$route.params.concept
-      )[0].PERCENT_MISSING_VALUES;
-      return missingData
-        ? `${(1 - missingData) * (100).toFixed(2)}%`
-        : "No data";
-    },
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import { computed, ref, Ref } from "vue";
+import { useStore } from "vuex";
+import { RouteLocation } from "vue-router";
 
-    getMeasurementUnits: function () {
-      if (this.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
-        return this.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map(
-          (value) => value.CATEGORY
-        );
-      } else {
-        return [];
-      }
-    },
-    getSelectedMeasurementUnits: function () {
-      if (this.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
-        return this.selectedMeasurementUnits.length
-          ? this.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.filter(
-              (value) => this.selectedMeasurementUnits.includes(value.CATEGORY)
-            )
-          : this.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION;
-      } else {
-        return [];
-      }
-    },
-  },
-  methods: {
-    getSourceConceptReportLink: function () {
-      return {
-        name: "sourceConceptOverlay",
-        params: {
-          domain: this.$route.params.domain,
-          concept: this.$route.params.concept,
-        },
-      };
-    },
-    getNetworkConceptRoute() {
-      return {
-        name: "networkConcept",
-        params: {
-          domain: this.$route.params.domain,
-          concept: this.$route.params.concept,
-        },
-      };
+const route = useRoute();
+const store = useStore();
+
+const selectedMeasurementUnits: Ref<string[]> = ref([]);
+
+const getSelectedMeasurementUnits = computed((): string[] => {
+  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
+    return selectedMeasurementUnits.value.length
+      ? store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.filter(
+          (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
+        )
+      : store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION;
+  } else {
+    return [];
+  }
+});
+
+const getPercentWithValues = computed((): string => {
+  const missingData = store.getters.getData.domainSummary.filter(
+    (data) => data.CONCEPT_ID === route.params.concept
+  )[0].PERCENT_MISSING_VALUES;
+  return missingData ? `${((1 - missingData) * 100).toFixed(2)}%` : "No data";
+});
+
+const getMeasurementUnits = computed((): string[] => {
+  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
+    return store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map(
+      (value) => value.CATEGORY
+    );
+  } else {
+    return [];
+  }
+});
+
+const getSourceConceptReportLink = function () {
+  return {
+    name: "sourceConceptOverlay",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
     },
-    navigateToDataQuality() {
-      return {
-        name: "dataQuality",
-        query: { tab: "results", search: this.$route.params.concept },
-      };
+  };
+};
+
+const getNetworkConceptRoute = function (): object {
+  return {
+    name: "networkConcept",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
     },
-  },
+  };
+};
+
+const navigateToDataQuality = function () {
+  return {
+    name: "dataQuality",
+    query: { tab: "results", search: route.params.concept },
+  };
 };
 </script>
 
diff --git a/src/pages/reports/release/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults.vue
index ae666228..00947206 100644
--- a/src/pages/reports/release/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults.vue
@@ -1,15 +1,15 @@
 <template>
   <v-responsive>
-    <div v-if="!getErrors">
-      <v-card :loading="!dataInStore" elevation="10" class="ma-4">
-        <v-tabs v-model="tab" dark>
-          <v-tab href="#overview">Overview</v-tab>
-          <v-tab href="#metadata">Metadata</v-tab>
-          <v-tab href="#results">Results</v-tab>
-          <v-tab href="#pivot">Pivot table</v-tab>
+    <div v-if="!store.getters.getErrors">
+      <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
+        <v-tabs v-model="tab">
+          <v-tab value="overview">Overview</v-tab>
+          <v-tab value="metadata">Metadata</v-tab>
+          <v-tab value="results">Results</v-tab>
+          <v-tab value="pivot">Pivot table</v-tab>
         </v-tabs>
-        <v-tabs-items :value="tab">
-          <v-tab-item v-if="dataInStore" value="overview">
+        <v-window v-model="tab">
+          <v-window-item v-if="store.getters.dataInStore" value="overview">
             <v-container fluid class="ma-2 pa-4">
               <table id="results">
                 <thead>
@@ -37,176 +37,277 @@
                     <td class="text-left header">Plausibility</td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Plausibility.Pass
+                        store.getters.getData.derivedResults.Verification
+                          .Plausibility.Pass
                       }}
                     </td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Plausibility.Fail
+                        store.getters.getData.derivedResults.Verification
+                          .Plausibility.Fail
                       }}
                     </td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Plausibility.Total
+                        store.getters.getData.derivedResults.Verification
+                          .Plausibility.Total
                       }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Plausibility.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Plausibility.Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Plausibility.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Plausibility.Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Plausibility.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Plausibility.Total
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Plausibility.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Plausibility
+                          .Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Plausibility.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Plausibility
+                          .Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Plausibility.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Plausibility
+                          .Total
+                      }}
                     </td>
                   </tr>
                   <tr>
                     <td class="text-left header">Conformance</td>
                     <td>
-                      {{ getData.derivedResults.Verification.Conformance.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Verification
+                          .Conformance.Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Verification.Conformance.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Verification
+                          .Conformance.Fail
+                      }}
                     </td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Conformance.Total
+                        store.getters.getData.derivedResults.Verification
+                          .Conformance.Total
                       }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Conformance.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Conformance.Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Conformance.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Conformance.Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Conformance.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Conformance.Total
+                      }}
                     </td>
-                    <td>{{ getData.derivedResults.Total.Conformance.Pass }}</td>
                     <td>
-                      {{ getData.derivedResults.Total.Conformance.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Conformance
+                          .Pass
+                      }}
+                    </td>
+                    <td>
+                      {{
+                        store.getters.getData.derivedResults.Total.Conformance
+                          .Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Conformance.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Conformance
+                          .Total
+                      }}
                     </td>
                   </tr>
                   <tr>
                     <td class="text-left header">Completeness</td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Completeness.Pass
+                        store.getters.getData.derivedResults.Verification
+                          .Completeness.Pass
                       }}
                     </td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Completeness.Fail
+                        store.getters.getData.derivedResults.Verification
+                          .Completeness.Fail
                       }}
                     </td>
                     <td>
                       {{
-                        getData.derivedResults.Verification.Completeness.Total
+                        store.getters.getData.derivedResults.Verification
+                          .Completeness.Total
                       }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Completeness.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Completeness.Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Completeness.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Completeness.Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Validation.Completeness.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Validation
+                          .Completeness.Total
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Completeness.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Completeness
+                          .Pass
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Completeness.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Completeness
+                          .Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Total.Completeness.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Completeness
+                          .Total
+                      }}
                     </td>
                   </tr>
                   <tr>
                     <td class="text-left header">Total</td>
                     <td>
-                      {{ getData.derivedResults.Verification.Total.Pass }}
+                      {{
+                        store.getters.getData.derivedResults.Verification.Total
+                          .Pass
+                      }}
+                    </td>
+                    <td>
+                      {{
+                        store.getters.getData.derivedResults.Verification.Total
+                          .Fail
+                      }}
+                    </td>
+                    <td>
+                      {{
+                        store.getters.getData.derivedResults.Verification.Total
+                          .Total
+                      }}
+                    </td>
+                    <td>
+                      {{
+                        store.getters.getData.derivedResults.Validation.Total
+                          .Pass
+                      }}
+                    </td>
+                    <td>
+                      {{
+                        store.getters.getData.derivedResults.Validation.Total
+                          .Fail
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Verification.Total.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Validation.Total
+                          .Total
+                      }}
                     </td>
                     <td>
-                      {{ getData.derivedResults.Verification.Total.Total }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Total.Pass
+                      }}
                     </td>
-                    <td>{{ getData.derivedResults.Validation.Total.Pass }}</td>
                     <td>
-                      {{ getData.derivedResults.Validation.Total.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Total.Fail
+                      }}
                     </td>
-                    <td>{{ getData.derivedResults.Validation.Total.Total }}</td>
-                    <td>{{ getData.derivedResults.Total.Total.Pass }}</td>
                     <td>
-                      {{ getData.derivedResults.Total.Total.Fail }}
+                      {{
+                        store.getters.getData.derivedResults.Total.Total.Total
+                      }}
                     </td>
-                    <td>{{ getData.derivedResults.Total.Total.Total }}</td>
                   </tr>
                 </tbody>
               </table>
-              <infopanel
+              <info-panel
                 details="The Data Quality Overview provides a summary
               of the results of the Data Quality assessment performed by the
               Data Quality Dashboard package."
-                :link="getDataQualityDashboardLink()"
-              ></infopanel>
+                :link="links.getDataQualityDashboardLink()"
+              ></info-panel>
             </v-container>
-          </v-tab-item>
-          <v-tab-item v-if="dataInStore" value="metadata">
+          </v-window-item>
+          <v-window-item v-if="store.getters.dataInStore" value="metadata">
             <v-container fluid ma-2 pa-4>
               <v-row>
                 <v-col cols="2">CDM Source Name</v-col>
-                <v-col>{{ getData.cdmSourceName }}</v-col>
+                <v-col>{{ store.getters.getData.cdmSourceName }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">Description</v-col>
-                <v-col>{{ getData.sourceDescription }}</v-col>
+                <v-col>{{ store.getters.getData.sourceDescription }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">Licensee</v-col>
-                <v-col>{{ getData.cdmHolder }}</v-col>
+                <v-col>{{ store.getters.getData.cdmHolder }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">Source Released</v-col>
-                <v-col>{{ getData.sourceReleaseDate }}</v-col>
+                <v-col>{{ store.getters.getData.sourceReleaseDate }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">CDM Released</v-col>
-                <v-col>{{ getData.cdmReleaseDate }}</v-col>
+                <v-col>{{ store.getters.getData.cdmReleaseDate }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">CDM Version</v-col>
-                <v-col>{{ getData.cdmVersion }}</v-col>
+                <v-col>{{ store.getters.getData.cdmVersion }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">DQD Version</v-col>
-                <v-col>{{ getData.dqdVersion }}</v-col>
+                <v-col>{{ store.getters.getData.dqdVersion }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">Vocabulary Version</v-col>
-                <v-col>{{ getData.vocabularyVersion }}</v-col>
+                <v-col>{{ store.getters.getData.vocabularyVersion }}</v-col>
               </v-row>
               <v-row>
                 <v-col cols="2">Source Documentation</v-col>
                 <v-col>
-                  {{ getData.sourceDocumentationReference }}
+                  {{ store.getters.getData.sourceDocumentationReference }}
                   <a
-                    :href="getData.sourceDocumentationReference"
+                    :href="store.getters.getData.sourceDocumentationReference"
                     target="_blank"
                   >
                     <v-icon right small color="primary">mdi-open-in-new</v-icon>
@@ -216,15 +317,18 @@
               <v-row>
                 <v-col cols="2">ETL Reference</v-col>
                 <v-col>
-                  {{ getData.cdmEtlReference }}
-                  <a :href="getData.cdmEtlReference" target="_blank">
+                  {{ store.getters.getData.cdmEtlReference }}
+                  <a
+                    :href="store.getters.getData.cdmEtlReference"
+                    target="_blank"
+                  >
                     <v-icon right small color="primary">mdi-open-in-new</v-icon>
                   </a>
                 </v-col>
               </v-row>
             </v-container>
-          </v-tab-item>
-          <v-tab-item v-if="dataInStore" value="results">
+          </v-window-item>
+          <v-window-item v-if="store.getters.dataInStore" value="results">
             <v-container fluid class="ma-2 pa-4">
               <v-row>
                 <v-col cols="3">
@@ -232,8 +336,10 @@
                     prepend-icon="mdi-magnify"
                     label="Search in Table"
                     single-line
+                    variant="outlined"
+                    density="compact"
                     hide-details
-                    @input="debouncedSearch"
+                    @update:modelValue="debouncedSearch"
                   ></v-text-field>
                 </v-col>
                 <v-col cols="auto">
@@ -241,35 +347,47 @@
                 </v-col>
                 <v-col cols="auto">
                   <v-menu
+                    attach
                     v-model="chooseFilter"
                     bottom
                     :close-on-content-click="false"
                     :offset-y="true"
                   >
-                    <template #activator="{ on, attrs }">
-                      <v-btn color="primary" v-bind="attrs" v-on="on">
+                    <template #activator="{ props }">
+                      <v-btn color="primary" v-bind="props">
                         <v-icon dark left>mdi-filter</v-icon>
                         Helpful Filters
                       </v-btn>
                     </template>
-                    <v-list dense>
-                      <v-list-item v-for="(f, i) in helpfulFilters" :key="i">
-                        <v-checkbox
+                    <v-list density="compact">
+                      <v-list-item
+                        v-for="(item, index) in helpfulFilters"
+                        :key="index"
+                      >
+                        <v-checkbox-btn
                           v-model="selectedFilter"
-                          :label="f.text"
-                          :value="f"
-                          hide-details="auto"
+                          :label="item.text"
+                          :value="item"
                           :multiple="false"
-                          @change="helpfulFilterUpdate(f.preset)"
-                        ></v-checkbox>
+                          hide-details="auto"
+                          @update:modelValue="helpfulFilterUpdate(item.preset)"
+                        ></v-checkbox-btn>
                       </v-list-item>
                     </v-list>
                   </v-menu>
                 </v-col>
+                <v-col>
+                  <NestedMenu
+                    :data="store.getters.getData.checkResults"
+                    :items="showHeaders"
+                    :filters="filters"
+                  ></NestedMenu>
+                </v-col>
               </v-row>
             </v-container>
             <v-data-table
               show-expand
+              v-model:expanded="expanded"
               :headers="showHeaders"
               :items="filteredChecks"
               :footer-props="{
@@ -277,146 +395,133 @@
               }"
               item-key="checkId"
               :items-per-page="10"
-              :search="search"
-              dense
+              :search="route.query.search"
+              density="compact"
             >
-              <template #body.prepend>
-                <tr>
-                  <th><v-icon>mdi-filter</v-icon></th>
-                  <th v-for="header in showHeaders" :key="header.text">
-                    <div v-if="filters.hasOwnProperty(header.value)">
-                      <v-select
-                        v-model="filters[header.value]"
-                        small-chips
-                        deletable-chips
-                        hide-details
-                        multiple
-                        :items="
-                          getValuesArray(getData.checkResults, header.value)
-                        "
-                      ></v-select>
-                    </div>
-                  </th>
-                </tr>
-              </template>
-              <template #expanded-item="{ headers, item }">
-                <td class="text-left pa-4" :colspan="headers.length">
+              <template v-slot:expanded-row="{ columns, item }">
+                <td class="text-left pa-4" :colspan="columns.length">
                   <v-row dense>
                     <v-col cols="2">Check Name</v-col>
-                    <v-col>{{ item.CHECK_NAME }}</v-col>
+                    <v-col>{{ item.raw.CHECK_NAME }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Description</v-col>
                     <v-col
-                      >{{ item.CHECK_DESCRIPTION }} (threshold
-                      {{ item.THRESHOLD_VALUE }}%)</v-col
+                      >{{ item.raw.CHECK_DESCRIPTION }} (threshold
+                      {{ item.raw.THRESHOLD_VALUE }}%)</v-col
                     >
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Threshold</v-col>
-                    <v-col>{{ item.THRESHOLD_VALUE }}</v-col>
+                    <v-col>{{ item.raw.THRESHOLD_VALUE }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Notes</v-col>
-                    <v-col>{{ item.NOTE_VALUE }}</v-col>
+                    <v-col>{{ item.raw.NOTE_VALUE }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Level</v-col>
-                    <v-col>{{ item.CHECK_LEVEL }}</v-col>
+                    <v-col>{{ item.raw.CHECK_LEVEL }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Table</v-col>
                     <v-col>
                       <a
-                        :href="getDocsLink(item.CDM_TABLE_NAME)"
+                        :href="links.getDocsLink(item.raw.CDM_TABLE_NAME)"
                         target="_blank"
                       >
-                        {{ item.CDM_TABLE_NAME }}
+                        {{ item.raw.CDM_TABLE_NAME }}
                         <v-icon small>mdi-open-in-new</v-icon>
                       </a>
                     </v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Field</v-col>
-                    <v-col>{{ item.CDM_FIELD_NAME }}</v-col>
+                    <v-col>{{ item.raw.CDM_FIELD_NAME }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Concept Id</v-col>
                     <v-col>
                       <router-link
-                        v-if="item.CONCEPT_ID != undefined"
+                        v-if="item.raw.CONCEPT_ID != undefined"
                         :to="getConceptDrilldown(item)"
                         color="primary"
                       >
-                        {{ item.CONCEPT_ID }}
+                        {{ item.raw.CONCEPT_ID }}
                         <v-icon small>mdi-open-in-new</v-icon>
                       </router-link>
                     </v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Unit Concept Id</v-col>
-                    <v-col>{{ item.UNIT_CONCEPT_ID }}</v-col>
+                    <v-col>{{ item.raw.UNIT_CONCEPT_ID }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2"># Rows Violated</v-col>
-                    <v-col>{{ item.NUM_VIOLATED_ROWS }}</v-col>
+                    <v-col>{{ item.raw.NUM_VIOLATED_ROWS }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2"># Rows Total</v-col>
-                    <v-col>{{ item.NUM_DENOMINATOR_ROWS }}</v-col>
+                    <v-col>{{ item.raw.NUM_DENOMINATOR_ROWS }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">% Rows Violated</v-col>
                     <v-col
-                      >{{ (item.PCT_VIOLATED_ROWS * 100).toFixed(2) }} %</v-col
+                      >{{
+                        (item.raw.PCT_VIOLATED_ROWS * 100).toFixed(2)
+                      }}
+                      %</v-col
                     >
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Execution Time</v-col>
-                    <v-col>{{ item.EXECUTION_TIME }}</v-col>
+                    <v-col>{{ item.raw.EXECUTION_TIME }}</v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">SQL Query</v-col>
                     <v-col>
-                      <codemirror
+                      <Codemirror
                         ref="myCm"
-                        :value="item.QUERY_TEXT"
+                        :value="item.raw.QUERY_TEXT"
                         :options="cmOptions"
-                        :events="['optionChange']"
-                      ></codemirror>
+                      ></Codemirror>
                     </v-col>
                   </v-row>
                   <v-row dense>
                     <v-col cols="2">Errors</v-col>
-                    <v-col>{{ item.ERROR }}</v-col>
+                    <v-col>{{ item.raw.ERROR }}</v-col>
                   </v-row>
                 </td>
               </template>
               <template #item.SUBCATEGORY="{ item }">{{
-                item.SUBCATEGORY == undefined ? d.SUBCATEGORY : "None"
+                item.raw.SUBCATEGORY == undefined
+                  ? item.raw.SUBCATEGORY
+                  : "None"
               }}</template>
               <template #item.CHECK_DESCRIPTION="{ item }">{{
-                renderDescription(item)
+                renderDescription(item.raw)
               }}</template>
               <template #item.PCT_VIOLATED_ROWS="{ item }">
-                <div class="text-right">{{ renderPercentPassed(item) }} %</div>
+                <div class="text-right">
+                  {{ renderPercentPassed(item.raw) }} %
+                </div>
               </template>
               <template #item.NUM_VIOLATED_ROWS="{ item }">
                 <div class="text-right">
-                  {{ formatComma(item.NUM_VIOLATED_ROWS) }}
+                  {{ helpers.formatComma(item.raw.NUM_VIOLATED_ROWS) }}
                 </div>
               </template>
               <template #item.NUM_DENOMINATOR_ROWS="{ item }">
                 <div class="text-right">
-                  {{ formatComma(item.NUM_DENOMINATOR_ROWS) }}
+                  {{ helpers.formatComma(item.raw.NUM_DENOMINATOR_ROWS) }}
                 </div>
               </template>
             </v-data-table>
-          </v-tab-item>
-          <v-tab-item v-if="dataInStore" value="pivot">
+          </v-window-item>
+          <v-window-item v-if="store.getters.dataInStore" value="pivot">
             <v-container fluid>
               <Pivot
-                :data="getData.rawData.CheckResults"
+                :data="store.getters.getData.rawData.CheckResults"
                 :event-listener="pivotRedirectToResultsTab"
                 :attributes="[
                   'CATEGORY',
@@ -433,333 +538,360 @@
               >
               </Pivot>
             </v-container>
-          </v-tab-item>
-        </v-tabs-items>
+          </v-window-item>
+        </v-window>
       </v-card>
     </div>
   </v-responsive>
 </template>
 
-<script>
-import { codemirror } from "vue-codemirror";
+<script setup lang="ts">
+import Codemirror from "codemirror-editor-vue3";
+import { VDataTable } from "vuetify/labs/VDataTable";
 import Pivot from "../../../widgets/pivot";
 import "codemirror/lib/codemirror.css";
 import "codemirror/mode/sql/sql";
 import "codemirror/theme/neat.css";
 import "codemirror/theme/base16-dark.css";
-import infopanel from "../../../widgets/infoPanel";
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
 import SelectColumns from "@/features/selectColumns";
 
-export default {
-  components: {
-    SelectColumns,
-    codemirror,
-    infopanel,
-    Pivot,
-  },
-  mixins: [mixins, getLinks],
-  data: function () {
-    return {
-      chooseFilter: false,
-      helpfulFilters: [
-        {
-          text: "Failed Checks",
-          key: "failed",
-          preset: {
-            FAILED: ["FAIL"],
-            CDM_TABLE_NAME: [],
-            CDM_FIELD_NAME: [],
-            CHECK_NAME: [],
-            NOTES_EXIST: [],
-            CATEGORY: [],
-            SUBCATEGORY: [],
-            CONTEXT: [],
-            CHECK_LEVEL: [],
-          },
-        },
-        {
-          text: "No Filters",
-          key: "noFilters",
-          preset: {
-            FAILED: [],
-            CDM_TABLE_NAME: [],
-            CDM_FIELD_NAME: [],
-            CHECK_NAME: [],
-            NOTES_EXIST: [],
-            CATEGORY: [],
-            SUBCATEGORY: [],
-            CONTEXT: [],
-            CHECK_LEVEL: [],
-          },
-        },
-      ],
-      filters: {
-        FAILED: [],
-        CDM_TABLE_NAME: [],
-        CDM_FIELD_NAME: [],
-        CHECK_NAME: [],
-        NOTES_EXIST: [],
-        CATEGORY: [],
-        SUBCATEGORY: [],
-        CONTEXT: [],
-        CHECK_LEVEL: [],
-      },
-      search: "",
-      selectedFilter: null,
-      headers: [
-        {
-          text: "Status",
-          sortable: true,
-          value: "FAILED",
-          show: true,
-          default: true,
-        },
-        {
-          text: "Table",
-          sortable: true,
-          value: "CDM_TABLE_NAME",
-          show: true,
-          default: true,
-        },
-        {
-          text: "Field",
-          sortable: true,
-          value: "CDM_FIELD_NAME",
-          show: false,
-        },
-        {
-          text: "Check",
-          sortable: true,
-          value: "CHECK_NAME",
-          show: false,
-        },
-        {
-          text: "Category",
-          sortable: true,
-          value: "CATEGORY",
-          show: false,
-        },
-        {
-          text: "Subcategory",
-          sortable: true,
-          value: "SUBCATEGORY",
-          show: false,
-        },
-        {
-          text: "Context",
-          sortable: true,
-          value: "CONTEXT",
-          show: false,
-        },
-        {
-          text: "Level",
-          sortable: true,
-          value: "CHECK_LEVEL",
-          show: false,
-        },
-        {
-          text: "Notes",
-          sortable: true,
-          value: "NOTES_EXIST",
-          show: false,
-        },
-        {
-          text: "Description",
-          sortable: true,
-          value: "CHECK_DESCRIPTION",
-          show: true,
-          default: true,
-        },
-        {
-          text: "% Records Failed",
-          sortable: true,
-          value: "PCT_VIOLATED_ROWS",
-          show: true,
-          default: true,
-        },
-        {
-          text: "# Records Failed",
-          sortable: true,
-          value: "NUM_VIOLATED_ROWS",
-          show: true,
-          default: true,
-        },
-        {
-          text: "# Total Records",
-          sortable: true,
-          value: "NUM_DENOMINATOR_ROWS",
-          show: false,
-        },
-        {
-          text: "Execution Duration",
-          sortable: true,
-          value: "EXECUTION_TIME",
-          show: false,
-        },
-      ],
-    };
+import { useStore } from "vuex";
+import {
+  useRouter,
+  useRoute,
+  Router,
+  RouteLocationNormalizedLoaded,
+} from "vue-router";
+import { computed, ref, Ref, watch, onBeforeMount } from "vue";
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { debounce } from "lodash";
+import NestedMenu from "@/features/nestedMenu/NestedMenu.vue";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+const expanded = ref([]);
+const chooseFilter: Ref<boolean> = ref(false);
+const helpfulFilters = ref([
+  {
+    text: "Failed Checks",
+    key: "failed",
+    preset: {
+      FAILED: ["FAIL"],
+      CDM_TABLE_NAME: [],
+      CDM_FIELD_NAME: [],
+      CHECK_NAME: [],
+      NOTES_EXIST: [],
+      CATEGORY: [],
+      SUBCATEGORY: [],
+      CONTEXT: [],
+      CHECK_LEVEL: [],
+    },
   },
-  watch: {
-    filterParams() {
-      this.updateFiltersFromUrl();
-      this.updateColumnsList();
+  {
+    text: "No Filters",
+    key: "noFilters",
+    preset: {
+      FAILED: [],
+      CDM_TABLE_NAME: [],
+      CDM_FIELD_NAME: [],
+      CHECK_NAME: [],
+      NOTES_EXIST: [],
+      CATEGORY: [],
+      SUBCATEGORY: [],
+      CONTEXT: [],
+      CHECK_LEVEL: [],
     },
   },
-  created() {
-    this.updateFiltersFromUrl();
-    this.updateColumnsList();
+]);
+const filters = ref({
+  FAILED: [],
+  CDM_TABLE_NAME: [],
+  CDM_FIELD_NAME: [],
+  CHECK_NAME: [],
+  NOTES_EXIST: [],
+  CATEGORY: [],
+  SUBCATEGORY: [],
+  CONTEXT: [],
+  CHECK_LEVEL: [],
+});
+const selectedFilter = ref([]);
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Status",
+    sortable: true,
+    key: "FAILED",
+    show: true,
+    default: true,
   },
-  methods: {
-    pivotRedirectToResultsTab: function (context) {
-      const self = context;
-      return {
-        clickCallback: function (e, value, axisAttributes, pivotData) {
-          if (value) {
-            const params = Object.keys(self.getUniqueAttributeValues)
-              .filter(
-                (attribute) =>
-                  Object.keys(axisAttributes).includes(attribute) ||
-                  Object.keys(pivotData.props.valueFilter).includes(attribute)
-              )
-              .reduce(
-                (acc, key) => ({
-                  ...acc,
-                  [key]: axisAttributes[key]
-                    ? axisAttributes[key]
-                    : Object.values(self.getUniqueAttributeValues[key]).filter(
-                        (attrValue) =>
-                          pivotData.props.valueFilter[key]
-                            ? !Object.keys(
-                                pivotData.props.valueFilter[key]
-                              ).includes(attrValue)
-                            : //empty strings are possible values, as such need additional checks for them, otherwise Object.keys returns an error
-                              attrValue === ""
-                      ),
-                }),
-                {}
-              );
-            self.$router.push({
-              path:
-                "/cdm/" +
-                self.$route.params.cdm +
-                "/" +
-                self.$route.params.release +
-                `/data_quality`,
-              query: {
-                tab: "results",
-                ...params,
-              },
-            });
-          }
-        },
-      };
-    },
-    updateFiltersFromUrl: function () {
-      const parsedParams = JSON.parse(this.filterParams);
-      this.helpfulFilterUpdate(
-        Object.keys(parsedParams).reduce(
-          (acc, key) => ({
-            ...acc,
-            [key]: Array.isArray(parsedParams[key])
-              ? [...parsedParams[key]]
-              : [parsedParams[key]],
-          }),
-          {}
-        )
-      );
-    },
-    updateColumnsList: function () {
-      const parsedParams = Object.keys(JSON.parse(this.filterParams));
-      this.headers = this.headers.map((header) => {
-        if (parsedParams.includes(header.value)) {
-          return { ...header, show: true };
-        } else {
-          if (header.default) {
-            return header;
-          } else {
-            return { ...header, show: false };
-          }
-        }
-      });
-    },
-    helpfulFilterUpdate: function (filter) {
-      this.filters = Object.keys(this.filters).reduce(
-        (acc, key) => ({
-          ...acc,
-          [key]: filter[key] ? filter[key] : [],
-        }),
-        {}
-      );
-    },
-    getConceptDrilldown: function (item) {
-      return {
-        name: "networkConcept",
-        params: {
-          domain: item.CDM_TABLE_NAME.toLowerCase(),
-          concept: item.CONCEPT_ID.toString().trim(),
-        },
-      };
-    },
-    renderDescription: function (d) {
-      let thresholdMessage = "";
-      if (d.THRESHOLD_VALUE != undefined) {
-        thresholdMessage = " (Threshold=" + d.THRESHOLD_VALUE + "%).";
-      }
-      return d.CHECK_DESCRIPTION + thresholdMessage;
-    },
-    renderPercentPassed: function (d) {
-      return d.PCT_VIOLATED_ROWS ? (d.PCT_VIOLATED_ROWS * 100).toFixed(2) : 0;
-    },
+  {
+    title: "Table",
+    sortable: true,
+    key: "CDM_TABLE_NAME",
+    show: true,
+    default: true,
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "getSettings", "dataInStore"]),
-    cmOptions: function () {
-      return {
-        theme: this.getSettings.darkMode ? "base16-dark" : "neat",
-        lineWrapping: true,
-        tabSize: 2,
-        mode: "text/x-sql",
-        viewportMargin: Infinity,
-        lineNumbers: true,
-        autoRefresh: true,
-      };
-    },
-    filterParams: function () {
-      return JSON.stringify(
-        Object.keys(this.$route.query)
-          .filter((param) => param !== "tab")
+  {
+    title: "Field",
+    sortable: true,
+    key: "CDM_FIELD_NAME",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Check",
+    sortable: true,
+    key: "CHECK_NAME",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Category",
+    sortable: true,
+    key: "CATEGORY",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Subcategory",
+    sortable: true,
+    key: "SUBCATEGORY",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Context",
+    sortable: true,
+    key: "CONTEXT",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Level",
+    sortable: true,
+    key: "CHECK_LEVEL",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Notes",
+    sortable: true,
+    key: "NOTES_EXIST",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Description",
+    sortable: true,
+    key: "CHECK_DESCRIPTION",
+    show: true,
+    default: true,
+  },
+  {
+    title: "% Records Failed",
+    sortable: true,
+    key: "PCT_VIOLATED_ROWS",
+    show: true,
+    default: true,
+  },
+  {
+    title: "# Records Failed",
+    sortable: true,
+    key: "NUM_VIOLATED_ROWS",
+    show: true,
+    default: true,
+  },
+  {
+    title: "# Total Records",
+    sortable: true,
+    key: "NUM_DENOMINATOR_ROWS",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Execution Duration",
+    sortable: true,
+    key: "EXECUTION_TIME",
+    show: false,
+    default: false,
+  },
+]);
+
+const pivotRedirectToResultsTab = function (
+  router: Router,
+  route: RouteLocationNormalizedLoaded,
+  componentAttributes: string[]
+) {
+  return {
+    clickCallback: function (e, value, axisAttributes, pivotData) {
+      if (value) {
+        const params = Object.keys(componentAttributes)
+          .filter(
+            (attribute) =>
+              Object.keys(axisAttributes).includes(attribute) ||
+              Object.keys(pivotData.props.valueFilter).includes(attribute)
+          )
           .reduce(
             (acc, key) => ({
               ...acc,
-              [key]: this.$route.query[key],
+              [key]: axisAttributes[key]
+                ? axisAttributes[key]
+                : Object.values(componentAttributes[key]).filter((attrValue) =>
+                    pivotData.props.valueFilter[key]
+                      ? !Object.keys(pivotData.props.valueFilter[key]).includes(
+                          attrValue
+                        )
+                      : //empty strings are possible values, as such need additional checks for them, otherwise Object.keys returns an error
+                        attrValue === ""
+                  ),
             }),
             {}
-          )
-      );
-    },
-    tab: {
-      set(tab) {
-        this.$router.replace({ query: { ...this.$route.query, tab } });
-      },
-      get() {
-        return this.$route.query.tab;
-      },
-    },
-    filteredChecks() {
-      return this.getData.checkResults.filter((d) => {
-        return Object.keys(this.filters).every((f) => {
-          return this.filters[f].length < 1 || this.filters[f].includes(d[f]);
+          );
+        router.push({
+          path:
+            "/cdm/" +
+            route.params.cdm +
+            "/" +
+            route.params.release +
+            `/data_quality`,
+          query: {
+            tab: "results",
+            ...params,
+          },
         });
-      });
+      }
     },
-    showHeaders() {
-      return this.headers.filter((header) => header.show);
+  };
+};
+
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: { ...route.query, search: data },
+  });
+}, 300);
+
+const updateColumnsList = function (): void {
+  const parsedParams = Object.keys(JSON.parse(filterParams.value));
+  headers.value = headers.value.map((header) => {
+    if (parsedParams.includes(header.key)) {
+      return { ...header, show: true };
+    } else {
+      if (header.default) {
+        return header;
+      } else {
+        return { ...header, show: false };
+      }
+    }
+  });
+};
+
+const getConceptDrilldown = function (item) {
+  return {
+    name: "networkConcept",
+    params: {
+      domain: item.CDM_TABLE_NAME.toLowerCase(),
+      concept: item.CONCEPT_ID.toString().trim(),
     },
-  },
+  };
 };
+
+const renderDescription = function (d) {
+  let thresholdMessage = "";
+  if (d.THRESHOLD_VALUE != undefined) {
+    thresholdMessage = " (Threshold=" + d.THRESHOLD_VALUE + "%).";
+  }
+  return d.CHECK_DESCRIPTION + thresholdMessage;
+};
+
+const renderPercentPassed = function (d): string | number {
+  return d.PCT_VIOLATED_ROWS ? (d.PCT_VIOLATED_ROWS * 100).toFixed(2) : 0;
+};
+
+const cmOptions = computed(function () {
+  return {
+    theme: store.getters.getSettings.darkMode ? "base16-dark" : "neat",
+    lineWrapping: true,
+    tabSize: 2,
+    mode: "text/x-sql",
+    viewportMargin: Infinity,
+    lineNumbers: true,
+    autoRefresh: true,
+  };
+});
+const filterParams = computed(function () {
+  return JSON.stringify(
+    Object.keys(route.query)
+      .filter((param) => param !== "tab")
+      .reduce(
+        (acc, key) => ({
+          ...acc,
+          [key]: route.query[key],
+        }),
+        {}
+      )
+  );
+});
+
+const helpfulFilterUpdate = function (filter): void {
+  filters.value = Object.keys(filters.value).reduce(
+    (acc, key) => ({
+      ...acc,
+      [key]: filter[key] ? filter[key] : [],
+    }),
+    {}
+  );
+};
+const updateFiltersFromUrl = function (): void {
+  const parsedParams = JSON.parse(filterParams.value);
+  helpfulFilterUpdate(
+    Object.keys(parsedParams).reduce(
+      (acc, key) => ({
+        ...acc,
+        [key]: Array.isArray(parsedParams[key])
+          ? [...parsedParams[key]]
+          : [parsedParams[key]],
+      }),
+      {}
+    )
+  );
+};
+
+const tab = computed({
+  set(tab: string): void {
+    router.push({
+      query: {
+        tab: tab,
+      },
+    });
+  },
+  get(): string | string[] {
+    return route.query.tab;
+  },
+});
+const filteredChecks = computed(() => {
+  return store.getters.getData.checkResults.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return filters.value[f].length < 1 || filters.value[f].includes(d[f]);
+    });
+  });
+});
+const showHeaders = computed((): DataTableHeader[] => {
+  return headers.value.filter((header) => header.show);
+});
+
+watch(filterParams, (): void => {
+  updateFiltersFromUrl();
+  updateColumnsList();
+});
+
+onBeforeMount((): void => {
+  updateFiltersFromUrl();
+  updateColumnsList();
+});
 </script>
 
 <style>
@@ -780,11 +912,11 @@ table#results {
 }
 table#results tr td.header {
   text-transform: uppercase;
-  background-color: var(--v-accent-base);
+  background-color: rgb(var(--v-theme-accent));
 }
 table#results .subheader {
   text-transform: uppercase;
-  background-color: var(--v-accent-base);
+  background-color: rgb(var(--v-theme-accent));
 }
 table#results {
   border-spacing: 2px;
diff --git a/src/pages/reports/release/DeathReport.vue b/src/pages/reports/release/DeathReport.vue
index cbf6bdf4..cf818494 100644
--- a/src/pages/reports/release/DeathReport.vue
+++ b/src/pages/reports/release/DeathReport.vue
@@ -1,127 +1,134 @@
 <template>
   <div>
-    <v-container v-if="!getErrors" fluid>
+    <v-container v-if="!store.getters.getErrors" fluid>
       <v-responsive min-width="900">
         <div class="text-uppercase text-h6">Death Report</div>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatdeath"
+            width="100"
             title="Age at Death"
-            :config="specAgeAtDeath"
-            :data="getData.AGE_AT_DEATH"
+            :config="chartConfigs.specAgeAtDeath"
+            :data="store.getters.getData.AGE_AT_DEATH"
           />
-          <info-panel
-            v-if="getQueryIndex"
+          <infopanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.name.toUpperCase()].AGE_AT_DEATH[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .AGE_AT_DEATH[0]
               )
             "
             :divider="true"
-          ></info-panel>
+          ></infopanel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-deathbytype"
+            width="100"
             title="Death By Type"
-            :config="specDeathByType"
-            :data="getData.DEATH_BY_TYPE"
+            :config="chartConfigs.specDeathByType"
+            :data="store.getters.getData.DEATH_BY_TYPE"
           />
-          <info-panel
-            v-if="getQueryIndex"
+          <infopanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.name.toUpperCase()].DEATH_BY_TYPE[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .DEATH_BY_TYPE[0]
               )
             "
             :divider="true"
-          ></info-panel>
+          ></infopanel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-recordproportionbyagesexyear"
-            :config="specRecordProportionByAgeSexYear"
-            :data="getData.PREVALENCE_BY_GENDER_AGE_YEAR"
+            width="90"
+            :config="chartConfigs.specRecordProportionByAgeSexYear"
+            :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
             title="Record Count Proportion by Age, Sex, and Year"
           />
-          <info-panel
-            v-if="getQueryIndex"
+          <infopanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.name.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
                   .PREVALENCE_BY_GENDER_AGE_YEAR[0]
               )
             "
             :divider="true"
-          ></info-panel>
+          ></infopanel>
         </v-card>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-recordproportionbymonth"
-            :config="specRecordProportionByMonth"
-            :data="getData.PREVALENCE_BY_MONTH"
+            width="90"
+            :config="chartConfigs.specRecordProportionByMonth"
+            :data="store.getters.getData.PREVALENCE_BY_MONTH"
             title="Record Count Proportion by Month"
           />
-          <info-panel
+          <infopanel
             details="Proportion of people with at least one record per 1000 people."
             :divider="true"
-          ></info-panel>
-          <info-panel
-            v-if="getQueryIndex"
+          ></infopanel>
+          <infopanel
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.name.toUpperCase()].PREVALENCE_BY_MONTH[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .PREVALENCE_BY_MONTH[0]
               )
             "
             :divider="false"
-          ></info-panel>
+          ></infopanel>
         </v-card>
       </v-responsive>
     </v-container>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import infoPanel from "@/widgets/infoPanel";
-import { mapGetters } from "vuex";
-import { getLinks } from "@/shared/config/links";
+import { useRoute } from "vue-router";
+import { useStore } from "vuex";
+import Infopanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
 
-export default {
-  components: {
-    Chart,
-    infoPanel,
-  },
-  mixins: [getLinks],
-  data() {
-    return {
-      specDeathByType: chartConfigs.specDeathByType,
-      specAgeAtDeath: chartConfigs.specAgeAtDeath,
-      specRecordProportionByAgeSexYear:
-        chartConfigs.specRecordProportionByAgeSexYear,
-      specRecordProportionByMonth: chartConfigs.specRecordProportionByMonth,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-  },
-};
+const route = useRoute();
+const store = useStore();
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/DomainDensity.vue b/src/pages/reports/release/DomainDensity.vue
index c50082cf..d5f2b2cf 100644
--- a/src/pages/reports/release/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity.vue
@@ -1,68 +1,69 @@
 <template>
-  <div v-if="!getErrors">
-    <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+  <div v-if="!store.getters.getErrors">
+    <v-card
+      :loading="!store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-overview"
         width="80"
         title="Domain
       Density"
-        :config="defOverview"
-        :data="getData.domainDensity"
+        :config="chartConfigs.defOverview"
+        :data="store.getters.getData.domainDensity"
       />
       <info-panel
-        v-if="getQueryIndex"
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
         :link="
-          getSqlQueryLink(
-            getQueryIndex.DATA_DENSITY.DATADENSITY_RECORDS_PER_PERSON[0]
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DATA_DENSITY
+              .DATADENSITY_RECORDS_PER_PERSON[0]
           )
         "
         :divider="true"
       ></info-panel>
     </v-card>
-    <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+    <v-card
+      :loading="!store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-recordsperperson"
         width="80"
         title="Domain Records per Person"
-        :config="defRecordsPerPerson"
-        :data="getData.domainRecords"
+        :config="chartConfigs.defRecordsPerPerson"
+        :data="store.getters.getData.domainRecords"
       />
-      <info-panel
-        v-if="getQueryIndex"
+      <InfoPanel
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
-        :link="getSqlQueryLink(getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0])"
+        :link="
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
+          )
+        "
         :divider="true"
-      ></info-panel>
+      ></InfoPanel>
     </v-card>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { getLinks } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
 
-export default {
-  components: { Chart, infoPanel },
-  mixins: [getLinks],
-  data() {
-    return {
-      defRecordsPerPerson: chartConfigs.defRecordsPerPerson,
-      defOverview: chartConfigs.defOverview,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-  },
-};
+import { useStore } from "vuex";
+const store = useStore();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable.vue
index 8b8a045f..4e831491 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable.vue
@@ -1,31 +1,30 @@
 <template>
-  <div v-if="!getErrors">
+  <div v-if="!store.getters.getErrors">
     <v-container fluid class="pa-1">
-      <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
-        <div v-if="dataInStore">
+      <v-card
+        :loading="!store.getters.dataInStore"
+        elevation="10"
+        class="ma-4 pa-2"
+      >
+        <div v-if="store.getters.dataInStore">
           <v-row
             ><v-col cols="8">
               <v-layout justify-start align-center class="ml-4 mr-4">
                 <v-card-title>{{
-                  this.$route.params.domain.toUpperCase().replace("_", " ")
+                  route.params.domain.toUpperCase().replace("_", " ")
                 }}</v-card-title>
               </v-layout>
             </v-col>
             <v-col cols="4">
-              <v-layout justify-end align-center class="ml-4 mr-4">
+              <v-layout class="ml-4 mr-4 justify-end align-center">
                 <v-tooltip v-if="issueCount > 0" left nudge-left="15">
-                  <template v-slot:activator="{ on, attrs }">
-                    <v-btn icon tile @click="navigateToDataQuality"
-                      ><v-icon left v-bind="attrs" large color="error" v-on="on"
-                        >mdi-database-alert</v-icon
-                      >
-                      <v-badge
-                        tile
-                        inline
-                        dark
-                        color="error"
-                        :content="issueCount"
-                      ></v-badge>
+                  <template v-slot:activator="{ props }">
+                    <v-btn variant="flat" icon @click="navigateToDataQuality">
+                      <v-badge icon color="error" :content="issueCount">
+                        <v-icon size="large" v-bind="props"
+                          >mdi-database</v-icon
+                        >
+                      </v-badge>
                     </v-btn>
                   </template>
                   <span
@@ -39,12 +38,13 @@
             <v-row>
               <v-col>
                 <v-text-field
-                  :value="$route.query.search"
                   prepend-icon="mdi-magnify"
                   label="Search in Table"
                   single-line
+                  density="compact"
+                  variant="outlined"
                   hide-details
-                  @input="debouncedSearch"
+                  @update:modelValue="debouncedSearch"
                 ></v-text-field>
               </v-col>
               <v-col>
@@ -53,24 +53,24 @@
             </v-row>
           </v-container>
           <v-data-table
-            v-if="getData"
+            v-if="store.getters.getData"
             class="mt-4"
-            dense
+            density="compact"
             :headers="showHeaders"
-            :items="getData.domainTable"
+            :items="store.getters.getData.domainTable"
             :footer-props="{
               'items-per-page-options': [10, 25, 50],
             }"
             item-key="CONCEPT_ID"
             :items-per-page="10"
-            :search="$route.query.search"
+            :search="route.query.search"
             :sort-by="['PERCENT_PERSONS']"
             :sort-desc="[true, false]"
           >
             <template v-slot:item.CONCEPT_ID="{ item }">
               <v-layout flex-end
                 ><router-link :to="getReportRoute(item)">{{
-                  item.CONCEPT_ID
+                  item.raw.CONCEPT_ID
                 }}</router-link></v-layout
               >
             </template>
@@ -79,38 +79,48 @@
                 <v-col cols="10">
                   <router-link
                     :to="getReportRoute(item)"
-                    :title="item.CONCEPT_NAME"
-                    >{{ item.CONCEPT_NAME }}
+                    :title="item.raw.CONCEPT_NAME"
+                    >{{ item.raw.CONCEPT_NAME }}
                   </router-link>
                 </v-col>
               </v-row>
             </template>
             <template v-slot:item.NUM_PERSONS="{ item }">
-              <v-layout
-                justify-end
-                :class="getFontWeight(item.PERCENT_PERSONS_NTILE)"
-                >{{ formatComma(item.NUM_PERSONS) }}</v-layout
+              <v-layout class="justify-end"
+                ><div
+                  :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
+                >
+                  {{ helpers.formatComma(item.raw.NUM_PERSONS) }}
+                </div></v-layout
               >
             </template>
             <template v-slot:item.PERCENT_PERSONS="{ item }">
-              <v-layout
-                justify-end
-                :class="getFontWeight(item.PERCENT_PERSONS_NTILE)"
-                >{{ (item.PERCENT_PERSONS * 100).toFixed(2) }} %</v-layout
+              <v-layout class="justify-end"
+                ><div
+                  :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
+                >
+                  {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %
+                </div></v-layout
               >
             </template>
             <template v-slot:item.RECORDS_PER_PERSON="{ item }">
-              <v-layout
-                justify-end
-                :class="getFontWeight(item.RECORDS_PER_PERSON_NTILE)"
-                >{{ item.RECORDS_PER_PERSON }}</v-layout
+              <v-layout class="justify-end"
+                ><div
+                  :class="
+                    helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)
+                  "
+                >
+                  {{ item.raw.RECORDS_PER_PERSON }}
+                </div></v-layout
               >
             </template>
             <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">
-              <v-layout justify-end
+              <v-layout class="justify-end"
                 >{{
-                  item.PERCENT_MISSING_VALUES
-                    ? `${((1 - item.PERCENT_MISSING_VALUES) * 100).toFixed(2)}%`
+                  item.raw.PERCENT_MISSING_VALUES
+                    ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(
+                        2
+                      )}%`
                     : "No data"
                 }}
               </v-layout>
@@ -123,35 +133,39 @@
           <info-panel
             :divider="false"
             details="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
-            :link="getDatavizDatasheetLink()"
             icon="mdi-eye"
           ></info-panel>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
+            :divider="false"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.DOMAIN_SUMMARY[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY[
+                  route.params.domain.toUpperCase()
+                ]
               )
             "
-            :divider="false"
           ></info-panel>
         </div>
       </v-card>
     </v-container>
     <v-card
-      v-if="$route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
-      :loading="!dataInStore"
+      v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
+      :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
     >
       <Chart
-        v-if="dataInStore && getData.domainStratification"
+        v-if="
+          store.getters.dataInStore &&
+          store.getters.getData.domainStratification
+        "
         id="viz-stratificationbyvisit"
-        :config="specVisitStratification"
-        :data="getData.domainStratification"
+        :config="chartConfigs.specVisitStratification"
+        :data="store.getters.getData.domainStratification"
         title="Domain Data Stratification by Visit"
       />
       <info-panel
@@ -160,198 +174,200 @@
         :divider="true"
       ></info-panel>
       <info-panel
-        v-if="getQueryIndex"
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
-        :link-details="true"
-        :link="
-          getSqlQueryLink(
-            getQueryIndex.DOMAIN_SUMMARY.DOMAIN_VISIT_STRATIFICATION
-          )
-        "
         :divider="false"
       ></info-panel>
     </v-card>
     <v-card
       v-if="$route.params.domain.toUpperCase() === 'DRUG_EXPOSURE'"
-      :loading="!dataInStore"
+      :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
     >
       <Chart
-        v-if="dataInStore && getData.drugStratification"
+        v-if="
+          store.getters.dataInStore && store.getters.getData.drugStratification
+        "
         id="viz-stratificationbydrugtype"
-        :config="specDrugTypeStratification"
-        :data="getData.drugStratification"
+        :config="chartConfigs.specDrugTypeStratification"
+        :data="store.getters.getData.drugStratification"
         title="Drug Domain Stratification by Drug Type"
       />
       <info-panel
-        v-if="getQueryIndex"
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
+        :divider="false"
         :link="
-          getSqlQueryLink(
-            getQueryIndex.DOMAIN_SUMMARY.DOMAIN_DRUG_STRATIFICATION
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DOMAIN_SUMMARY
+              .DOMAIN_DRUG_STRATIFICATION
           )
         "
-        :divider="false"
       ></info-panel>
     </v-card>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import InfoPanel from "../../../widgets/infoPanel";
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
 import SelectColumns from "@/features/selectColumns";
 
-export default {
-  components: {
-    SelectColumns,
-    Chart,
-    InfoPanel,
+import { ref, computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useStore } from "vuex";
+import { debounce } from "lodash";
+import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
+
+const route = useRoute();
+const router = useRouter();
+const store = useStore();
+
+const headers = ref([
+  {
+    title: "Concept Id",
+    sortable: true,
+    key: "CONCEPT_ID",
+    align: "start",
+    show: true,
+    domain: ["ALL"],
   },
-  mixins: [mixins, getLinks],
-  data: function () {
-    return {
-      chooseHeaderMenu: false,
-      headers: [
-        {
-          text: "Concept Id",
-          sortable: true,
-          value: "CONCEPT_ID",
-          align: "start",
-          show: true,
-          domain: ["ALL"],
-        },
-        {
-          text: "Concept Name",
-          sortable: true,
-          value: "CONCEPT_NAME",
-          align: "start",
-          show: true,
-          domain: ["ALL"],
-        },
-        {
-          text: "# People",
-          sortable: true,
-          value: "NUM_PERSONS",
-          align: "end",
-          show: false,
-          domain: ["ALL"],
-        },
-        {
-          text: "% People",
-          sortable: true,
-          value: "PERCENT_PERSONS",
-          align: "end",
-          show: true,
-          domain: ["ALL"],
-        },
-        {
-          text: "Records per Person",
-          sortable: true,
-          value: "RECORDS_PER_PERSON",
-          align: "end",
-          show: true,
-          domain: ["ALL"],
-        },
-        {
-          text: "Avg Duration",
-          sortable: true,
-          value: "AVERAGE_DURATION",
-          align: "end",
-          domain: ["VISIT_OCCURRENCE", "VISIT_DETAIL"],
-          show: true,
-        },
-        {
-          text: "% with Values",
-          sortable: true,
-          value: "PERCENT_MISSING_VALUES",
-          align: "end",
-          domain: ["MEASUREMENT"],
-          show: true,
-        },
-        {
-          text: "Median Era Length (Days)",
-          sortable: true,
-          value: "MEDIAN_VALUE",
-          align: "end",
-          domain: ["DRUG_ERA", "CONDITION_ERA"],
-          show: true,
-        },
-        {
-          text: "25th % Era Length (Days)",
-          sortable: true,
-          align: "end",
-          value: "P25_VALUE",
-          domain: ["DRUG_ERA", "CONDITION_ERA"],
-          show: false,
-        },
-        {
-          text: "75th % Era Length (Days)",
-          sortable: true,
-          align: "end",
-          value: "P75_VALUE",
-          domain: ["DRUG_ERA", "CONDITION_ERA"],
-          show: false,
-        },
-      ],
-      specVisitStratification: chartConfigs.specVisitStratification,
-      specDrugTypeStratification: chartConfigs.specDrugTypeStratification,
-    };
+  {
+    title: "Concept Name",
+    sortable: true,
+    key: "CONCEPT_NAME",
+    align: "start",
+    show: true,
+    domain: ["ALL"],
   },
-  computed: {
-    getHeadersByDomain() {
-      const openedDomain = this.$route.params.domain.toUpperCase();
-      return this.headers.filter(
-        (value) =>
-          value.domain.includes("ALL") || value.domain.includes(openedDomain)
-      );
-    },
-    showHeaders() {
-      return this.getHeadersByDomain.filter((header) => header.show);
-    },
-    domainIssue: function () {
-      if (this.getData) {
-        return this.getData.domainIssues.find(
-          (di) => di.cdm_table_name === this.$route.params.domain
-        );
-      } else {
-        return [];
-      }
-    },
-    issueCount: function () {
-      return this.domainIssue?.count_failed || 0;
-    },
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
+  {
+    title: "# People",
+    sortable: true,
+    key: "NUM_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },
+  {
+    title: "% People",
+    sortable: true,
+    key: "PERCENT_PERSONS",
+    align: "end",
+    show: true,
+    domain: ["ALL"],
   },
-  methods: {
-    getReportRoute(item) {
-      return {
-        name: "concept",
-        params: { concept: item.CONCEPT_ID },
-      };
+  {
+    title: "Records per Person",
+    sortable: true,
+    key: "RECORDS_PER_PERSON",
+    align: "end",
+    show: true,
+    domain: ["ALL"],
+  },
+  {
+    title: "Avg Duration",
+    sortable: true,
+    key: "AVERAGE_DURATION",
+    align: "end",
+    domain: ["VISIT_OCCURRENCE", "VISIT_DETAIL"],
+    show: true,
+  },
+  {
+    title: "% with Values",
+    sortable: true,
+    key: "PERCENT_MISSING_VALUES",
+    align: "end",
+    domain: ["MEASUREMENT"],
+    show: true,
+  },
+  {
+    title: "Median Era Length (Days)",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "end",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: true,
+  },
+  {
+    title: "25th % Era Length (Days)",
+    sortable: true,
+    align: "end",
+    key: "P25_VALUE",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: false,
+  },
+  {
+    title: "75th % Era Length (Days)",
+    sortable: true,
+    align: "end",
+    key: "P75_VALUE",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: false,
+  },
+]);
+
+const getHeadersByDomain = computed(function () {
+  //add param type check
+  const openedDomain = route.params.domain.toUpperCase();
+  return headers.value.filter(
+    (value) =>
+      value.domain.includes("ALL") || value.domain.includes(openedDomain)
+  );
+});
+
+const showHeaders = computed(() => {
+  return getHeadersByDomain.value.filter((header) => header.show);
+});
+
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: {
+      search: data,
+    },
+  });
+}, 300);
+
+const domainIssue = computed(function (): DomainIssues | [] {
+  if (store.getters.getData) {
+    return store.getters.getData.domainIssues.find(
+      (di) => di.cdm_table_name === route.params.domain
+    );
+  } else {
+    return [];
+  }
+});
+
+const issueCount = computed(function (): number {
+  return domainIssue.value?.count_failed || 0;
+});
+
+const getReportRoute = function (item) {
+  return {
+    name: "concept",
+    params: { concept: item.raw.CONCEPT_ID },
+  };
+};
+
+const navigateToDataQuality = function () {
+  router.push({
+    name: "dataQuality",
+    params: {
+      cdm: route.params.cdm,
+      release: route.params.release,
     },
-    navigateToDataQuality() {
-      this.$router.push({
-        name: "dataQuality",
-        params: {
-          cdm: this.$route.params.cdm,
-          release: this.$route.params.release,
-        },
-        query: {
-          tab: "results",
-          CDM_TABLE_NAME: this.$route.params.domain.toUpperCase(),
-          FAILED: "FAIL",
-        },
-      });
+    query: {
+      tab: "results",
+      CDM_TABLE_NAME: route.params.domain.toUpperCase(),
+      FAILED: "FAIL",
     },
-  },
+  });
 };
 </script>
 
diff --git a/src/pages/reports/release/MetadataReport.vue b/src/pages/reports/release/MetadataReport.vue
index 1295192a..a197f665 100644
--- a/src/pages/reports/release/MetadataReport.vue
+++ b/src/pages/reports/release/MetadataReport.vue
@@ -1,14 +1,18 @@
 <template>
-  <div v-if="!getErrors">
-    <v-card :loading="!getData.cdmsourceData" elevation="10" class="ma-4 pa-2">
+  <div v-if="!store.getters.getErrors">
+    <v-card
+      :loading="!store.getters.getData.cdmsourceData"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-card-title>CDM Source Details</v-card-title>
-      <v-container v-if="getData.cdmsourceData" fluid>
+      <v-container v-if="store.getters.getData.cdmsourceData" fluid>
         <v-layout
-          v-for="(d, i) in getData.cdmsourceData.columns"
+          v-for="(d, i) in store.getters.getData.cdmsourceData.columns"
           :key="i"
           class="pl-8"
         >
-          {{ d }}: {{ getData.cdmsourceData[0][d] }}
+          {{ d }}: {{ store.getters.getData.cdmsourceData[0][d] }}
         </v-layout>
       </v-container>
       <info-panel
@@ -17,23 +21,27 @@
         :divider="true"
       ></info-panel>
       <info-panel
-        v-if="getQueryIndex"
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
-        :link="getSqlQueryLink(getQueryIndex.CDM_SOURCE[0])"
+        :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
         :divider="false"
       ></info-panel>
     </v-card>
-    <v-card :loading="!getData.metadataData" elevation="10" class="ma-4 pa-2">
+    <v-card
+      :loading="!store.getters.getData.metadataData"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-card-title>Metadata</v-card-title>
-      <v-container v-if="getData.metadataData" fluid>
+      <v-container v-if="store.getters.getData.metadataData" fluid>
         <v-data-table
-          v-if="getData"
+          v-if="store.getters.getData"
           class="mt-4"
           dense
           :headers="headers"
-          :items="getData.metadataData"
+          :items="store.getters.getData.metadataData"
         >
         </v-data-table>
       </v-container>
@@ -43,73 +51,66 @@
         :divider="true"
       ></info-panel>
       <info-panel
-        v-if="getQueryIndex"
+        v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         details="View export query."
         :link-details="true"
-        :link="getSqlQueryLink(getQueryIndex.METADATA[0])"
+        :link="links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])"
         :divider="false"
       ></info-panel>
     </v-card>
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+<script setup lang="ts">
+import InfoPanel from "@/widgets/infoPanel";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { links } from "@/shared/config/links";
 
-export default {
-  components: { infoPanel },
-  mixins: [mixins, getLinks],
-  data: function () {
-    return {
-      search: "",
-      headers: [
-        {
-          text: "METADATA_CONCEPT_ID",
-          sortable: true,
-          value: "METADATA_CONCEPT_ID",
-          align: "start",
-        },
-        {
-          text: "NAME",
-          sortable: true,
-          value: "NAME",
-          align: "start",
-        },
-        {
-          text: "VALUE_AS_STRING",
-          sortable: true,
-          value: "VALUE_AS_STRING",
-          align: "start",
-        },
-        {
-          text: "VALUE_AS_CONCEPT_ID",
-          sortable: true,
-          value: "VALUE_AS_CONCEPT_ID",
-          align: "start",
-        },
-        {
-          text: "METADATA_DATE",
-          sortable: true,
-          value: "METADATA_DATE",
-          align: "start",
-        },
-        {
-          text: "METADATA_DATETIME",
-          sortable: true,
-          value: "METADATA_DATETIME",
-          align: "start",
-        },
-      ],
-    };
+import { useStore } from "vuex";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "METADATA_CONCEPT_ID",
+    sortable: true,
+    key: "METADATA_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "NAME",
+    sortable: true,
+    key: "NAME",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_STRING",
+    sortable: true,
+    key: "VALUE_AS_STRING",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_CONCEPT_ID",
+    sortable: true,
+    key: "VALUE_AS_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "METADATA_DATE",
+    sortable: true,
+    key: "METADATA_DATE",
+    align: "start",
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "getQueryIndex"]),
+  {
+    title: "METADATA_DATETIME",
+    sortable: true,
+    key: "METADATA_DATETIME",
+    align: "start",
   },
-};
+]);
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport.vue
index 5e811d36..a5d108d1 100644
--- a/src/pages/reports/release/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport.vue
@@ -1,42 +1,49 @@
 <template>
   <div>
-    <v-container v-if="!getErrors" fluid>
+    <v-container v-if="!store.getters.getErrors" fluid>
       <v-responsive min-width="900">
         <div class="text-uppercase text-h6">Observation Period Report</div>
-        <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.dataInStore"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-cumulativeobservation"
-            :config="specCumulativeObservation"
-            :data="getData.observationPeriodData.CUMULATIVE_DURATION"
+            :config="chartConfigs.specCumulativeObservation"
+            :data="
+              store.getters.getData.observationPeriodData.CUMULATIVE_DURATION
+            "
             title="Cumulative Observation"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .CUMULATIVE_DURATION[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
         <v-card
-          v-if="dataInStore"
-          :loading="!getData"
+          v-if="store.getters.dataInStore"
+          :loading="!store.getters.getData"
           elevation="10"
           class="ma-4 pa-2"
         >
           <v-card-title>Observation Periods per Person</v-card-title>
           <v-data-table
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             class="mt-4"
-            dense
+            density="compact"
             :headers="headers"
-            :items="getData.personPeriods"
+            :items="store.getters.getData.personPeriods"
             :footer-props="{
               'items-per-page-options': [5, 10, 25, 50],
             }"
@@ -44,131 +51,164 @@
             :sort-by="['PERCENT_PEOPLE']"
             :sort-desc="[true, false]"
           >
-            <template v-slot:item.PERCENT_PEOPLE="{ item }">
-              {{ item.PERCENT_PEOPLE }}%
+            <template #item.PERCENT_PEOPLE="{ item }">
+              {{ item.raw.PERCENT_PEOPLE }}%
             </template>
-            <template v-slot:item.COUNT_VALUE="{ item }">
-              {{ formatComma(item.COUNT_VALUE) }}
+            <template #item.COUNT_VALUE="{ item }">
+              {{ helpers.formatComma(item.raw.COUNT_VALUE) }}
             </template>
           </v-data-table>
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.PERSON_PERIODS_DATA[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .PERSON_PERIODS_DATA[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-observationbymonth"
-            :config="specObservationByMonth"
-            :data="getData.observationPeriodData.OBSERVED_BY_MONTH"
+            width="90"
+            :config="chartConfigs.specObservationByMonth"
+            :data="
+              store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH
+            "
             title="Observation over Time"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.OBSERVED_BY_MONTH[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .OBSERVED_BY_MONTH[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-observationbyage"
-            :config="specObservationByAge"
+            :config="chartConfigs.specObservationByAge"
             :data="
-              getData.observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE
+              store.getters.getData.observationPeriodData
+                .OBSERVATION_PERIOD_LENGTH_BY_AGE
             "
             title="Years of Observation by Age"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
                   .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-observationbysex"
-            :config="specObservationBySex"
+            :config="chartConfigs.specObservationBySex"
             :data="
-              getData.observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_GENDER
+              store.getters.getData.observationPeriodData
+                .OBSERVATION_PERIOD_LENGTH_BY_GENDER
             "
             title="Years of Observation by Sex"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
                   .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ageatfirstobservation"
-            :config="specAgeAtFirstObservation"
-            :data="getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION"
+            :config="chartConfigs.specAgeAtFirstObservation"
+            :data="
+              store.getters.getData.observationPeriodData
+                .AGE_AT_FIRST_OBSERVATION
+            "
             title="Age at First Observation"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex.OBSERVATION_PERIOD.AGE_AT_FIRST_OBSERVATION[0]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .AGE_AT_FIRST_OBSERVATION[0]
               )
             "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-agebysex"
-            :config="specAgeBySex"
-            :data="getData.observationPeriodData.AGE_BY_GENDER"
+            :config="chartConfigs.specAgeBySex"
+            :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
             title="Age at First Observation by Sex"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0])
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
+              )
             "
             :divider="true"
           ></info-panel>
@@ -178,53 +218,39 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import { VDataTable } from "vuetify/labs/VDataTable";
+
+import { useStore } from "vuex";
+
+const store = useStore();
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
-export default {
-  components: {
-    Chart,
-    infoPanel,
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Number of Observation Periods",
+    sortable: true,
+    key: "CONCEPT_ID",
+    align: "start",
   },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      headers: [
-        {
-          text: "Number of Observation Periods",
-          sortable: true,
-          value: "CONCEPT_ID",
-          align: "start",
-        },
-        {
-          text: "Number of People",
-          sortable: true,
-          value: "COUNT_VALUE",
-          align: "start",
-        },
-        {
-          text: "% of People",
-          sortable: true,
-          value: "PERCENT_PEOPLE",
-          align: "end",
-        },
-      ],
-      specAgeAtFirstObservation: chartConfigs.specAgeAtFirstObservation,
-      specAgeBySex: chartConfigs.specAgeBySex,
-      specCumulativeObservation: chartConfigs.specCumulativeObservation,
-      specObservationByAge: chartConfigs.specObservationByAge,
-      specObservationBySex: chartConfigs.specAgeBySex,
-      specObservationByMonth: chartConfigs.specObservationByMonth,
-    };
+  {
+    title: "Number of People",
+    sortable: true,
+    key: "COUNT_VALUE",
+    align: "start",
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
+  {
+    title: "% of People",
+    sortable: true,
+    key: "PERCENT_PEOPLE",
+    align: "end",
   },
-};
+]);
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/PerformanceTable.vue b/src/pages/reports/release/PerformanceTable.vue
index 4a6f19d1..62d4475b 100644
--- a/src/pages/reports/release/PerformanceTable.vue
+++ b/src/pages/reports/release/PerformanceTable.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <v-container v-if="dataInStore && !getErrors" fluid class="pa-1">
+    <v-container
+      v-if="store.getters.dataInStore && !store.getters.getErrors"
+      fluid
+      class="pa-1"
+    >
       <v-card elevation="10" class="ma-4 pa-2">
         <v-card-title>Performance</v-card-title>
         <v-row>
@@ -10,6 +14,7 @@
               prepend-icon="mdi-magnify"
               label="Search in Table"
               single-line
+              variant="outlined"
               hide-details
             ></v-text-field>
           </v-col>
@@ -18,7 +23,7 @@
 
         <v-data-table
           class="mt-4"
-          dense
+          density="compact"
           :headers="headers"
           :items="filteredRecords"
           :footer-props="{
@@ -28,49 +33,60 @@
           :items-per-page="10"
           :search="search"
         >
-          <template v-slot:body.prepend>
+          <template #body.prepend>
             <tr>
-              <th v-for="header in headers" :key="header.text">
-                <div v-if="filters.hasOwnProperty(header.value)">
+              <th v-for="header in headers" :key="header.title">
+                <div v-if="filters.hasOwnProperty(header.key)">
                   <v-select
-                    v-model="filters[header.value]"
+                    v-model="filters[header.key]"
                     small-chips
                     deletable-chips
                     hide-details
                     multiple
-                    :items="getValuesArray(getData.domainTable, header.value)"
+                    :items="
+                      helpers.getValuesArray(
+                        store.getters.getData.domainTable,
+                        header.key
+                      )
+                    "
                   ></v-select>
                 </div>
               </th>
             </tr>
           </template>
-          <template v-slot:item.analysis_id="{ item }">
+          <template #item.analysis_id="{ item }">
             <v-layout justify-end
               ><a
                 target="_new"
-                :href="getSqlQueryLink(`analyses/${item.analysis_id}.sql`)"
-                >{{ item.analysis_id }}</a
+                :href="
+                  links.getSqlQueryLink(`analyses/${item.raw.analysis_id}.sql`)
+                "
+                >{{ item.raw.analysis_id }}</a
               ></v-layout
             >
           </template>
-          <template v-slot:item.elapsed_seconds="{ item }">
-            <v-layout justify-end>{{ item.elapsed_seconds }}</v-layout>
+          <template #item.elapsed_seconds="{ item }">
+            <v-layout justify-end>{{ item.raw.elapsed_seconds }}</v-layout>
           </template>
         </v-data-table>
 
         <info-panel
           details="This report
           describes how long each analysis executed during Achilles characterization took to run in seconds."
-          :link="getAchillesLink"
+          :link="links.getAchillesLink"
         >
         </info-panel>
 
         <info-panel
-          v-if="getQueryIndex"
+          v-if="store.getters.getQueryIndex"
           icon="mdi-code-braces"
           details="View export query."
           :link-details="true"
-          :link="getSqlQueryLink(getQueryIndex.ACHILLES_PERFORMANCE[0])"
+          :link="
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
+            )
+          "
           :divider="false"
         ></info-panel>
       </v-card>
@@ -78,53 +94,47 @@
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import { getLinks } from "@/shared/config/links";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
+<script setup lang="ts">
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { helpers } from "@/shared/lib/mixins";
+import { useStore } from "vuex";
 
-export default {
-  components: { infoPanel },
-  mixins: [mixins, getLinks],
-  props: {
-    resultFile: String,
+const store = useStore();
+
+import { ref, computed } from "vue";
+
+const search = ref("");
+const filters = ref({});
+const headers = ref([
+  {
+    title: "Analysis Id",
+    sortable: true,
+    key: "analysis_id",
   },
-  data: function () {
-    return {
-      chooseHeaderMenu: false,
-      search: "",
-      filters: {},
-      headers: [
-        {
-          text: "Analysis Id",
-          sortable: true,
-          value: "analysis_id",
-        },
-        {
-          text: "Analysis Name",
-          sortable: true,
-          value: "analysis_name",
-        },
-        {
-          text: "Duration (seconds)",
-          sortable: true,
-          value: "elapsed_seconds",
-        },
-      ],
-    };
+  {
+    title: "Analysis Name",
+    sortable: true,
+    key: "analysis_name",
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-    filteredRecords() {
-      return this.getData.domainTable.filter((d) => {
-        return Object.keys(this.filters).every((f) => {
-          return this.filters[f].length < 1 || this.filters[f].includes(d[f]);
-        });
-      });
-    },
+  {
+    title: "Duration (seconds)",
+    sortable: true,
+    key: "elapsed_seconds",
   },
-};
+]);
+
+const filteredRecords = computed(function () {
+  return store.getters.getData.domainTable.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return (
+        filters.value[f as keyof typeof filters].length < 1 ||
+        filters.value[f as keyof typeof filters].includes(d[f])
+      );
+    });
+  });
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/PersonReport.vue b/src/pages/reports/release/PersonReport.vue
index 4a9743b1..4ab14ee9 100644
--- a/src/pages/reports/release/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport.vue
@@ -1,19 +1,21 @@
 <template>
   <div>
-    <v-container v-if="!getErrors && dataInStore" fluid>
+    <v-container
+      v-if="!store.getters.getErrors && store.getters.dataInStore"
+      fluid
+    >
+      <div class="text-uppercase text-h5 ma-4">Person Report</div>
       <v-responsive min-width="900">
-        <div class="text-uppercase text-h6">Person Report</div>
-        <br />
-        <v-row>
+        <v-row class="ma-4" justify="start">
           <!-- Total persons in top bar -->
-          <v-col cols="2" align="center">
+          <v-col cols="2">
             <v-icon left color="info">mdi-account-group</v-icon>
             <v-badge
               tile
               inline
               dark
               color="info"
-              :content="formatComma(getData.numPersons)"
+              :content="helpers.formatComma(store.getters.getData.numPersons)"
             ></v-badge>
             <p class="text-caption">Number of People</p>
           </v-col>
@@ -27,9 +29,9 @@
               color="info"
               :content="
                 'Male: ' +
-                formatComma(getData.genderMaleCount) +
+                helpers.formatComma(store.getters.getData.genderMaleCount) +
                 ' (' +
-                formatPercent(getData.genderMalePct) +
+                helpers.formatPercent(store.getters.getData.genderMalePct) +
                 ')'
               "
             ></v-badge>
@@ -40,80 +42,109 @@
               color="info"
               :content="
                 'Female: ' +
-                formatComma(getData.genderFemaleCount) +
+                helpers.formatComma(store.getters.getData.genderFemaleCount) +
                 ' (' +
-                formatPercent(getData.genderFemalePct) +
+                helpers.formatPercent(store.getters.getData.genderFemalePct) +
                 ')'
               "
             ></v-badge>
             <p class="text-caption">Proportion by Sex</p>
           </v-col>
         </v-row>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-populationbyageandsex"
             title="Population by Age &amp; Sex"
-            :data="getData.personData.AGE_GENDER_DATA"
-            :config="specAgeSex"
+            width="90"
+            :data="store.getters.getData.personData.AGE_GENDER_DATA"
+            :config="chartConfigs.specAgeSex"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.PERSON.AGE_GENDER_DATA)"
+            :link="
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+              )
+            "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="2"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-race"
-            :config="specRace"
-            :data="getData.personData.RACE_DATA"
+            :config="chartConfigs.specRace"
+            :data="store.getters.getData.personData.RACE_DATA"
             title="Population by Race"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.PERSON.RACE_DATA)"
+            :link="
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.RACE_DATA
+              )
+            "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="2"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-birthyear"
-            :config="specBirthYear"
-            :data="getData.personData.BIRTH_YEAR_DATA"
+            :config="chartConfigs.specBirthYear"
+            :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
             title="Population by Year of Birth"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.PERSON.BIRTH_YEAR_DATA)"
+            :link="
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
+              )
+            "
             :divider="true"
           ></info-panel>
         </v-card>
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="2"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="dataInStore"
+            v-if="store.getters.dataInStore"
             id="viz-ethnicity"
-            :config="specEthnicity"
-            :data="getData.personData.ETHNICITY_DATA"
+            :config="chartConfigs.specEthnicity"
+            :data="store.getters.getData.personData.ETHNICITY_DATA"
             title="Population by Ethnicity"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.PERSON.ETHNICITY_DATA)"
+            :link="
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.ETHNICITY_DATA
+              )
+            "
             :divider="true"
           ></info-panel>
         </v-card>
@@ -122,31 +153,15 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
 
-export default {
-  components: {
-    Chart,
-    infoPanel,
-  },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      specBirthYear: chartConfigs.specBirthYear,
-      specRace: chartConfigs.specRace,
-      specEthnicity: chartConfigs.specEthnicity,
-      specAgeSex: chartConfigs.specAgeSex,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-  },
-};
+import { useStore } from "vuex";
+
+const store = useStore();
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterization.vue
index 8bf9b70b..63d5785c 100644
--- a/src/pages/reports/release/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterization.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card v-if="dataInStore" elevation="10" class="ma-4 pa-2">
+  <v-card v-if="store.getters.dataInStore" elevation="10" class="ma-4 pa-2">
     <v-card-title>Temporal Characterization</v-card-title>
     <!--Table controls-->
     <v-row>
@@ -9,7 +9,8 @@
           label="Search in Table"
           single-line
           hide-details
-          @input="debouncedSearch"
+          variant="outlined"
+          v-model="search"
         ></v-text-field>
       </v-col>
     </v-row>
@@ -23,29 +24,33 @@
       item-key="checkId"
       :items-per-page="10"
       :search="search"
-      dense
+      density="compact"
     >
       <template v-slot:item.CONCEPT_ID="{ item }">
         <v-layout flex-end
-          ><router-link :to="getReportRoute(item)">{{
-            item.CONCEPT_ID
+          ><router-link :to="getReportRoute(item.raw)">{{
+            item.raw.CONCEPT_ID
           }}</router-link></v-layout
         >
       </template>
       <template v-slot:item.CONCEPT_NAME="{ item }">
         <v-row>
           <v-col cols="10">
-            <router-link :to="getReportRoute(item)" :title="item.CONCEPT_NAME"
-              >{{ item.CONCEPT_NAME }}
+            <router-link
+              :to="getReportRoute(item.raw)"
+              :title="item.raw.CONCEPT_NAME"
+              >{{ item.raw.CONCEPT_NAME }}
             </router-link>
           </v-col>
         </v-row>
       </template>
       <template v-slot:body.prepend>
         <tr>
-          <th v-for="header in headers" :key="header.text">
+          <th v-for="header in headers" :key="header.title">
             <div
-              v-if="header.text === 'Table' || header.text === 'Is Stationary'"
+              v-if="
+                header.title === 'Table' || header.title === 'Is Stationary'
+              "
             >
               <v-select
                 v-model="filters[header.value]"
@@ -54,7 +59,7 @@
                 deletable-chips
                 hide-details
                 multiple
-                :items="getValuesArray(filteredChecks, header.value)"
+                :items="helpers.getValuesArray(filteredChecks, header.value)"
               ></v-select>
             </div>
           </th>
@@ -62,86 +67,90 @@
       </template>
     </v-data-table>
     <info-panel
-      v-if="getQueryIndex && getQueryIndex.TEMPORAL_CHARACTERIZATION"
+      v-if="
+        store.getters.getQueryIndex &&
+        store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
+      "
       icon="mdi-code-braces"
       details="View export query."
       :link-details="true"
-      :link="getSqlQueryLink(getQueryIndex.TEMPORAL_CHARACTERIZATION[0])"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+        )
+      "
       :divider="true"
     ></info-panel>
   </v-card>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+<script setup lang="ts">
+import InfoPanel from "@/widgets/infoPanel";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import { computed, ref, Ref } from "vue";
+import { useStore } from "vuex";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
-export default {
-  name: "TemporalCharacterization",
-  components: {
-    infoPanel,
+const store = useStore();
+
+const search = ref("");
+const filters = ref({
+  CDM_TABLE_NAME: [],
+  IS_STATIONARY: [],
+});
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Table",
+    sortable: false,
+    key: "CDM_TABLE_NAME",
   },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      search: "",
-      filters: {
-        CDM_TABLE_NAME: [],
-        IS_STATIONARY: [],
-      },
-      headers: [
-        {
-          text: "Table",
-          sortable: false,
-          value: "CDM_TABLE_NAME",
-        },
-        {
-          text: "Concept id",
-          sortable: false,
-          value: "CONCEPT_ID",
-        },
-        {
-          text: "Concept Name",
-          sortable: false,
-          value: "CONCEPT_NAME",
-        },
-        {
-          text: "Seasonality Score",
-          sortable: true,
-          value: "SEASONALITY_SCORE",
-        },
-        {
-          text: "Is Stationary",
-          sortable: true,
-          value: "IS_STATIONARY",
-        },
-      ],
-    };
+  {
+    title: "Concept id",
+    sortable: false,
+    key: "CONCEPT_ID",
   },
-  methods: {
-    getReportRoute(item) {
-      return {
-        name: "concept",
-        params: {
-          domain: item.CDM_TABLE_NAME.toLowerCase(),
-          concept: item.CONCEPT_ID,
-        },
-      };
-    },
+  {
+    title: "Concept Name",
+    sortable: false,
+    key: "CONCEPT_NAME",
   },
-  computed: {
-    ...mapGetters(["getData", "dataInStore", "getErrors", "getQueryIndex"]),
-    filteredChecks() {
-      return this.getData.temporalCharacterization.filter((d) => {
-        return Object.keys(this.filters).every((f) => {
-          return this.filters[f].length < 1 || this.filters[f].includes(d[f]);
-        });
-      });
-    },
+  {
+    title: "Seasonality Score",
+    sortable: true,
+    key: "SEASONALITY_SCORE",
+  },
+  {
+    title: "Is Stationary",
+    sortable: true,
+    key: "IS_STATIONARY",
   },
-};
+]);
+
+const filteredChecks = computed(function () {
+  return store.getters.getData.temporalCharacterization.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return (
+        filters.value[f as keyof typeof filters].length < 1 ||
+        filters.value[f as keyof typeof filters].includes(d[f])
+      );
+    });
+  });
+});
+
+function getReportRoute(item: {
+  CDM_TABLE_NAME: string;
+  CONCEPT_ID: string | number;
+}) {
+  return {
+    name: "concept",
+    params: {
+      domain: item.CDM_TABLE_NAME.toLowerCase(),
+      concept: item.CONCEPT_ID,
+    },
+  };
+}
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodes.vue
index cba98e00..b7f0d5e0 100644
--- a/src/pages/reports/release/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodes.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <v-card
-      v-if="!getErrors"
-      :loading="!dataInStore"
+      v-if="!store.getters.getErrors"
+      :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
     >
@@ -14,16 +14,16 @@
             label="Search in Table"
             single-line
             hide-details
-            @input="debouncedSearch"
+            @input="helpers.debouncedSearch"
           ></v-text-field>
         </v-col>
         <v-col cols="9"> </v-col>
       </v-row>
 
       <v-data-table
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         class="mt-4"
-        dense
+        density="compact"
         :headers="headers"
         :items="filteredRecords"
         :footer-props="{
@@ -32,27 +32,27 @@
         item-key="CONCEPT_ID"
         :items-per-page="10"
         :search="search"
-        sort-by="RECORD_COUNT"
-        :sort-desc="true"
       >
-        <template v-slot:body.prepend>
+        <template #body.prepend>
           <tr>
             <th v-for="header in headers" :key="header.text">
-              <div v-if="filters.hasOwnProperty(header.value)">
+              <div v-if="filters.hasOwnProperty(header.key)">
                 <v-select
-                  v-model="filters[header.value]"
+                  v-model="filters[header.key]"
                   small-chips
                   deletable-chips
                   hide-details
                   multiple
-                  :items="getValuesArray(filteredRecords, header.value)"
+                  :items="helpers.getValuesArray(filteredRecords, header.key)"
                 ></v-select>
               </div>
             </th>
           </tr>
         </template>
-        <template v-slot:item.RECORD_COUNT="{ item }">
-          <v-layout justify-end>{{ formatComma(item.RECORD_COUNT) }}</v-layout>
+        <template #item.RECORD_COUNT="{ item }">
+          <v-layout justify-end>{{
+            helpers.formatComma(item.raw.RECORD_COUNT)
+          }}</v-layout>
         </template>
       </v-data-table>
       <v-card-text>
@@ -65,54 +65,50 @@
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import { mixins } from "@/shared/lib/mixins";
+<script setup lang="ts">
+import { helpers } from "@/shared/lib/mixins";
+import { computed, Ref, ref } from "vue";
+import { useStore } from "vuex";
+import { VDataTable } from "vuetify/labs/VDataTable";
 
-export default {
-  mixins: [mixins],
-  data: function () {
-    return {
-      search: "",
-      filters: {
-        CDM_TABLE_NAME: [],
-        CDM_FIELD_NAME: [],
-      },
-      headers: [
-        {
-          text: "CDM Table",
-          sortable: true,
-          value: "CDM_TABLE_NAME",
-        },
-        {
-          text: "CDM Field",
-          sortable: true,
-          value: "CDM_FIELD_NAME",
-        },
-        {
-          text: "Source Value",
-          sortable: true,
-          value: "SOURCE_VALUE",
-        },
-        {
-          text: "# Records",
-          sortable: true,
-          value: "RECORD_COUNT",
-        },
-      ],
-    };
+const store = useStore();
+
+const search: Ref<string> = ref("");
+const filters = ref({});
+
+const headers = ref([
+  {
+    text: "CDM Table",
+    sortable: true,
+    key: "CDM_TABLE_NAME",
+  },
+  {
+    text: "CDM Field",
+    sortable: true,
+    key: "CDM_FIELD_NAME",
   },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore"]),
-    filteredRecords() {
-      return this.getData.domainTable.filter((d) => {
-        return Object.keys(this.filters).every((f) => {
-          return this.filters[f].length < 1 || this.filters[f].includes(d[f]);
-        });
-      });
-    },
+  {
+    text: "Source Value",
+    sortable: true,
+    key: "SOURCE_VALUE",
   },
-};
+  {
+    text: "# Records",
+    sortable: true,
+    key: "RECORD_COUNT",
+  },
+]);
+
+const filteredRecords = computed(function () {
+  return store.getters.getData.domainTable.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return (
+        filters.value[f as keyof typeof filters].length < 1 ||
+        filters.value[f].includes(d[f])
+      );
+    });
+  });
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/source/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory.vue
index b2b11b1b..2912fae1 100644
--- a/src/pages/reports/source/DataQualityHistory.vue
+++ b/src/pages/reports/source/DataQualityHistory.vue
@@ -1,136 +1,140 @@
 <template>
   <div>
     <v-card
-      v-if="!getErrors"
-      :loading="!dataInStore"
+      v-if="!store.getters.getErrors"
+      :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
     >
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-dataqualityresults"
         title="Historical Data Quality"
-        :data="getData.qualityIndex.dataQualityRecords"
-        :config="specDataQualityResults"
+        :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
+        :config="chartConfigs.specDataQualityResults"
       />
       <v-data-table
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         class="viz-container"
-        dense
-        :items="getData.qualityIndex.dataQualityRecords"
+        density="compact"
+        :items="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
         :headers="historyColumns"
       >
-        <template v-slot:item.cdm_release_date="{ item }">
+        <template #item.cdm_release_date="{ item }">
           <router-link
             :to="{
               name: 'dataQuality',
               query: { tab: 'overview' },
               params: {
-                cdm: $route.params.cdm,
-                release: item.cdm_release_date.replaceAll('-', ''),
+                cdm: route.params.cdm,
+                release: item.raw.cdm_release_date.replaceAll('-', ''),
               },
             }"
-            :title="item.cdm_release_date"
-            >{{ item.cdm_release_date }}
+            :title="item.raw.cdm_release_date"
+            >{{ item.raw.cdm_release_date }}
           </router-link>
         </template>
-        <template v-slot:item.count_failed="{ item }">
+        <template #item.count_failed="{ item }">
           <router-link
             :to="{
               name: 'dataQuality',
               query: { tab: 'results', FAILED: 'FAIL' },
               params: {
-                cdm: $route.params.cdm,
-                release: item.cdm_release_date.replaceAll('-', ''),
+                cdm: route.params.cdm,
+                release: item.raw.cdm_release_date.replaceAll('-', ''),
               },
             }"
-            :title="item.count_failed"
-            >{{ item.count_failed }}
+            :title="item.raw.count_failed"
+            >{{ item.raw.count_failed }}
           </router-link>
         </template>
       </v-data-table>
     </v-card>
 
-    <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+    <v-card
+      :loading="!store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-dataqualityresultsbycategory"
         title="Historical Data Quality by Category"
-        :data="getData.qualityIndex.dataQualityRecordsStratified"
-        :config="specDataQualityResultsByCategory"
+        :data="
+          store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified
+        "
+        :config="chartConfigs.specDataQualityResultsByCategory"
       />
     </v-card>
 
-    <v-card :loading="!dataInStore" elevation="10" class="ma-4 pa-2">
+    <v-card
+      :loading="!store.getters.dataInStore"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <Chart
-        v-if="dataInStore"
+        v-if="store.getters.dataInStore"
         id="viz-dataqualityresultsbydomain"
         title="Historical Data Quality by Domain"
-        :config="specDataQualityResultsByDomain"
-        :data="getData.qualityIndex.dataQualityRecordsStratified"
+        :config="chartConfigs.specDataQualityResultsByDomain"
+        :data="
+          store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified
+        "
       />
     </v-card>
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
+import { QUALITY_INDEX } from "@/shared/config/files";
+import { useStore } from "vuex";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { ref } from "vue";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
 
-export default {
-  components: { Chart },
-  data() {
-    return {
-      historyColumns: [
-        {
-          text: "CDM Release Date",
-          align: "start",
-          sortable: true,
-          value: "cdm_release_date",
-        },
-        {
-          text: "DQ Execution Date",
-          align: "start",
-          sortable: true,
-          value: "end_timestamp",
-        },
-        {
-          text: "# Passed",
-          align: "end",
-          sortable: true,
-          value: "count_passed",
-        },
-        {
-          text: "# Failed",
-          align: "end",
-          sortable: true,
-          value: "count_failed",
-        },
-        {
-          text: "# Total",
-          align: "end",
-          sortable: true,
-          value: "count_total",
-        },
-        {
-          text: "Vocabulary",
-          align: "end",
-          sortable: false,
-          value: "vocabulary_version",
-        },
-      ],
-      specDataQualityResultsByDomain:
-        chartConfigs.specDataQualityResultsByDomain,
-      specDataQualityResultsByCategory:
-        chartConfigs.specDataQualityResultsByCategory,
-      specDataQualityResults: chartConfigs.specDataQualityResults,
-    };
+const historyColumns = ref([
+  {
+    title: "CDM Release Date",
+    align: "start",
+    sortable: true,
+    key: "cdm_release_date",
   },
 
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore"]),
+  {
+    title: "DQ Execution Date",
+    align: "start",
+    sortable: true,
+    key: "end_timestamp",
+  },
+  {
+    title: "# Passed",
+    align: "end",
+    sortable: true,
+    key: "count_passed",
+  },
+  {
+    title: "# Failed",
+    align: "end",
+    sortable: true,
+    key: "count_failed",
+  },
+  {
+    title: "# Total",
+    align: "end",
+    sortable: true,
+    key: "count_total",
+  },
+  {
+    title: "Vocabulary",
+    align: "end",
+    sortable: false,
+    key: "vocabulary_version",
   },
-};
+]);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DomainContinuity.vue b/src/pages/reports/source/DomainContinuity.vue
index 7b38ddb4..4f238e9c 100644
--- a/src/pages/reports/source/DomainContinuity.vue
+++ b/src/pages/reports/source/DomainContinuity.vue
@@ -1,29 +1,31 @@
 <template>
   <v-responsive min-width="900">
     <v-card
-      v-if="!getErrors"
-      :loading="!dataInStore"
+      v-if="!store.getters.getErrors"
+      :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
     >
-      <div v-if="dataInStore">
+      <div v-if="store.getters.dataInStore">
         <Chart
           id="viz-continuity"
           title="Domain Continuity"
-          :config="specOverview"
-          :data="getData.domainRecords"
+          :config="chartConfigs.specOverview"
+          :data="store.getters.getData.domainRecords"
           :listener="eventListener"
         />
         <info-panel
           details="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
         ></info-panel>
         <info-panel
-          v-if="getQueryIndex"
+          v-if="store.getters.getQueryIndex"
           icon="mdi-code-braces"
           details="View export query."
           :link-details="true"
           :link="
-            getSqlQueryLink(getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0])
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+            )
           "
           :divider="false"
         ></info-panel>
@@ -32,51 +34,40 @@
   </v-responsive>
 </template>
 
-<script>
+<script setup lang="ts">
 import InfoPanel from "../../../widgets/infoPanel";
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import { getLinks } from "@/shared/config/links";
-import { mixins } from "@/shared/lib/mixins";
-export default {
-  components: {
-    Chart,
-    InfoPanel,
-  },
-  mixins: [getLinks, mixins],
-  data() {
-    return {
-      specOverview: chartConfigs.specOverview,
+import { links } from "@/shared/config/links";
+import { helpers } from "@/shared/lib/mixins";
+import { RouteLocation, useRouter } from "vue-router";
+import { useStore } from "vuex";
+
+const router = useRouter();
+const store = useStore();
+
+const navigate = function (route) {
+  router.push(route);
+  // hide tooltip otherwise it persists on navigation
+  document.getElementById("vg-tooltip-element").style.display = "none";
+};
+
+const eventListener = function (result, route: RouteLocation) {
+  return result.view.addEventListener("click", (event, item) => {
+    const itemData = item.datum.datum;
+    const releaseKey = helpers.getPaddedDate(
+      new Date(itemData.release_date),
+      ""
+    );
+    const routeUrl = {
+      name: "domainTable",
+      params: {
+        cdm: route.params.cdm,
+        release: releaseKey,
+        domain: itemData.domain.toLowerCase().split(" ").join("_"),
+      },
     };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "dataInStore", "getQueryIndex"]),
-  },
-  methods: {
-    navigate: function (route) {
-      this.$router.push(route);
-      // hide tooltip otherwise it persists on navigation
-      document.getElementById("vg-tooltip-element").style.display = "none";
-    },
-    eventListener: function (result, route) {
-      return result.view.addEventListener("click", (event, item) => {
-        const itemData = item.datum.datum;
-        const releaseKey = this.getPaddedDate(
-          new Date(itemData.release_date),
-          ""
-        );
-        const routeUrl = {
-          name: "domainTable",
-          params: {
-            cdm: route.params.cdm,
-            release: releaseKey,
-            domain: itemData.domain.toLowerCase().split(" ").join("_"),
-          },
-        };
-        this.navigate(routeUrl);
-      });
-    },
-  },
+    navigate(routeUrl);
+  });
 };
 </script>
 
diff --git a/src/pages/reports/source/SourceConceptReport.vue b/src/pages/reports/source/SourceConceptReport.vue
index f58ee70b..099a6047 100644
--- a/src/pages/reports/source/SourceConceptReport.vue
+++ b/src/pages/reports/source/SourceConceptReport.vue
@@ -1,15 +1,17 @@
 <template>
-  <div v-if="!getErrors">
+  <div v-if="!store.getters.getErrors">
     <v-container fluid>
       <v-responsive min-width="900">
         <v-layout class="ma-0 mb-1 text-uppercase text-h6"
           >Data Source Release Comparison
         </v-layout>
         <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 class="text-uppercase">{{ getData.conceptName }}</h2>
+          <h2 class="text-uppercase">
+            {{ store.getters.getData.conceptName }}
+          </h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="getData" justify="start"
+        <v-row v-if="store.getters.getData" justify="start"
           ><v-col cols="2" align="center">
             <v-icon left color="info">mdi-identifier</v-icon>
             <v-badge
@@ -17,7 +19,7 @@
               inline
               dark
               color="info"
-              :content="getData.conceptId"
+              :content="store.getters.getData.conceptId"
             ></v-badge>
             <p class="text-caption">Concept Identifier</p></v-col
           ><v-col cols="2" align="center">
@@ -27,27 +29,32 @@
               inline
               dark
               color="info"
-              :content="getData.numPersons"
+              :content="store.getters.getData.numPersons"
             ></v-badge>
             <p class="text-caption">Number of People in Network</p></v-col
           ></v-row
         >
-        <v-card :loading="!getData" elevation="10" class="ma-4 pa-2">
+        <v-card
+          :loading="!store.getters.getData"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
           <Chart
-            v-if="getData"
+            v-if="store.getters.getData"
             id="viz-recordproportionbymonth"
-            :config="specRecordProportionByMonth"
-            :data="getData.conceptData"
+            :config="chartConfigs.specRecordProportionByMonth"
+            :data="store.getters.getData.conceptData"
+            width="99"
             title="Record Proportion by Month"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
             :link="
-              getSqlQueryLink(
-                getQueryIndex[$route.params.domain.toUpperCase()]
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
                   .PREVALENCE_BY_MONTH[0]
               )
             "
@@ -59,30 +66,16 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import ReturnButton from "@/features/returnToPreviousPage";
 import { chartConfigs, Chart } from "@/widgets/chart";
-import { mapGetters } from "vuex";
-import infoPanel from "@/widgets/infoPanel";
-import { getLinks } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
 
-export default {
-  components: {
-    Chart,
-    ReturnButton,
-    infoPanel,
-  },
-  mixins: [getLinks],
-  data() {
-    return {
-      specRecordProportionByMonth:
-        chartConfigs.specRecordProportionByMonthByRelease,
-    };
-  },
-  computed: {
-    ...mapGetters(["getData", "getErrors", "getQueryIndex"]),
-  },
-};
+const route = useRoute();
+const store = useStore();
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/source/SourceOverview.vue b/src/pages/reports/source/SourceOverview.vue
index d624794e..15794b61 100644
--- a/src/pages/reports/source/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview.vue
@@ -1,5 +1,9 @@
 <template>
-  <div v-if="explorerLoaded" id="network-data-quality-overview" class="pa-4">
+  <div
+    v-if="store.getters.explorerLoaded"
+    id="network-data-quality-overview"
+    class="pa-4"
+  >
     <v-row>
       <v-col>
         <v-card elevation="10" class="mx-auto pb-6" outlined>
@@ -35,37 +39,43 @@
     </v-row>
     <v-row>
       <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
+        <v-card elevation="10" class="mx-auto pb-6">
           <Chart
             id="population_releases"
             title="Population History"
-            :config="specPopulationByRelease"
-            :data="getSelectedSource.releases"
+            width="95"
+            :config="chartConfigs.specPopulationByRelease"
+            :data="store.getters.getSelectedSource.releases"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.CDM_SOURCE[0])"
+            :link="
+              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+            "
             :divider="true"
           ></info-panel>
         </v-card>
       </v-col>
       <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
+        <v-card elevation="10" class="mx-auto pb-6">
           <Chart
             id="issues_releases"
             title="Data Quality Issues History"
-            :config="specIssuesByRelease"
-            :data="getSelectedSource.releases"
+            width="95"
+            :config="chartConfigs.specIssuesByRelease"
+            :data="store.getters.getSelectedSource.releases"
           />
           <info-panel
-            v-if="getQueryIndex"
+            v-if="store.getters.getQueryIndex"
             icon="mdi-code-braces"
             details="View export query."
             :link-details="true"
-            :link="getSqlQueryLink(getQueryIndex.CDM_SOURCE[0])"
+            :link="
+              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+            "
             :divider="true"
           ></info-panel>
         </v-card>
@@ -77,22 +87,22 @@
           <v-card-title>Release Listing</v-card-title>
           <v-card-text>
             <v-data-table
-              dense
+              density="compact"
               :items="getTable"
               :headers="overviewTable"
               :items-per-page="-1"
               hide-default-footer
             >
-              <template v-slot:item.count_person="{ item }">
+              <template #item.count_person="{ item }">
                 <router-link
-                  :to="getPersonLink(item)"
-                  :title="item.count_person"
-                  >{{ formatComma(item.count_person) }}</router-link
+                  :to="getPersonLink(item.raw)"
+                  :title="item.raw.count_person"
+                  >{{ helpers.formatComma(item.raw.count_person) }}</router-link
                 >
               </template>
-              <template v-slot:item.count_data_quality_issues="{ item }">
-                <router-link :to="getQualityLink(item)">{{
-                  formatComma(item.count_data_quality_issues)
+              <template #item.count_data_quality_issues="{ item }">
+                <router-link :to="getQualityLink(item.raw)">{{
+                  helpers.formatComma(item.raw.count_data_quality_issues)
                 }}</router-link>
               </template>
             </v-data-table>
@@ -103,109 +113,94 @@
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
 import { chartConfigs, Chart } from "@/widgets/chart";
-import infoPanel from "@/widgets/infoPanel";
-import { mixins } from "@/shared/lib/mixins";
-import { getLinks } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { helpers } from "@/shared/lib/mixins";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { computed, ref } from "vue";
 
-export default {
-  name: "SourceOverview",
-  components: { Chart, infoPanel },
-  mixins: [mixins, getLinks],
-  data() {
-    return {
-      specPopulationByRelease: chartConfigs.specPopulationByRelease,
-      specIssuesByRelease: chartConfigs.specIssuesByRelease,
-      overviewTable: [
-        {
-          text: "Release date",
-          align: "start",
-          sortable: true,
-          value: "release_name",
-        },
-        {
-          text: "Number of people",
-          align: "end",
-          sortable: true,
-          value: "count_person",
-        },
-        {
-          text: "Data quality issues",
-          align: "end",
-          sortable: true,
-          value: "count_data_quality_issues",
-        },
-      ],
-    };
+const store = useStore();
+
+const overviewTable = ref([
+  {
+    title: "Release date",
+    align: "start",
+    sortable: true,
+    key: "release_name",
   },
-  methods: {
-    getQualityLink: function (item) {
-      return {
-        name: "dataQuality",
-        params: {
-          cdm: this.getSelectedSource.cdm_source_key,
-          release: item.release_id,
-        },
-        query: { tab: "overview" },
-      };
-    },
-    getPersonLink: function (item) {
-      return {
-        name: "person",
-        params: {
-          cdm: this.getSelectedSource.cdm_source_key,
-          release: item.release_id,
-        },
-      };
-    },
+  {
+    title: "Number of people",
+    align: "end",
+    sortable: true,
+    key: "count_person",
+  },
+  {
+    title: "Data quality issues",
+    align: "end",
+    sortable: true,
+    key: "count_data_quality_issues",
   },
-  computed: {
-    ...mapGetters([
-      "getErrors",
-      "getSelectedSource",
-      "getQueryIndex",
-      "explorerLoaded",
-    ]),
-    getReleasesCount: function () {
-      if (this.explorerLoaded) {
-        return this.getSelectedSource.count_releases;
-      } else {
-        return [];
-      }
+]);
+
+const getQualityLink = function (item) {
+  return {
+    name: "dataQuality",
+    params: {
+      cdm: store.getters.getSelectedSource.cdm_source_key,
+      release: item.release_id,
     },
+    query: { tab: "overview" },
+  };
+};
+const getPersonLink = function (item) {
+  return {
+    name: "person",
+    params: {
+      cdm: store.getters.getSelectedSource.cdm_source_key,
+      release: item.release_id,
+    },
+  };
+};
 
-    getDaysBetweenReleases: function () {
-      if (this.explorerLoaded) {
-        const dates = this.getSelectedSource.releases.map(
-          (value) => new Date(value.release_name)
-        );
-        //todo rewrite using array functional methods
-        const numbers = [];
+const getReleasesCount = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSelectedSource.count_releases;
+  } else {
+    return [];
+  }
+});
 
-        for (let i = 0; i < dates.length - 1; i++) {
-          numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
-        }
+const getDaysBetweenReleases = computed(function () {
+  if (store.getters.explorerLoaded) {
+    const dates = store.getters.getSelectedSource.releases.map(
+      (value) => new Date(value.release_name)
+    );
+    //todo rewrite using array functional methods
+    const numbers = [];
 
-        return numbers.length
-          ? numbers.reduce((prevValue, current) => prevValue + current, 0) /
-              numbers.length
-          : 0;
-      } else {
-        return [];
-      }
-    },
+    for (let i = 0; i < dates.length - 1; i++) {
+      numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
+    }
 
-    getTable: function () {
-      if (this.explorerLoaded) {
-        return this.getSelectedSource.releases;
-      } else {
-        return [];
-      }
-    },
-  },
-};
+    return numbers.length
+      ? numbers.reduce((prevValue, current) => prevValue + current, 0) /
+          numbers.length
+      : 0;
+  } else {
+    return [];
+  }
+});
+
+const getTable = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSelectedSource.releases;
+  } else {
+    return [];
+  }
+});
 </script>
 
 <style scoped></style>
diff --git a/src/processes/exploreReports/config/dataLoadConfig.js b/src/processes/exploreReports/config/dataLoadConfig.ts
similarity index 100%
rename from src/processes/exploreReports/config/dataLoadConfig.js
rename to src/processes/exploreReports/config/dataLoadConfig.ts
diff --git a/src/processes/exploreReports/config/routes.js b/src/processes/exploreReports/config/routes.ts
similarity index 87%
rename from src/processes/exploreReports/config/routes.js
rename to src/processes/exploreReports/config/routes.ts
index 0cfcefd6..e5cf3248 100644
--- a/src/processes/exploreReports/config/routes.js
+++ b/src/processes/exploreReports/config/routes.ts
@@ -1,32 +1,32 @@
-import reportsView from "@/processes/exploreReports/ui/ReportsView";
-import home from "@/pages/info/Home";
-import help from "@/pages/info/Help";
-import article from "@/pages/info/Article";
-import networkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary";
-import networkPerformance from "@/pages/reports/network/NetworkPerformance";
-import networkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes";
-import NetworkDataFeasibilityReport from "@/pages/reports/network/NetworkDataFeasibilityReport";
-import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport";
-import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport";
-import networkOverview from "@/pages/reports/network/NetworkOverview";
-import networkConceptReport from "@/pages/reports/network/NetworkConceptReport";
-import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport";
-import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterization";
-import metadataReport from "@/pages/reports/release/MetadataReport";
-import deathReport from "@/pages/reports/release/DeathReport";
-import dataQualityResults from "@/pages/reports/release/DataQualityResults";
-import domainDensity from "@/pages/reports/release/DomainDensity";
-import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodes";
-import performanceReport from "@/pages/reports/release/PerformanceTable";
-import personReport from "@/pages/reports/release/PersonReport";
-import domainTable from "@/pages/reports/release/DomainTable";
-import conceptReport from "@/pages/reports/release/ConceptReport";
-import dataQualityHistory from "@/pages/reports/source/DataQualityHistory";
-import SourceOverview from "@/pages/reports/source/SourceOverview";
-import domainContinuity from "@/pages/reports/source/DomainContinuity";
-import sourceConceptReport from "@/pages/reports/source/SourceConceptReport";
-
-export default [
+import reportsView from "@/processes/exploreReports/ui/ReportsView.vue";
+import home from "@/pages/info/Home.vue";
+import help from "@/pages/info/Help.vue";
+import article from "@/pages/info/Article.vue";
+import networkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary.vue";
+import networkPerformance from "@/pages/reports/network/NetworkPerformance.vue";
+import networkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes.vue";
+import NetworkDataFeasibilityReport from "@/pages/reports/network/NetworkDataFeasibilityReport/index.vue";
+import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport.vue";
+import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport.vue";
+import networkOverview from "@/pages/reports/network/NetworkOverview.vue";
+import networkConceptReport from "@/pages/reports/network/NetworkConceptReport.vue";
+import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport.vue";
+import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterization.vue";
+import metadataReport from "@/pages/reports/release/MetadataReport.vue";
+import deathReport from "@/pages/reports/release/DeathReport.vue";
+import dataQualityResults from "@/pages/reports/release/DataQualityResults.vue";
+import domainDensity from "@/pages/reports/release/DomainDensity.vue";
+import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodes.vue";
+import performanceReport from "@/pages/reports/release/PerformanceTable.vue";
+import personReport from "@/pages/reports/release/PersonReport.vue";
+import domainTable from "@/pages/reports/release/DomainTable.vue";
+import conceptReport from "@/pages/reports/release/ConceptReport.vue";
+import dataQualityHistory from "@/pages/reports/source/DataQualityHistory.vue";
+import SourceOverview from "@/pages/reports/source/SourceOverview.vue";
+import domainContinuity from "@/pages/reports/source/DomainContinuity.vue";
+import sourceConceptReport from "@/pages/reports/source/SourceConceptReport.vue";
+import { RouteRecordRaw } from "vue-router";
+export const routes: RouteRecordRaw[] = [
   {
     path: "/",
     components: { main: reportsView },
diff --git a/src/processes/exploreReports/index.js b/src/processes/exploreReports/index.ts
similarity index 75%
rename from src/processes/exploreReports/index.js
rename to src/processes/exploreReports/index.ts
index 8054ebb7..c8a67978 100644
--- a/src/processes/exploreReports/index.js
+++ b/src/processes/exploreReports/index.ts
@@ -1,5 +1,5 @@
 import reportsDataStore from "@/processes/exploreReports/model/store/data.module";
 import * as reportsDataActions from "./model/store/actions.type";
-import routes from "@/processes/exploreReports/config/routes";
+import { routes } from "@/processes/exploreReports/config/routes";
 
 export { reportsDataStore, reportsDataActions, routes };
diff --git a/src/processes/exploreReports/model/interfaces/MultipleFilesRawInterface.ts b/src/processes/exploreReports/model/interfaces/MultipleFilesRawInterface.ts
new file mode 100644
index 00000000..09da3f9f
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/MultipleFilesRawInterface.ts
@@ -0,0 +1,10 @@
+import {
+  Source,
+  SourceRelease,
+} from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
+
+export interface MultipleFilesRawInterface<Type> {
+  data: Type;
+  source?: Source;
+  release?: SourceRelease;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/AchillesPerformanceType.ts b/src/processes/exploreReports/model/interfaces/files/AchillesPerformanceType.ts
new file mode 100644
index 00000000..8f3e77d8
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/AchillesPerformanceType.ts
@@ -0,0 +1,6 @@
+export interface AchillesPerformanceType {
+  analysis_id: string | number;
+  analysis_name: string;
+  category: string;
+  elapsed_seconds: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/CdmSourceType.ts b/src/processes/exploreReports/model/interfaces/files/CdmSourceType.ts
new file mode 100644
index 00000000..6988e5fb
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/CdmSourceType.ts
@@ -0,0 +1,13 @@
+export interface CdmSourceType {
+  CDM_ETL_REFERENCE: string;
+  CDM_HOLDER: string;
+  CDM_RELEASE_DATE: string;
+  CDM_SOURCE_ABBREVIATION: string;
+  CDM_SOURCE_NAME: string;
+  CDM_VERSION: string;
+  CDM_VERSION_CONCEPT_ID: string | number;
+  SOURCE_DESCRIPTION: string;
+  SOURCE_DOCUMENTATION_REFERENCE: string;
+  SOURCE_RELEASE_DATE: string;
+  VOCABULARY_VERSION: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/ConceptType.ts b/src/processes/exploreReports/model/interfaces/files/ConceptType.ts
new file mode 100644
index 00000000..06dadb8e
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/ConceptType.ts
@@ -0,0 +1,42 @@
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { FrequencyDistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/FrequencyDistributionType";
+import { PrevalenceType } from "@/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType";
+
+export interface ConceptType {
+  CDM_TABLE_NAME: string[];
+  AGE_AT_FIRST_DIAGNOSIS?: DistributionType[];
+  CONCEPT_ID: number[];
+  CONCEPT_NAME: string[];
+  NUM_PERSONS: number[];
+  PERCENT_PERSONS: string[];
+  RECORDS_PER_PERSON: string[];
+  CONDITIONS_BY_TYPE: RecordsCountType[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: PrevalenceType[];
+  PREVALENCE_BY_MONTH: PrevalenceType[];
+  COUNT_FAILED?: string[];
+  IS_STATIONARY: string[];
+  SEASONALITY_SCORE: string[];
+  AGE_AT_FIRST_OCCURRENCE?: DistributionType[];
+  FREQUENCY_DISTRIBUTION?: FrequencyDistributionType[];
+  LOWER_LIMIT_DISTRIBUTION?: string[];
+  MEASUREMENTS_BY_TYPE?: RecordsCountType;
+  MEASUREMENT_VALUE_DISTRIBUTION?: DistributionType[];
+  RECORDS_BY_UNIT?: RecordsCountType[];
+  UPPER_LIMIT_DISTRIBUTION?: string[];
+  VALUES_RELATIVE_TO_NORM?: string[];
+  REFILLS_DISTRIBUTION?: DistributionType[];
+  QUANTITY_DISTRIBUTION?: DistributionType[];
+  DAYS_SUPPLY_DISTRIBUTION?: DistributionType[];
+  DRUGS_BY_TYPE?: RecordsCountType[];
+  DRUG_FREQUENCY_DISTRIBUTION?: FrequencyDistributionType[];
+  VISIT_DURATION_BY_TYPE?: DistributionType[];
+  VISIT_DETAIL_DURATION_BY_TYPE?: DistributionType[];
+  OBS_FREQUENCY_DISTRIBUTION?: FrequencyDistributionType[];
+  OBSERVATIONS_BY_TYPE?: RecordsCountType[];
+  PROCEDURE_FREQUENCY_DISTRIBUTION?: FrequencyDistributionType[];
+  PROCEDURES_BY_TYPE?: RecordsCountType[];
+  DEVICE_FREQUENCY_DISTRIBUTION?: FrequencyDistributionType[];
+  DEVICES_BY_TYPE?: RecordsCountType[];
+  LENGTH_OF_ERA?: DistributionType[];
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/Death.ts b/src/processes/exploreReports/model/interfaces/files/Death.ts
new file mode 100644
index 00000000..723526ba
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/Death.ts
@@ -0,0 +1,10 @@
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { PrevalenceType } from "@/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType";
+
+export interface Death {
+  AGE_AT_DEATH: DistributionType[];
+  DEATH_BY_TYPE: RecordsCountType[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: PrevalenceType[];
+  PREVALENCE_BY_MONTH: PrevalenceType[];
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DensityRecordsPersonType.ts b/src/processes/exploreReports/model/interfaces/files/DensityRecordsPersonType.ts
new file mode 100644
index 00000000..022e8d60
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DensityRecordsPersonType.ts
@@ -0,0 +1,5 @@
+export interface DensityRecordsPersonType {
+  date: string;
+  domain: string;
+  records: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DensityTotal.ts b/src/processes/exploreReports/model/interfaces/files/DensityTotal.ts
new file mode 100644
index 00000000..fc549b9b
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DensityTotal.ts
@@ -0,0 +1,5 @@
+export interface DensityTotal {
+  date: string;
+  domain: string;
+  records: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DomainDrugStratificationType.ts b/src/processes/exploreReports/model/interfaces/files/DomainDrugStratificationType.ts
new file mode 100644
index 00000000..4f2ee00f
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DomainDrugStratificationType.ts
@@ -0,0 +1,6 @@
+export interface DomainDrugStratificationType {
+  CDM_TABLE_NAME: string;
+  CONCEPT_ID: string | number;
+  CONCEPT_NAME: string;
+  RECORD_COUNT: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DomainIssues.ts b/src/processes/exploreReports/model/interfaces/files/DomainIssues.ts
new file mode 100644
index 00000000..51e8ca06
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DomainIssues.ts
@@ -0,0 +1,4 @@
+export interface DomainIssues {
+  cdm_table_name: string;
+  count_failed: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DomainSummary.ts b/src/processes/exploreReports/model/interfaces/files/DomainSummary.ts
new file mode 100644
index 00000000..86b0f566
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DomainSummary.ts
@@ -0,0 +1,9 @@
+export interface DomainSummary {
+  CONCEPT_ID: string;
+  CONCEPT_NAME: string;
+  NUM_PERSONS: string;
+  PERCENT_PERSONS: string;
+  PERCENT_PERSONS_NTILE: string;
+  RECORDS_PER_PERSON: string;
+  RECORDS_PER_PERSON_NTILE: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DomainTable.ts b/src/processes/exploreReports/model/interfaces/files/DomainTable.ts
new file mode 100644
index 00000000..64cef22b
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DomainTable.ts
@@ -0,0 +1,9 @@
+export interface DomainTable {
+  CONCEPT_ID: string | number;
+  CONCEPT_NAME: string;
+  NUM_PERSONS: string | number;
+  PERCENT_PERSONS: string;
+  PERCENT_PERSONS_NTILE: string | number;
+  RECORDS_PER_PERSON: string | number;
+  RECORDS_PER_PERSON_NTILE: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType.ts b/src/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType.ts
new file mode 100644
index 00000000..15232e97
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType.ts
@@ -0,0 +1,5 @@
+export interface DomainVisitStratificationType {
+  CONCEPT_ID: string | number;
+  CONCEPT_NAME: string;
+  RECORD_COUNT: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/ObservationPeriodType.ts b/src/processes/exploreReports/model/interfaces/files/ObservationPeriodType.ts
new file mode 100644
index 00000000..0bdb41b1
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/ObservationPeriodType.ts
@@ -0,0 +1,29 @@
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { DurationType } from "@/processes/exploreReports/model/interfaces/reportTypes/DurationType";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { HistogramType } from "@/processes/exploreReports/model/interfaces/reportTypes/HistogramType";
+
+export interface ObservationPeriodType {
+  AGE_AT_FIRST_OBSERVATION: AGE_AT_FIRST_OBSERVATION[];
+  AGE_BY_GENDER: DistributionType[];
+  CUMULATIVE_DURATION: DurationType[];
+  OBSERVATION_LENGTH_HISTOGRAM: HistogramType;
+  OBSERVATION_PERIOD_LENGTH_BY_AGE: DistributionType[];
+  OBSERVATION_PERIOD_LENGTH_BY_GENDER: DistributionType[];
+  OBSERVED_BY_MONTH: OBSERVED_BY_MONTH[];
+  OBSERVED_BY_YEAR_HISTOGRAM: HistogramType;
+  PERSON_PERIODS_DATA: RecordsCountType[];
+}
+
+export interface AGE_AT_FIRST_OBSERVATION {
+  COUNT_VALUE: number;
+  INTERVAL_INDEX: number;
+  PERCENT_VALUE: number;
+}
+
+export interface OBSERVED_BY_MONTH {
+  COUNT_VALUE: string;
+  DATE: Date;
+  MONTH_YEAR: string;
+  PERCENT_VALUE: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/Person.ts b/src/processes/exploreReports/model/interfaces/files/Person.ts
new file mode 100644
index 00000000..80e8ca93
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/Person.ts
@@ -0,0 +1,27 @@
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+export interface PersonData {
+  AGE_GENDER_DATA: AGE_GENDER_DATA[];
+  BIRTH_YEAR_DATA: BIRTH_YEAR[];
+  ETHNICITY_DATA: RecordsCountType[];
+  GENDER_DATA: RecordsCountType[];
+  RACE_DATA: RecordsCountType[];
+  SUMMARY: SUMMARY[];
+}
+
+export interface AGE_GENDER_DATA {
+  AGE: number;
+  CONCEPT_ID: number;
+  CONCEPT_NAME: string;
+  COUNT_VALUE: number;
+}
+
+export interface BIRTH_YEAR {
+  COUNT_PERSON: number;
+  YEAR: string | Date;
+}
+
+export interface SUMMARY {
+  ATTRIBUTE_NAME: string;
+  ATTRIBUTE_VALUE: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/QualityCompletenessType.ts b/src/processes/exploreReports/model/interfaces/files/QualityCompletenessType.ts
new file mode 100644
index 00000000..0f2d5e76
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/QualityCompletenessType.ts
@@ -0,0 +1,6 @@
+export interface QualityCompletenessType {
+  CDM_FIELD_NAME: string;
+  CDM_TABLE_NAME: string;
+  RECORD_COUNT: string | number;
+  SOURCE_VALUE: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/QualityIndex.ts b/src/processes/exploreReports/model/interfaces/files/QualityIndex.ts
new file mode 100644
index 00000000..d4161a5a
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/QualityIndex.ts
@@ -0,0 +1,23 @@
+export interface QualityIndex {
+  dataQualityRecords: DataQualityRecord[];
+  dataQualityRecordsStratified: DataQualityRecordStratified[];
+}
+
+export interface DataQualityRecord {
+  cdm_release_date: string;
+  cdm_source_abbreviation: string;
+  cdm_source_name: string;
+  count_failed: number;
+  count_passed: number;
+  count_total: number;
+  dqd_execution_date: string;
+  vocabulary_version: string;
+}
+
+export interface DataQualityRecordStratified {
+  category: string;
+  cdm_release_date: string;
+  cdm_table_name: string;
+  count_value: number;
+  dqd_execution_date: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts b/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
new file mode 100644
index 00000000..b326b5b2
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
@@ -0,0 +1,64 @@
+export interface QualityResultsType {
+  CheckResults: CheckResults[];
+  Metadata: Metadata;
+  endTimestamp: string[];
+  executionTime: string[];
+  startTimestamp: string;
+  Overview: Overview;
+}
+
+export interface CheckResults {
+  CATEGORY: string;
+  CDM_FIELD_NAME: string;
+  CDM_TABLE_NAME: string;
+  CHECK_DESCRIPTION: string;
+  CHECK_LEVEL: string;
+  CHECK_NAME: string;
+  CONTEXT: string;
+  EXECUTION_TIME: string;
+  FAILED: string;
+  NOTES_EXIST: string;
+  NUM_DENOMINATOR_ROWS: number;
+  NUM_VIOLATED_ROWS: number;
+  PCT_VIOLATED_ROWS: number;
+  QUERY_TEXT: string;
+  SQL_FILE: string;
+  SUBCATEGORY: string;
+  THRESHOLD_VALUE: number;
+  _row: string;
+  checkId: string;
+}
+
+export interface Overview {
+  countErrorFailed: number[];
+  countFailedCompleteness: number[];
+  countFailedConformance: number[];
+  countFailedPlausibility: number[];
+  countOverallFailed: number[];
+  countPassed: number[];
+  countPassedCompleteness: number[];
+  countPassedConformance: number[];
+  countPassedPlausibility: number[];
+  countThresholdFailed: number[];
+  countTotal: number[];
+  countTotalCompleteness: number[];
+  countTotalConformance: number[];
+  countTotalPlausibility: number[];
+  percentFailed: number[];
+  percentPassed: number[];
+}
+
+export interface Metadata {
+  CDM_ETL_REFERENCE: string;
+  CDM_HOLDER: string;
+  CDM_RELEASE_DATE: string;
+  CDM_SOURCE_ABBREVIATION: string;
+  CDM_SOURCE_NAME: string;
+  CDM_VERSION: string;
+  CDM_VERSION_CONCEPT_ID: number;
+  DQD_VERSION: string;
+  SOURCE_DESCRIPTION: string;
+  SOURCE_DOCUMENTATION_REFERENCE: string;
+  SOURCE_RELEASE_DATE: string;
+  VOCABULARY_VERSION: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/QueryIndex.ts b/src/processes/exploreReports/model/interfaces/files/QueryIndex.ts
new file mode 100644
index 00000000..f4be2aa5
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/QueryIndex.ts
@@ -0,0 +1,160 @@
+export interface QueryIndexType {
+  ACHILLES_PERFORMANCE: string[];
+  CDM_SOURCE: string[];
+  CONDITION_ERA: ConditionEraInterface;
+  CONDITION_OCCURRENCE: ConditionOccurrenceInterface;
+  DATA_DENSITY: DataDensityInterface;
+  DEATH: DeathInterface;
+  DEVICE_EXPOSURE: DeviceExposure;
+  DOMAIN_SUMMARY: DomainSummary;
+  DRUG_ERA: DrugEra;
+  DRUG_EXPOSURE: DRUG_EXPOSURE;
+  MEASUREMENT: MEASUREMENT;
+  METADATA: string[];
+  OBSERVATION: OBSERVATION;
+  OBSERVATION_PERIOD: OBSERVATION_PERIOD;
+  PERSON: PERSON;
+  PROCEDURE_OCCURRENCE: PROCEDURE_OCCURRENCE;
+  QUALITY_COMPLETENESS: string[];
+  VISIT_DETAIL: VISIT_DETAIL;
+  VISIT_OCCURRENCE: VISIT_OCCURRENCE;
+}
+
+interface ConditionEraInterface {
+  AGE_AT_FIRST_EXPOSURE: string[];
+  LENGTH_OF_ERA: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+}
+interface ConditionOccurrenceInterface {
+  AGE_AT_FIRST_DIAGNOSIS: string[];
+  CONDITIONS_BY_TYPE: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+}
+
+interface DataDensityInterface {
+  DATADENSITY_CONCEPTS_PER_PERSON: string[];
+  DATADENSITY_DOMAINS_PER_PERSON: string[];
+  DATADENSITY_RECORDS_PER_PERSON: string[];
+  DATADENSITY_TOTAL: string[];
+}
+
+interface DeathInterface {
+  AGE_AT_DEATH: string[];
+  DEATH_BY_TYPE: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+}
+
+interface DeviceExposure {
+  AGE_AT_FIRST_EXPOSURE: string[];
+  DEVICES_BY_TYPE: string[];
+  DEVICE_FREQUENCY_DISTRIBUTION: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+}
+
+interface DomainSummary {
+  CONDITION_ERA: string[];
+  CONDITION_OCCURRENCE: string[];
+  DEVICE_EXPOSURE: string[];
+  DOMAIN_DRUG_STRATIFICATION: string[];
+  DOMAIN_VISIT_STRATIFICATION: string[];
+  DRUG_ERA: string[];
+  DRUG_EXPOSURE: string[];
+  MEASUREMENT: string[];
+  OBSERVATION: string[];
+  PROCEDURE_OCCURRENCE: string[];
+  PROVIDER: string[];
+  RECORDS_BY_DOMAIN: string[];
+  VISIT_DETAIL: string[];
+  VISIT_OCCURRENCE: string[];
+}
+
+interface DrugEra {
+  AGE_AT_FIRST_EXPOSURE: string[];
+  LENGTH_OF_ERA: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+}
+
+interface DRUG_EXPOSURE {
+  AGE_AT_FIRST_EXPOSURE: string[];
+  DAYS_SUPPLY_DISTRIBUTION: string[];
+  DRUGS_BY_TYPE: string[];
+  DRUG_FREQUENCY_DISTRIBUTION: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  QUANTITY_DISTRIBUTION: string[];
+  REFILLS_DISTRIBUTION: string[];
+  SUMMARY: string[];
+}
+interface MEASUREMENT {
+  AGE_AT_FIRST_OCCURRENCE: string[];
+  FREQUENCY_DISTRIBUTION: string[];
+  LOWER_LIMIT_DISTRIBUTION: string[];
+  MEASUREMENTS_BY_TYPE: string[];
+  MEASUREMENT_VALUE_DISTRIBUTION: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  RECORDS_BY_UNIT: string[];
+  SUMMARY: string[];
+  UPPER_LIMIT_DISTRIBUTION: string[];
+  VALUES_RELATIVE_TO_NORM: string[];
+}
+
+interface OBSERVATION {
+  AGE_AT_FIRST_OCCURRENCE: string[];
+  OBSERVATIONS_BY_TYPE: string[];
+  OBS_FREQUENCY_DISTRIBUTION: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+}
+interface OBSERVATION_PERIOD {
+  AGE_AT_FIRST_OBSERVATION: string[];
+  AGE_BY_GENDER: string[];
+  CUMULATIVE_DURATION: string[];
+  OBSERVATION_LENGTH_HISTOGRAM: string[];
+  OBSERVATION_PERIOD_LENGTH_BY_AGE: string[];
+  OBSERVATION_PERIOD_LENGTH_BY_GENDER: string[];
+  OBSERVED_BY_MONTH: string[];
+  OBSERVED_BY_YEAR_HISTOGRAM: string[];
+  PERSON_PERIODS_DATA: string[];
+}
+interface PERSON {
+  AGE_GENDER_DATA: string[];
+  BIRTH_YEAR_DATA: string[];
+  ETHNICITY_DATA: string[];
+  GENDER_DATA: string[];
+  RACE_DATA: string[];
+  SUMMARY: string[];
+}
+interface PROCEDURE_OCCURRENCE {
+  AGE_AT_FIRST_OCCURRENCE: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  PROCEDURES_BY_TYPE: string[];
+  PROCEDURE_FREQUENCY_DISTRIBUTION: string[];
+  SUMMARY: string[];
+}
+
+interface VISIT_DETAIL {
+  AGE_AT_FIRST_OCCURRENCE: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+  VISIT_DETAIL_DURATION_BY_TYPE: string[];
+}
+interface VISIT_OCCURRENCE {
+  AGE_AT_FIRST_OCCURRENCE: string[];
+  PREVALENCE_BY_GENDER_AGE_YEAR: string[];
+  PREVALENCE_BY_MONTH: string[];
+  SUMMARY: string[];
+  VISIT_DURATION_BY_TYPE: string[];
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/RecordsDomain.ts b/src/processes/exploreReports/model/interfaces/files/RecordsDomain.ts
new file mode 100644
index 00000000..6bfb92a0
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/RecordsDomain.ts
@@ -0,0 +1,4 @@
+export interface RecordsDomain {
+  domain: string;
+  count_records: string | number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/SourceHistoryIndex.ts b/src/processes/exploreReports/model/interfaces/files/SourceHistoryIndex.ts
new file mode 100644
index 00000000..3a9cd426
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/SourceHistoryIndex.ts
@@ -0,0 +1,5 @@
+export interface SourceHistoryIndex {
+  count_records: number;
+  domain: string;
+  release_date: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/files/SourceIndex.ts b/src/processes/exploreReports/model/interfaces/files/SourceIndex.ts
new file mode 100644
index 00000000..b639ae23
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/files/SourceIndex.ts
@@ -0,0 +1,24 @@
+export interface Source {
+  average_update_interval_days: number;
+  cdm_holder: string;
+  cdm_source_abbreviation: string;
+  cdm_source_key: string;
+  cdm_source_name: string;
+  count_releases: number;
+  releases: SourceRelease[];
+  source_description: string;
+}
+
+export interface SourceRelease {
+  cdm_version: string;
+  count_data_quality_checks: number;
+  count_data_quality_issues: number;
+  count_person: number;
+  dqd_execution_date: string;
+  dqd_version: string;
+  obs_period_end: string;
+  obs_period_start: string;
+  release_id: string;
+  release_name: string;
+  vocabulary_version: string;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/DistributionType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/DistributionType.ts
new file mode 100644
index 00000000..7b276707
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/DistributionType.ts
@@ -0,0 +1,11 @@
+export interface DistributionType {
+  CATEGORY: string;
+  MAX_VALUE: number;
+  MEDIAN_VALUE: number;
+  MIN_VALUE: number;
+  P10_VALUE: number;
+  P25_VALUE: number;
+  P75_VALUE: number;
+  P90_VALUE: number;
+  categoryOrder?: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/DurationType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/DurationType.ts
new file mode 100644
index 00000000..e7625967
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/DurationType.ts
@@ -0,0 +1,4 @@
+export interface DurationType {
+  PERCENT_PEOPLE: number;
+  YEARS: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/FrequencyDistributionType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/FrequencyDistributionType.ts
new file mode 100644
index 00000000..569128ba
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/FrequencyDistributionType.ts
@@ -0,0 +1,4 @@
+export interface FrequencyDistributionType {
+  X_COUNT: number;
+  Y_NUM_PERSONS: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/HistogramType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/HistogramType.ts
new file mode 100644
index 00000000..de442a39
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/HistogramType.ts
@@ -0,0 +1,13 @@
+export interface HistogramType {
+  DATA?: Data[];
+  INTERVALS: number[];
+  INTERVAL_SIZE: number[];
+  MAX: number[];
+  MIN: number[];
+}
+
+interface Data {
+  COUNT_VALUE: number;
+  INTERVAL_INDEX: number;
+  PERCENT_VALUE: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType.ts
new file mode 100644
index 00000000..f789b3c1
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/PrevalenceType.ts
@@ -0,0 +1,9 @@
+export interface PrevalenceType {
+  SERIES_NAME?: string;
+  TRELLIS_NAME?: string;
+  X_CALENDAR_YEAR?: number;
+  Y_PREVALENCE_1000PP: number;
+  trellisOrder?: number;
+  date?: Date;
+  X_CALENDAR_MONTH?: number;
+}
diff --git a/src/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType.ts b/src/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType.ts
new file mode 100644
index 00000000..bcbc0a46
--- /dev/null
+++ b/src/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType.ts
@@ -0,0 +1,5 @@
+export interface RecordsCountType {
+  CONCEPT_NAME: string;
+  CONCEPT_ID?: number;
+  COUNT_VALUE: number;
+}
diff --git a/src/processes/exploreReports/model/store/actions.type.js b/src/processes/exploreReports/model/store/actions.type.ts
similarity index 100%
rename from src/processes/exploreReports/model/store/actions.type.js
rename to src/processes/exploreReports/model/store/actions.type.ts
diff --git a/src/processes/exploreReports/model/store/data.module.js b/src/processes/exploreReports/model/store/data.module.ts
similarity index 72%
rename from src/processes/exploreReports/model/store/data.module.js
rename to src/processes/exploreReports/model/store/data.module.ts
index c063290e..7d362af5 100644
--- a/src/processes/exploreReports/model/store/data.module.js
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -13,6 +13,7 @@ import {
 } from "./actions.type";
 
 import { errorActions } from "@/widgets/error";
+import { SourceRelease } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
 
 const state = {
   data: {},
@@ -45,23 +46,26 @@ const actions = {
 
     await Promise.allSettled(promises).then((responses) => {
       const data = responses.reduce((obj, currValue, index) => {
-        if (
-          currValue.value?.payload?.required &&
-          currValue.value?.response?.isAxiosError
-        ) {
+        const status = currValue.status;
+        if (status === "fulfilled") {
+          const data = currValue.value?.data;
+          return {
+            ...obj,
+            [payload.files[index].name]: preprocessing[
+              payload.files[index].name
+            ]
+              ? preprocessing[payload.files[index].name](data)
+              : data,
+          };
+        }
+        if (status === "rejected" && currValue.reason.payload.required) {
+          const message = currValue.reason.error.message;
+          const url = currValue.reason?.error?.config?.url;
           dispatch(errorActions.NEW_ERROR, {
-            message: currValue.value?.response.message,
-            details: currValue.value?.response?.config?.url,
+            message,
+            details: url,
           });
         }
-        return {
-          ...obj,
-          [payload.files[index].name]: preprocessing[payload.files[index].name]
-            ? preprocessing[payload.files[index].name](
-                currValue.value?.response?.data
-              )
-            : currValue.value?.response?.data,
-        };
       }, {});
       postprocessing[rootState.route.name]
         ? commit(SET_DATA, postprocessing[rootState.route.name](data))
@@ -99,13 +103,20 @@ const actions = {
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
         data[file] = responses
-          .filter((response) => response.value?.response?.data)
-          .map((filtered) => ({
-            data: preprocessing[file]
-              ? preprocessing[file](filtered.value.response.data)
-              : filtered.value.response.data,
-            source: filtered.value.payload.source,
-          }));
+          .filter((response) => response.status === "fulfilled")
+          .map(
+            (
+              filtered: PromiseFulfilledResult<{
+                data: never[];
+                payload: { source: string };
+              }>
+            ) => ({
+              data: preprocessing[file]
+                ? preprocessing[file](filtered.value.data)
+                : filtered.value?.data,
+              source: filtered.value?.payload.source,
+            })
+          );
         if (data[file].length === 0 && payload.criticalError) {
           dispatch(errorActions.NEW_ERROR, {
             message: "No files found across data sources",
@@ -144,11 +155,18 @@ const actions = {
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
         data[file] = responses
-          .filter((response) => response.value?.response?.data)
-          .map((filtered) => ({
-            data: filtered.value.response.data,
-            release: filtered.value.payload,
-          }));
+          .filter((response) => response.status === "fulfilled")
+          .map(
+            (
+              filtered: PromiseFulfilledResult<{
+                data: never;
+                payload: SourceRelease;
+              }>
+            ) => ({
+              data: filtered.value?.data,
+              release: filtered.value?.payload,
+            })
+          );
         if (data[file].length === 0) {
           dispatch(errorActions.NEW_ERROR, {
             message: "No files found across current data source releases",
diff --git a/src/processes/exploreReports/model/store/mutations.type.js b/src/processes/exploreReports/model/store/mutations.type.ts
similarity index 100%
rename from src/processes/exploreReports/model/store/mutations.type.js
rename to src/processes/exploreReports/model/store/mutations.type.ts
diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.js b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
similarity index 56%
rename from src/processes/exploreReports/model/store/postprocessing/conceptReport.js
rename to src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index 083d8117..5c0e366a 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -2,20 +2,22 @@ import sortByRange from "@/shared/lib/range-sort";
 import * as d3 from "d3-time-format";
 import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
 import * as d3Format from "d3-format";
+import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
+import { DomainSummary } from "@/processes/exploreReports/model/interfaces/files/DomainSummary";
 
 export default function concept(data) {
   const dateParse = d3.timeParse("%Y%m");
-  const conceptData = data[CONCEPT];
-  const domainSummary = data[DOMAIN_SUMMARY];
-  const conceptName = conceptData.CONCEPT_NAME[0];
-  const conceptId = conceptData.CONCEPT_ID[0];
-  const numPersons = d3Format.format(",")(conceptData.NUM_PERSONS[0]);
-  const percentPersons = conceptData.PERCENT_PERSONS[0];
-  const recordsPerPerson = conceptData.RECORDS_PER_PERSON[0];
-  let countFailed;
-  let isNotStationary;
-  let seasonalityScore;
-  let seasonalityComment;
+  const conceptData: ConceptType = data[CONCEPT];
+  const domainSummary: DomainSummary = data[DOMAIN_SUMMARY];
+  const conceptName: string = conceptData.CONCEPT_NAME[0];
+  const conceptId: number = conceptData.CONCEPT_ID[0];
+  const numPersons: string = d3Format.format(",")(conceptData.NUM_PERSONS[0]);
+  const percentPersons: string = conceptData.PERCENT_PERSONS[0];
+  const recordsPerPerson: string = conceptData.RECORDS_PER_PERSON[0];
+  let countFailed: string;
+  let isNotStationary: boolean;
+  let seasonalityScore: string;
+  let seasonalityComment: string;
 
   if (conceptData.COUNT_FAILED) {
     countFailed = conceptData.COUNT_FAILED[0];
@@ -38,7 +40,9 @@ export default function concept(data) {
   );
 
   conceptData.PREVALENCE_BY_MONTH.forEach((v, i) => {
-    conceptData.PREVALENCE_BY_MONTH[i].date = dateParse(v.X_CALENDAR_MONTH);
+    conceptData.PREVALENCE_BY_MONTH[i].date = dateParse(
+      v.X_CALENDAR_MONTH.toString()
+    );
   });
   return {
     conceptData,
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataDensity.js b/src/processes/exploreReports/model/store/postprocessing/dataDensity.js
deleted file mode 100644
index be70c831..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/dataDensity.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { DENSITY_RECORDS_PERSON, DENSITY_TOTAL } from "@/shared/config/files";
-
-export default function dataDensity(data) {
-  return {
-    domainDensity: data[DENSITY_TOTAL],
-    domainRecords: data[DENSITY_RECORDS_PERSON],
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataDensity.ts b/src/processes/exploreReports/model/store/postprocessing/dataDensity.ts
new file mode 100644
index 00000000..1e940de1
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/dataDensity.ts
@@ -0,0 +1,13 @@
+import { DENSITY_RECORDS_PERSON, DENSITY_TOTAL } from "@/shared/config/files";
+import { DensityTotal } from "@/processes/exploreReports/model/interfaces/files/DensityTotal";
+import { DensityRecordsPersonType } from "@/processes/exploreReports/model/interfaces/files/DensityRecordsPersonType";
+
+export default function dataDensity(data) {
+  const densityTotal: DensityTotal[] = data[DENSITY_TOTAL];
+  const densityRecordsPerson: DensityRecordsPersonType[] =
+    data[DENSITY_RECORDS_PERSON];
+  return {
+    domainDensity: densityTotal,
+    domainRecords: densityRecordsPerson,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.js b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.js
deleted file mode 100644
index 7df0c5ae..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { QUALITY_RESULTS } from "@/shared/config/files";
-import deriveResults from "@/shared/lib/derive-results";
-
-export default function dataQuality(data) {
-  const rawData = data[QUALITY_RESULTS];
-  const derivedResults = deriveResults(data[QUALITY_RESULTS]);
-  const cdmSourceName = rawData.Metadata[0].CDM_SOURCE_NAME;
-  const sourceDescription = rawData.Metadata[0].SOURCE_DESCRIPTION;
-  const cdmHolder = rawData.Metadata[0].CDM_HOLDER;
-  const cdmEtlReference = rawData.Metadata[0].CDM_ETL_REFERENCE;
-  const sourceDocumentationReference =
-    rawData.Metadata[0].SOURCE_DOCUMENTATION_REFERENCE;
-  const cdmVersion = rawData.Metadata[0].CDM_VERSION;
-  const vocabularyVersion = rawData.Metadata[0].VOCABULARY_VERSION;
-  const dqdVersion = rawData.Metadata[0].DQD_VERSION;
-  const sourceReleaseDate = rawData.Metadata[0].SOURCE_RELEASE_DATE;
-  const cdmReleaseDate = rawData.Metadata[0].CDM_RELEASE_DATE;
-  const checkResults = rawData.CheckResults;
-
-  return {
-    rawData,
-    derivedResults,
-    checkResults,
-    cdmHolder,
-    cdmVersion,
-    cdmReleaseDate,
-    cdmSourceName,
-    sourceDescription,
-    cdmEtlReference,
-    sourceDocumentationReference,
-    vocabularyVersion,
-    sourceReleaseDate,
-    dqdVersion,
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
new file mode 100644
index 00000000..1a2d00fc
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
@@ -0,0 +1,39 @@
+import { QUALITY_RESULTS } from "@/shared/config/files";
+import deriveResults from "@/shared/lib/derive-results";
+import {
+  CheckResults,
+  QualityResultsType,
+} from "@/processes/exploreReports/model/interfaces/files/QualityResultsType";
+
+export default function dataQuality(data) {
+  const rawData: QualityResultsType = data[QUALITY_RESULTS];
+  const derivedResults = deriveResults(data[QUALITY_RESULTS].CheckResults);
+  const cdmSourceName: string = rawData.Metadata[0].CDM_SOURCE_NAME;
+  const sourceDescription: string = rawData.Metadata[0].SOURCE_DESCRIPTION;
+  const cdmHolder: string = rawData.Metadata[0].CDM_HOLDER;
+  const cdmEtlReference: string = rawData.Metadata[0].CDM_ETL_REFERENCE;
+  const sourceDocumentationReference: string =
+    rawData.Metadata[0].SOURCE_DOCUMENTATION_REFERENCE;
+  const cdmVersion: string = rawData.Metadata[0].CDM_VERSION;
+  const vocabularyVersion: string = rawData.Metadata[0].VOCABULARY_VERSION;
+  const dqdVersion: string = rawData.Metadata[0].DQD_VERSION;
+  const sourceReleaseDate: string = rawData.Metadata[0].SOURCE_RELEASE_DATE;
+  const cdmReleaseDate: string = rawData.Metadata[0].CDM_RELEASE_DATE;
+  const checkResults: CheckResults[] = rawData.CheckResults;
+
+  return {
+    rawData,
+    derivedResults,
+    checkResults,
+    cdmHolder,
+    cdmVersion,
+    cdmReleaseDate,
+    cdmSourceName,
+    sourceDescription,
+    cdmEtlReference,
+    sourceDocumentationReference,
+    vocabularyVersion,
+    sourceReleaseDate,
+    dqdVersion,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/deathReport.js b/src/processes/exploreReports/model/store/postprocessing/deathReport.ts
similarity index 68%
rename from src/processes/exploreReports/model/store/postprocessing/deathReport.js
rename to src/processes/exploreReports/model/store/postprocessing/deathReport.ts
index 70ca0d40..6b6b30ba 100644
--- a/src/processes/exploreReports/model/store/postprocessing/deathReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/deathReport.ts
@@ -1,10 +1,11 @@
 import * as d3 from "d3-time-format";
 import { DEATH } from "@/shared/config/files";
 import sortByRange from "@/shared/lib/range-sort";
+import { Death } from "@/processes/exploreReports/model/interfaces/files/Death";
 
 export default function death(data) {
   const dateParse = d3.timeParse("%Y%m");
-  const deathData = data[DEATH];
+  const deathData: Death = data[DEATH];
   deathData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
     deathData.PREVALENCE_BY_GENDER_AGE_YEAR,
     "ascending",
@@ -12,7 +13,9 @@ export default function death(data) {
     "trellisOrder"
   );
   deathData.PREVALENCE_BY_MONTH.forEach((v, i) => {
-    deathData.PREVALENCE_BY_MONTH[i].date = dateParse(v.X_CALENDAR_MONTH);
+    deathData.PREVALENCE_BY_MONTH[i].date = dateParse(
+      v.X_CALENDAR_MONTH.toString()
+    );
   });
   return {
     ...deathData,
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainContinuity.js b/src/processes/exploreReports/model/store/postprocessing/domainContinuity.js
deleted file mode 100644
index c1ab4aba..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/domainContinuity.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { SOURCE_HISTORY_INDEX } from "@/shared/config/files";
-
-export default function domainContinuity(data) {
-  return { ...data[SOURCE_HISTORY_INDEX] };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts b/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
new file mode 100644
index 00000000..39acc4f6
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
@@ -0,0 +1,7 @@
+import { SOURCE_HISTORY_INDEX } from "@/shared/config/files";
+import { SourceHistoryIndex } from "@/processes/exploreReports/model/interfaces/files/SourceHistoryIndex";
+
+export default function domainContinuity(data) {
+  const historyIndex: SourceHistoryIndex[] = data[SOURCE_HISTORY_INDEX];
+  return { ...historyIndex };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainTable.js b/src/processes/exploreReports/model/store/postprocessing/domainTable.js
deleted file mode 100644
index 085982de..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/domainTable.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import {
-  DOMAIN_DRUG_STRATIFICATION,
-  DOMAIN_ISSUES,
-  DOMAIN_SUMMARY,
-  DOMAIN_VISIT_STRATIFICATION,
-} from "@/shared/config/files";
-
-export default function domainTable(data) {
-  const domainTable = data[DOMAIN_SUMMARY];
-  const domainIssues = data[DOMAIN_ISSUES];
-  const drugStratification = data[DOMAIN_DRUG_STRATIFICATION];
-  const domainStratification = data[DOMAIN_VISIT_STRATIFICATION];
-
-  return {
-    domainTable,
-    domainIssues,
-    domainStratification,
-    drugStratification,
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainTable.ts b/src/processes/exploreReports/model/store/postprocessing/domainTable.ts
new file mode 100644
index 00000000..90c72dda
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/domainTable.ts
@@ -0,0 +1,26 @@
+import {
+  DOMAIN_DRUG_STRATIFICATION,
+  DOMAIN_ISSUES,
+  DOMAIN_SUMMARY,
+  DOMAIN_VISIT_STRATIFICATION,
+} from "@/shared/config/files";
+import { DomainSummary } from "@/processes/exploreReports/model/interfaces/files/DomainSummary";
+import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
+import { DomainDrugStratificationType } from "@/processes/exploreReports/model/interfaces/files/DomainDrugStratificationType";
+import { DomainVisitStratificationType } from "@/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType";
+
+export default function domainTable(data) {
+  const domainTable: DomainSummary[] = data[DOMAIN_SUMMARY];
+  const domainIssues: DomainIssues[] = data[DOMAIN_ISSUES];
+  const drugStratification: DomainDrugStratificationType[] =
+    data[DOMAIN_DRUG_STRATIFICATION];
+  const domainStratification: DomainVisitStratificationType[] =
+    data[DOMAIN_VISIT_STRATIFICATION];
+
+  return {
+    domainTable,
+    domainIssues,
+    domainStratification,
+    drugStratification,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.js b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
similarity index 53%
rename from src/processes/exploreReports/model/store/postprocessing/feasibility.js
rename to src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index f5de9155..b7fd0ee2 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.js
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -5,11 +5,14 @@ import {
   OBSERVATION_PERIOD,
   PERSON,
 } from "@/shared/config/files";
+import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
+import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
+import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 
 export default function feasibility(data) {
-  const observationPeriod = data[OBSERVATION_PERIOD];
-  const person = data[PERSON];
-  const concept = data[CONCEPT];
+  const observationPeriod: ObservationPeriodType = data[OBSERVATION_PERIOD];
+  const person: PersonData = data[PERSON];
+  const concept: ConceptType = data[CONCEPT];
   const sources = data[DENSITY_DOMAIN_PERSON]?.map((file) => ({
     data: file.data,
     source: file.source.cdm_source_abbreviation,
diff --git a/src/processes/exploreReports/model/store/postprocessing/index.js b/src/processes/exploreReports/model/store/postprocessing/index.ts
similarity index 100%
rename from src/processes/exploreReports/model/store/postprocessing/index.js
rename to src/processes/exploreReports/model/store/postprocessing/index.ts
diff --git a/src/processes/exploreReports/model/store/postprocessing/metadata.js b/src/processes/exploreReports/model/store/postprocessing/metadata.ts
similarity index 56%
rename from src/processes/exploreReports/model/store/postprocessing/metadata.js
rename to src/processes/exploreReports/model/store/postprocessing/metadata.ts
index 22eaaf5c..1fdf8979 100644
--- a/src/processes/exploreReports/model/store/postprocessing/metadata.js
+++ b/src/processes/exploreReports/model/store/postprocessing/metadata.ts
@@ -1,8 +1,9 @@
 import { CDM_SOURCE, METADATA } from "@/shared/config/files";
+import { CdmSourceType } from "@/processes/exploreReports/model/interfaces/files/CdmSourceType";
 
 export default function metadata(data) {
   const metadataData = data[METADATA];
-  const cdmsourceData = data[CDM_SOURCE];
+  const cdmsourceData: CdmSourceType = data[CDM_SOURCE];
   return {
     metadataData,
     cdmsourceData,
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.js b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
similarity index 60%
rename from src/processes/exploreReports/model/store/postprocessing/networkConceptReport.js
rename to src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index b736dbe7..5a399154 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -1,18 +1,21 @@
 import { CONCEPT } from "@/shared/config/files";
 import _ from "lodash";
+import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 
 export default function networkConcept(data) {
+  const concept: MultipleFilesRawInterface<ConceptType>[] = data[CONCEPT];
   return {
     metadata: {
-      conceptName: data[CONCEPT][0].data.CONCEPT_NAME[0],
-      conceptId: data[CONCEPT][0].data.CONCEPT_ID[0],
-      numPersons: _.sumBy(data[CONCEPT], (r) => r.data.NUM_PERSONS[0]),
+      conceptName: concept[0].data.CONCEPT_NAME[0],
+      conceptId: concept[0].data.CONCEPT_ID[0],
+      numPersons: _.sumBy(concept, (r) => r.data.NUM_PERSONS[0]),
     },
     chart: {
-      measurementValueDistribution: data[CONCEPT].filter(
+      measurementValueDistribution: concept.filter(
         (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
       ).length
-        ? data[CONCEPT].reduce(
+        ? concept.reduce(
             (prevValue, current) => [
               ...prevValue,
               ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
@@ -25,10 +28,10 @@ export default function networkConcept(data) {
         : null,
     },
     table: {
-      measurementValueDistribution: data[CONCEPT].filter(
+      measurementValueDistribution: concept.filter(
         (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
       ).length
-        ? data[CONCEPT].reduce(
+        ? concept.reduce(
             (prevValue, current) => [
               ...prevValue,
               ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
@@ -36,8 +39,8 @@ export default function networkConcept(data) {
                 SOURCE: current.source.cdm_source_key,
                 RELEASE: current.source.releases[0].release_name,
                 NUM_PERSONS: current.data.NUM_PERSONS[0],
-                CONCEPT_NAME: data[CONCEPT][0].data.CONCEPT_NAME[0],
-                CONCEPT_ID: data[CONCEPT][0].data.CONCEPT_ID[0],
+                CONCEPT_NAME: concept[0].data.CONCEPT_NAME[0],
+                CONCEPT_ID: concept[0].data.CONCEPT_ID[0],
               })),
             ],
             []
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.js b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
similarity index 56%
rename from src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.js
rename to src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
index 219b5a59..b1a47f1d 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
@@ -1,7 +1,11 @@
 import { RECORDS_DOMAIN } from "@/shared/config/files";
+import { RecordsDomain } from "@/processes/exploreReports/model/interfaces/files/RecordsDomain";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 
 export default function DataStrandReport(data) {
-  return data[RECORDS_DOMAIN].reduce(
+  const recordsDomain: MultipleFilesRawInterface<RecordsDomain[]>[] =
+    data[RECORDS_DOMAIN];
+  return recordsDomain.reduce(
     (prevValue, current) => [
       ...prevValue,
       ...current.data.map((value) => ({
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.js b/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
similarity index 56%
rename from src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.js
rename to src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
index 70691a61..2e23a7fa 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
@@ -1,8 +1,12 @@
 import { OBSERVATION_PERIOD } from "@/shared/config/files";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 
 export default function population(data) {
+  const observationPeriod: MultipleFilesRawInterface<ObservationPeriodType>[] =
+    data[OBSERVATION_PERIOD];
   return {
-    allCumulativeDurationData: data[OBSERVATION_PERIOD].reduce(
+    allCumulativeDurationData: observationPeriod.reduce(
       (prevValue, current) => [
         ...prevValue,
         ...current.data.CUMULATIVE_DURATION.map((value) => ({
@@ -12,7 +16,7 @@ export default function population(data) {
       ],
       []
     ),
-    allAgeAtFirstObservationData: data[OBSERVATION_PERIOD].reduce(
+    allAgeAtFirstObservationData: observationPeriod.reduce(
       (prevValue, current) => [
         ...prevValue,
         ...current.data.AGE_AT_FIRST_OBSERVATION.map((value) => ({
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.js b/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.js
deleted file mode 100644
index a7968b64..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { NETWORK_UNMAPPED_SOURCE_CODES } from "@/shared/config/files";
-
-export default function networkUnmappedSourceCodes(data) {
-  return {
-    domainTable: data[NETWORK_UNMAPPED_SOURCE_CODES],
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.ts b/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.ts
new file mode 100644
index 00000000..062d0cb5
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes.ts
@@ -0,0 +1,10 @@
+import { NETWORK_UNMAPPED_SOURCE_CODES } from "@/shared/config/files";
+import { QualityCompletenessType } from "@/processes/exploreReports/model/interfaces/files/QualityCompletenessType";
+
+export default function networkUnmappedSourceCodes(data) {
+  const domainTable: QualityCompletenessType[] =
+    data[NETWORK_UNMAPPED_SOURCE_CODES];
+  return {
+    domainTable,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/observationPeriod.js b/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
similarity index 77%
rename from src/processes/exploreReports/model/store/postprocessing/observationPeriod.js
rename to src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
index 28d7ae58..ba92cc2d 100644
--- a/src/processes/exploreReports/model/store/postprocessing/observationPeriod.js
+++ b/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
@@ -2,10 +2,11 @@ import * as d3 from "d3-time-format";
 import { OBSERVATION_PERIOD } from "@/shared/config/files";
 import getPercentage from "@/shared/lib/get-percentage";
 import sortByRange from "@/shared/lib/range-sort";
+import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 
 export default function observationPeriod(data) {
   const dateParse = d3.timeParse("%Y%m");
-  const observationPeriodData = data[OBSERVATION_PERIOD];
+  const observationPeriodData: ObservationPeriodType = data[OBSERVATION_PERIOD];
   const personPeriods = observationPeriodData.PERSON_PERIODS_DATA.map(
     (item) => ({
       ...item,
@@ -22,7 +23,7 @@ export default function observationPeriod(data) {
     "categoryOrder"
   );
   observationPeriodData.OBSERVED_BY_MONTH.forEach((v) => {
-    v.DATE = dateParse(v.MONTH_YEAR);
+    v.DATE = dateParse(v.MONTH_YEAR.toString());
   });
 
   return {
diff --git a/src/processes/exploreReports/model/store/postprocessing/performance.js b/src/processes/exploreReports/model/store/postprocessing/performance.js
deleted file mode 100644
index 3c5714cf..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/performance.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { ACHILLES_PERFORMANCE } from "@/shared/config/files";
-
-export default function performance(data) {
-  return {
-    domainTable: data[ACHILLES_PERFORMANCE],
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/performance.ts b/src/processes/exploreReports/model/store/postprocessing/performance.ts
new file mode 100644
index 00000000..b4eb1d64
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/performance.ts
@@ -0,0 +1,10 @@
+import { ACHILLES_PERFORMANCE } from "@/shared/config/files";
+import { AchillesPerformanceType } from "@/processes/exploreReports/model/interfaces/files/AchillesPerformanceType";
+
+export default function performance(data): {
+  domainTable: AchillesPerformanceType[];
+} {
+  return {
+    domainTable: data[ACHILLES_PERFORMANCE],
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/personReport.js b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
similarity index 71%
rename from src/processes/exploreReports/model/store/postprocessing/personReport.js
rename to src/processes/exploreReports/model/store/postprocessing/personReport.ts
index d002a331..f31f4964 100644
--- a/src/processes/exploreReports/model/store/postprocessing/personReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
@@ -1,14 +1,17 @@
 import * as d3 from "d3-time-format";
 import { PERSON } from "@/shared/config/files";
+import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
 
 export default function person(data) {
   const dateParse = d3.timeParse("%Y");
-  const personData = data[PERSON];
+  const personData: PersonData = data[PERSON];
   let genderMaleCount;
   let genderFemaleCount;
-  const numPersons = personData.SUMMARY[1].ATTRIBUTE_VALUE;
+  const numPersons = parseInt(personData.SUMMARY[1].ATTRIBUTE_VALUE);
   personData.BIRTH_YEAR_DATA.forEach((v, i) => {
-    personData.BIRTH_YEAR_DATA[i].YEAR = dateParse(v.YEAR);
+    if (typeof v.YEAR === "string") {
+      personData.BIRTH_YEAR_DATA[i].YEAR = dateParse(v.YEAR);
+    }
   });
   if (personData.GENDER_DATA[0].CONCEPT_NAME === "MALE") {
     genderMaleCount = personData.GENDER_DATA[0].COUNT_VALUE;
diff --git a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.js b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
similarity index 66%
rename from src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.js
rename to src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
index 410bb9cb..bd949b89 100644
--- a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.js
+++ b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
@@ -1,16 +1,19 @@
 import { SOURCE_CONCEPT } from "@/shared/config/files";
 import * as d3 from "d3-time-format";
 import { flatten, sumBy } from "lodash";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 
 export default function sourceConceptOverlay(data) {
-  const parsedResponses = data[SOURCE_CONCEPT];
+  const parsedResponses: MultipleFilesRawInterface<ConceptType>[] =
+    data[SOURCE_CONCEPT];
   const dateParse = d3.timeParse("%Y%m");
   if (!parsedResponses.length) return;
   const prevalence = parsedResponses.map((response) =>
     response.data.PREVALENCE_BY_MONTH.map((prevalence) => {
       return {
         ...prevalence,
-        date: dateParse(prevalence.X_CALENDAR_MONTH),
+        date: dateParse(String(prevalence.X_CALENDAR_MONTH)),
         release: response.release,
       };
     })
diff --git a/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.js b/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.js
deleted file mode 100644
index 8c8a3db3..00000000
--- a/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { QUALITY_COMPLETENESS } from "@/shared/config/files";
-
-export default function unmappedSourceCodes(data) {
-  return {
-    domainTable: data[QUALITY_COMPLETENESS],
-  };
-}
diff --git a/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.ts b/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.ts
new file mode 100644
index 00000000..d0f172bf
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/unmappedSourceCodes.ts
@@ -0,0 +1,10 @@
+import { QUALITY_COMPLETENESS } from "@/shared/config/files";
+import { QualityCompletenessType } from "@/processes/exploreReports/model/interfaces/files/QualityCompletenessType";
+
+export default function unmappedSourceCodes(data) {
+  const qualityCompleteness: QualityCompletenessType[] =
+    data[QUALITY_COMPLETENESS];
+  return {
+    domainTable: qualityCompleteness,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/preprocessing/csvParse.js b/src/processes/exploreReports/model/store/preprocessing/csvParse.ts
similarity index 62%
rename from src/processes/exploreReports/model/store/preprocessing/csvParse.js
rename to src/processes/exploreReports/model/store/preprocessing/csvParse.ts
index 9705748f..12ae2276 100644
--- a/src/processes/exploreReports/model/store/preprocessing/csvParse.js
+++ b/src/processes/exploreReports/model/store/preprocessing/csvParse.ts
@@ -1,6 +1,6 @@
 import * as d3 from "d3-dsv";
 
-export default function csvParse(data) {
+export default function csvParse(data: string) {
   if (data) {
     return d3.csvParse(data);
   }
diff --git a/src/processes/exploreReports/model/store/preprocessing/index.js b/src/processes/exploreReports/model/store/preprocessing/index.ts
similarity index 100%
rename from src/processes/exploreReports/model/store/preprocessing/index.js
rename to src/processes/exploreReports/model/store/preprocessing/index.ts
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index 7e6b1cb8..57b7ab04 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -1,14 +1,19 @@
 <template>
   <v-container fluid>
     <Explorer v-if="showExplorer" />
-    <Error v-if="getErrors" />
-    <router-view v-if="!getErrors" name="reportsView" />
+    <Error v-if="store.getters.getErrors" />
+    <router-view v-if="!store.getters.getErrors" name="reportsView" />
     <Settings />
     <BottomNav />
   </v-container>
 </template>
 
-<script>
+<script lang="ts">
+export default {
+  name: "ReportsView",
+};
+</script>
+<script setup lang="ts">
 import { Error } from "@/widgets/error";
 import { Explorer, explorerActions } from "@/widgets/explorer";
 import { Settings } from "@/widgets/settings";
@@ -17,48 +22,46 @@ import BottomNav from "@/widgets/bottomNav";
 import { RESET_DATA_STORAGE } from "../model/store/actions.type";
 import getFilesByView from "../config/dataLoadConfig";
 
-import { mapGetters } from "vuex";
+import { useStore } from "vuex";
 
-export default {
-  name: "ReportsView",
-  components: { BottomNav, Explorer, Error, Settings },
-  computed: {
-    ...mapGetters(["explorerLoaded", "getSources", "getErrors"]),
-    path: function () {
-      return this.$route.path;
-    },
-    showExplorer: function () {
-      return (
-        this.path.includes("network") ||
-        this.path.includes("cdm") ||
-        this.path.includes("datasource")
-      );
-    },
-  },
-  watch: {
-    path() {
-      this.$store.dispatch(RESET_DATA_STORAGE);
-      this.loadViewData();
-    },
-  },
-  created() {
-    this.$store.dispatch(explorerActions.FETCH_QUERY_INDEX, {
-      route: this.$route.params,
-    });
-    this.$store
-      .dispatch(explorerActions.FETCH_INDEX, { route: this.$route.params })
-      .then(() => this.loadViewData());
-  },
+import { watch, computed, onMounted } from "vue";
+import { useRoute } from "vue-router";
 
-  methods: {
-    loadViewData: function () {
-      const view = getFilesByView()[this.$route.name];
-      if (view) {
-        this.$store.dispatch(view.loadMethod, view.payload);
-      }
-    },
-  },
+const route = useRoute();
+const store = useStore();
+
+const path = computed(function () {
+  return route.path;
+});
+
+const showExplorer = computed(function () {
+  return (
+    path.value.includes("network") ||
+    path.value.includes("cdm") ||
+    path.value.includes("datasource")
+  );
+});
+
+const loadViewData = function () {
+  const view = getFilesByView()[route.name];
+  if (view) {
+    store.dispatch(view.loadMethod, view.payload);
+  }
 };
+
+watch(path, () => {
+  store.dispatch(RESET_DATA_STORAGE);
+  loadViewData();
+});
+
+onMounted(() => {
+  store.dispatch(explorerActions.FETCH_QUERY_INDEX, {
+    route: route.params,
+  });
+  store
+    .dispatch(explorerActions.FETCH_INDEX, { route: route.params })
+    .then(() => loadViewData());
+});
 </script>
 
 <style scoped></style>
diff --git a/src/shared/api/getFilePath.js b/src/shared/api/getFilePath.ts
similarity index 93%
rename from src/shared/api/getFilePath.js
rename to src/shared/api/getFilePath.ts
index 2f8e28cc..736279d0 100644
--- a/src/shared/api/getFilePath.js
+++ b/src/shared/api/getFilePath.ts
@@ -1,6 +1,13 @@
 import * as files from "@/shared/config/files";
 
-export default function getFilePath(params = "") {
+export interface Params {
+  cdm?: string;
+  domain?: string;
+  release?: string;
+  concept?: string;
+}
+
+export default function getFilePath(params: Params) {
   return {
     [files.INDEX]: "data/index.json",
     [files.CONCEPT]: `data/${params.cdm}/${params.release}/concepts/${params.domain}/concept_${params.concept}.json`,
diff --git a/src/shared/api/loadFile.js b/src/shared/api/loadFile.js
deleted file mode 100644
index 130d70c1..00000000
--- a/src/shared/api/loadFile.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import axios from "axios";
-
-const loadFile = (path, payload) => {
-  const instance = axios.create();
-  instance.interceptors.response.use(
-    function (response) {
-      return response;
-    },
-    function (error) {
-      return error;
-    }
-  );
-  return new Promise((resolve, reject) => {
-    instance
-      .get(path)
-      .then((response) => {
-        resolve({ response, payload });
-      })
-      .catch((error) => reject({ error, payload }));
-  });
-};
-
-export default loadFile;
diff --git a/src/shared/api/loadFile.ts b/src/shared/api/loadFile.ts
new file mode 100644
index 00000000..31374687
--- /dev/null
+++ b/src/shared/api/loadFile.ts
@@ -0,0 +1,25 @@
+import axios, { AxiosError, AxiosResponse } from "axios";
+
+const loadFile = (path: string, payload: object) => {
+  const instance = axios.create({ baseURL: "/" });
+  instance.interceptors.response.use(
+    function (response: AxiosResponse) {
+      return response;
+    },
+    function (error: AxiosError) {
+      return Promise.reject({ error, payload });
+    }
+  );
+
+  return instance
+    .get(path, {
+      validateStatus: function (status) {
+        return status >= 200 && status < 300;
+      },
+    })
+    .then((response) => {
+      return { data: response.data, payload };
+    });
+};
+
+export default loadFile;
diff --git a/src/shared/api/localStorageService.js b/src/shared/api/localStorageService.ts
similarity index 82%
rename from src/shared/api/localStorageService.js
rename to src/shared/api/localStorageService.ts
index ef00890d..9d0f4680 100644
--- a/src/shared/api/localStorageService.js
+++ b/src/shared/api/localStorageService.ts
@@ -1,7 +1,5 @@
 class LocalStorageService {
-  constructor() {}
-
-  get(key) {
+  get(key: string) {
     const data = window.localStorage.getItem(key);
 
     try {
@@ -11,11 +9,11 @@ class LocalStorageService {
     }
   }
 
-  set(key, data) {
+  set(key: string, data: object) {
     window.localStorage.setItem(key, JSON.stringify(data));
   }
 
-  remove(key) {
+  remove(key: string) {
     window.localStorage.removeItem(key);
   }
 
diff --git a/src/shared/config/files.js b/src/shared/config/files.ts
similarity index 100%
rename from src/shared/config/files.js
rename to src/shared/config/files.ts
diff --git a/src/shared/config/links.js b/src/shared/config/links.ts
similarity index 50%
rename from src/shared/config/links.js
rename to src/shared/config/links.ts
index bf103cce..0f86f03a 100644
--- a/src/shared/config/links.js
+++ b/src/shared/config/links.ts
@@ -1,30 +1,28 @@
-const getSqlQueryLink = function (val) {
+const getSqlQueryLink = function (val: string): string {
   return `https://github.com/OHDSI/Achilles/tree/main/inst/sql/sql_server/${val}`;
 };
-const getAchillesLink = function () {
+const getAchillesLink = function (): string {
   return "https://github.com/ohdsi/achilles";
 };
-const getDatavizDatasheetLink = function () {
+const getDatavizDatasheetLink = function (): string {
   return "https://policyviz.com/2018/08/07/dataviz-cheatsheet/";
 };
 export const VEGA_SCHEMA = "https://vega.github.io/schema/vega-lite/v5.json";
-const getDataQualityDashboardLink = function () {
+const getDataQualityDashboardLink = function (): string {
   return "https://ohdsi.github.io/DataQualityDashboard/";
 };
-const getCastorLink = function () {
+const getCastorLink = function (): string {
   return "http://www.github.com/ohdsi/castor";
 };
-const getDocsLink = function (val) {
+const getDocsLink = function (val: string): string {
   return `https://ohdsi.github.io/CommonDataModel/cdm531.html#${val}`;
 };
 
-export const getLinks = {
-  methods: {
-    getSqlQueryLink,
-    getDocsLink,
-    getCastorLink,
-    getAchillesLink,
-    getDatavizDatasheetLink,
-    getDataQualityDashboardLink,
-  },
+export const links = {
+  getSqlQueryLink,
+  getDocsLink,
+  getCastorLink,
+  getAchillesLink,
+  getDatavizDatasheetLink,
+  getDataQualityDashboardLink,
 };
diff --git a/src/shared/interfaces/DataTableHeader.ts b/src/shared/interfaces/DataTableHeader.ts
new file mode 100644
index 00000000..f18f0a3c
--- /dev/null
+++ b/src/shared/interfaces/DataTableHeader.ts
@@ -0,0 +1,14 @@
+export interface DataTableHeader {
+  key: string;
+  title: string;
+  colspan?: number;
+  rowspan?: number;
+  fixed?: boolean;
+  align?: string;
+  width?: number;
+  minWidth?: string;
+  maxWidth?: string;
+  sortable?: boolean;
+  show?: boolean;
+  default?: boolean | undefined;
+}
diff --git a/src/shared/lib/derive-results.js b/src/shared/lib/derive-results.ts
similarity index 71%
rename from src/shared/lib/derive-results.js
rename to src/shared/lib/derive-results.ts
index 9ad80c0f..a2f8d13b 100644
--- a/src/shared/lib/derive-results.js
+++ b/src/shared/lib/derive-results.ts
@@ -1,20 +1,20 @@
-export default function deriveResults(dqResults) {
+export default function deriveResults(data /*: CheckResults[]*/) {
   // Verification Plausibility
-  const VerificationPlausibilityPass = dqResults.CheckResults.filter(
+  const VerificationPlausibilityPass = data.filter(
     (c) =>
       c.FAILED == 0 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Plausibility"
   ).length;
 
-  const VerificationPlausibilityFail = dqResults.CheckResults.filter(
+  const VerificationPlausibilityFail = data.filter(
     (c) =>
       c.FAILED == 1 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Plausibility"
   ).length;
 
-  const VerificationPlausibilityTotal = dqResults.CheckResults.filter(
+  const VerificationPlausibilityTotal = data.filter(
     (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Plausibility"
   ).length;
 
@@ -27,21 +27,21 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Verification Conformance
-  const VerificationConformancePass = dqResults.CheckResults.filter(
+  const VerificationConformancePass = data.filter(
     (c) =>
       c.FAILED == 0 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Conformance"
   ).length;
 
-  const VerificationConformanceFail = dqResults.CheckResults.filter(
+  const VerificationConformanceFail = data.filter(
     (c) =>
       c.FAILED == 1 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Conformance"
   ).length;
 
-  const VerificationConformanceTotal = dqResults.CheckResults.filter(
+  const VerificationConformanceTotal = data.filter(
     (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Conformance"
   ).length;
 
@@ -54,21 +54,21 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Verification Completeness
-  const VerificationCompletenessPass = dqResults.CheckResults.filter(
+  const VerificationCompletenessPass = data.filter(
     (c) =>
       c.FAILED == 0 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Completeness"
   ).length;
 
-  const VerificationCompletenessFail = dqResults.CheckResults.filter(
+  const VerificationCompletenessFail = data.filter(
     (c) =>
       c.FAILED == 1 &&
       c.CONTEXT == "Verification" &&
       c.CATEGORY == "Completeness"
   ).length;
 
-  const VerificationCompletenessTotal = dqResults.CheckResults.filter(
+  const VerificationCompletenessTotal = data.filter(
     (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Completeness"
   ).length;
 
@@ -81,15 +81,15 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Verification Totals
-  const VerificationPass = dqResults.CheckResults.filter(
+  const VerificationPass = data.filter(
     (c) => c.FAILED == 0 && c.CONTEXT == "Verification"
   ).length;
 
-  const VerificationFail = dqResults.CheckResults.filter(
+  const VerificationFail = data.filter(
     (c) => c.FAILED == 1 && c.CONTEXT == "Verification"
   ).length;
 
-  const VerificationTotal = dqResults.CheckResults.filter(
+  const VerificationTotal = data.filter(
     (c) => c.CONTEXT == "Verification"
   ).length;
 
@@ -99,17 +99,17 @@ export default function deriveResults(dqResults) {
       : ((VerificationPass / VerificationTotal) * 100).toFixed(1) + "%";
 
   // Validation Plausibility
-  const ValidationPlausibilityPass = dqResults.CheckResults.filter(
+  const ValidationPlausibilityPass = data.filter(
     (c) =>
       c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
   ).length;
 
-  const ValidationPlausibilityFail = dqResults.CheckResults.filter(
+  const ValidationPlausibilityFail = data.filter(
     (c) =>
       c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
   ).length;
 
-  const ValidationPlausibilityTotal = dqResults.CheckResults.filter(
+  const ValidationPlausibilityTotal = data.filter(
     (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
   ).length;
 
@@ -122,17 +122,17 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Validation Conformance
-  const ValidationConformancePass = dqResults.CheckResults.filter(
+  const ValidationConformancePass = data.filter(
     (c) =>
       c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
   ).length;
 
-  const ValidationConformanceFail = dqResults.CheckResults.filter(
+  const ValidationConformanceFail = data.filter(
     (c) =>
       c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
   ).length;
 
-  const ValidationConformanceTotal = dqResults.CheckResults.filter(
+  const ValidationConformanceTotal = data.filter(
     (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
   ).length;
 
@@ -145,17 +145,17 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Validation Completeness
-  const ValidationCompletenessPass = dqResults.CheckResults.filter(
+  const ValidationCompletenessPass = data.filter(
     (c) =>
       c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
   ).length;
 
-  const ValidationCompletenessFail = dqResults.CheckResults.filter(
+  const ValidationCompletenessFail = data.filter(
     (c) =>
       c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
   ).length;
 
-  const ValidationCompletenessTotal = dqResults.CheckResults.filter(
+  const ValidationCompletenessTotal = data.filter(
     (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
   ).length;
 
@@ -168,17 +168,15 @@ export default function deriveResults(dqResults) {
         ).toFixed(1) + "%";
 
   // Validation
-  const ValidationPass = dqResults.CheckResults.filter(
+  const ValidationPass = data.filter(
     (c) => c.FAILED == 0 && c.CONTEXT == "Validation"
   ).length;
 
-  const ValidationFail = dqResults.CheckResults.filter(
+  const ValidationFail = data.filter(
     (c) => c.FAILED == 1 && c.CONTEXT == "Validation"
   ).length;
 
-  const ValidationTotal = dqResults.CheckResults.filter(
-    (c) => c.CONTEXT == "Validation"
-  ).length;
+  const ValidationTotal = data.filter((c) => c.CONTEXT == "Validation").length;
 
   const ValidationPercentPass =
     ValidationTotal == 0
@@ -186,15 +184,15 @@ export default function deriveResults(dqResults) {
       : ((ValidationPass / ValidationTotal) * 100).toFixed(1) + "%";
 
   // Plausibility
-  const PlausibilityPass = dqResults.CheckResults.filter(
+  const PlausibilityPass = data.filter(
     (c) => c.FAILED == 0 && c.CATEGORY == "Plausibility"
   ).length;
 
-  const PlausibilityFail = dqResults.CheckResults.filter(
+  const PlausibilityFail = data.filter(
     (c) => c.FAILED == 1 && c.CATEGORY == "Plausibility"
   ).length;
 
-  const PlausibilityTotal = dqResults.CheckResults.filter(
+  const PlausibilityTotal = data.filter(
     (c) => c.CATEGORY == "Plausibility"
   ).length;
 
@@ -204,15 +202,15 @@ export default function deriveResults(dqResults) {
       : ((PlausibilityPass / PlausibilityTotal) * 100).toFixed(1) + "%";
 
   // Conformance
-  const ConformancePass = dqResults.CheckResults.filter(
+  const ConformancePass = data.filter(
     (c) => c.FAILED == 0 && c.CATEGORY == "Conformance"
   ).length;
 
-  const ConformanceFail = dqResults.CheckResults.filter(
+  const ConformanceFail = data.filter(
     (c) => c.FAILED == 1 && c.CATEGORY == "Conformance"
   ).length;
 
-  const ConformanceTotal = dqResults.CheckResults.filter(
+  const ConformanceTotal = data.filter(
     (c) => c.CATEGORY == "Conformance"
   ).length;
 
@@ -222,15 +220,15 @@ export default function deriveResults(dqResults) {
       : ((ConformancePass / ConformanceTotal) * 100).toFixed(1) + "%";
 
   // Completeness
-  const CompletenessPass = dqResults.CheckResults.filter(
+  const CompletenessPass = data.filter(
     (c) => c.FAILED == 0 && c.CATEGORY == "Completeness"
   ).length;
 
-  const CompletenessFail = dqResults.CheckResults.filter(
+  const CompletenessFail = data.filter(
     (c) => c.FAILED == 1 && c.CATEGORY == "Completeness"
   ).length;
 
-  const CompletenessTotal = dqResults.CheckResults.filter(
+  const CompletenessTotal = data.filter(
     (c) => c.CATEGORY == "Completeness"
   ).length;
 
@@ -240,33 +238,32 @@ export default function deriveResults(dqResults) {
       : ((CompletenessPass / CompletenessTotal) * 100).toFixed(1) + "%";
 
   // All
-  const AllPass = dqResults.CheckResults.filter((c) => c.FAILED == 0).length;
+  const AllPass = data.filter((c) => c.FAILED == 0).length;
 
-  const AllFail = dqResults.CheckResults.filter((c) => c.FAILED == 1).length;
+  const AllFail = data.filter((c) => c.FAILED == 1).length;
 
-  const AllTotal = dqResults.CheckResults.length;
+  const AllTotal = data.length;
 
   const AllPercentPass =
     AllTotal == 0 ? "-" : ((AllPass / AllTotal) * 100).toFixed(1) + "%";
 
-  for (let i = 0; i < dqResults.CheckResults.length; i++) {
-    if (dqResults.CheckResults[i].FAILED == 0) {
-      dqResults.CheckResults[i].FAILED = "PASS";
+  for (let i = 0; i < data.length; i++) {
+    if (data[i].FAILED == 0) {
+      data[i].FAILED = "PASS";
     } else {
-      dqResults.CheckResults[i].FAILED = "FAIL";
+      data[i].FAILED = "FAIL";
     }
 
-    if (dqResults.CheckResults[i].NOTES == undefined) {
-      dqResults.CheckResults[i].NOTES_EXIST = "None";
+    if (data[i].NOTES == undefined) {
+      data[i].NOTES_EXIST = "None";
     } else {
-      dqResults.CheckResults[i].NOTES_EXIST = "Exists";
+      data[i].NOTES_EXIST = "Exists";
     }
 
-    if (!dqResults.CheckResults[i].CDM_FIELD_NAME) {
-      dqResults.CheckResults[i].CDM_FIELD_NAME = "N/A";
+    if (!data[i].CDM_FIELD_NAME) {
+      data[i].CDM_FIELD_NAME = "N/A";
     } else {
-      dqResults.CheckResults[i].CDM_FIELD_NAME =
-        dqResults.CheckResults[i].CDM_FIELD_NAME.toUpperCase();
+      data[i].CDM_FIELD_NAME = data[i].CDM_FIELD_NAME.toUpperCase();
     }
   }
 
diff --git a/src/shared/lib/get-percentage.js b/src/shared/lib/get-percentage.js
deleted file mode 100644
index 7e929cea..00000000
--- a/src/shared/lib/get-percentage.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default function getPercentage(value, array) {
-  const denominator = array.reduce((acc, current) => {
-    return acc + current.COUNT_VALUE;
-  }, 0);
-  return ((value / denominator) * 100).toFixed(2);
-}
diff --git a/src/shared/lib/get-percentage.ts b/src/shared/lib/get-percentage.ts
new file mode 100644
index 00000000..c5687fc4
--- /dev/null
+++ b/src/shared/lib/get-percentage.ts
@@ -0,0 +1,11 @@
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+export default function getPercentage(
+  value: number,
+  array: RecordsCountType[]
+): string {
+  const denominator = array.reduce((acc, current) => {
+    return acc + current.COUNT_VALUE;
+  }, 0);
+  return ((value / denominator) * 100).toFixed(2);
+}
diff --git a/src/shared/lib/mixins/index.js b/src/shared/lib/mixins/index.ts
similarity index 74%
rename from src/shared/lib/mixins/index.js
rename to src/shared/lib/mixins/index.ts
index 68554bcb..cf84d6e5 100644
--- a/src/shared/lib/mixins/index.js
+++ b/src/shared/lib/mixins/index.ts
@@ -9,15 +9,13 @@ import { navigateTo } from "@/shared/lib/mixins/methods/navigateTo";
 import { formatComma } from "@/shared/lib/mixins/methods/formatComma";
 import { formatPercent } from "@/shared/lib/mixins/methods/formatPercent";
 
-export const mixins = {
-  methods: {
-    debouncedSearch,
-    getFontWeight,
-    getPaddedDate,
-    getValuesArray,
-    navigateTo,
-    formatComma,
-    formatPercent,
-    padTo2Digits,
-  },
+export const helpers = {
+  debouncedSearch,
+  getFontWeight,
+  getPaddedDate,
+  getValuesArray,
+  navigateTo,
+  formatComma,
+  formatPercent,
+  padTo2Digits,
 };
diff --git a/src/shared/lib/mixins/methods/debouncedSearch.js b/src/shared/lib/mixins/methods/debouncedSearch.js
deleted file mode 100644
index dd838069..00000000
--- a/src/shared/lib/mixins/methods/debouncedSearch.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { debounce } from "lodash";
-
-export const debouncedSearch = debounce(function (data) {
-  this.$router.push({
-    query: {
-      search: data,
-    },
-  });
-}, 300);
diff --git a/src/shared/lib/mixins/methods/debouncedSearch.ts b/src/shared/lib/mixins/methods/debouncedSearch.ts
new file mode 100644
index 00000000..1824b41f
--- /dev/null
+++ b/src/shared/lib/mixins/methods/debouncedSearch.ts
@@ -0,0 +1,12 @@
+import { debounce } from "lodash";
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+
+export const debouncedSearch = debounce(function (data: string) {
+  router.push({
+    query: {
+      search: data,
+    },
+  });
+}, 300);
diff --git a/src/shared/lib/mixins/methods/formatComma.js b/src/shared/lib/mixins/methods/formatComma.ts
similarity index 56%
rename from src/shared/lib/mixins/methods/formatComma.js
rename to src/shared/lib/mixins/methods/formatComma.ts
index 9059356d..700b2c0a 100644
--- a/src/shared/lib/mixins/methods/formatComma.js
+++ b/src/shared/lib/mixins/methods/formatComma.ts
@@ -1,5 +1,5 @@
 import * as d3Format from "d3-format";
 
-export const formatComma = function (value) {
+export const formatComma = function (value: number): string {
   return d3Format.format(",")(value);
 };
diff --git a/src/shared/lib/mixins/methods/formatPercent.js b/src/shared/lib/mixins/methods/formatPercent.ts
similarity index 56%
rename from src/shared/lib/mixins/methods/formatPercent.js
rename to src/shared/lib/mixins/methods/formatPercent.ts
index 604f372c..53c5ea53 100644
--- a/src/shared/lib/mixins/methods/formatPercent.js
+++ b/src/shared/lib/mixins/methods/formatPercent.ts
@@ -1,5 +1,5 @@
 import * as d3Format from "d3-format";
 
-export const formatPercent = function (value) {
+export const formatPercent = function (value: number): string {
   return d3Format.format("0.0%")(value);
 };
diff --git a/src/shared/lib/mixins/methods/getFontWeight.js b/src/shared/lib/mixins/methods/getFontWeight.js
deleted file mode 100644
index 5427dd08..00000000
--- a/src/shared/lib/mixins/methods/getFontWeight.js
+++ /dev/null
@@ -1,13 +0,0 @@
-export const getFontWeight = function (decile) {
-  if (decile == 1) {
-    return "font-weight-black";
-  } else if (decile == 2) {
-    return "font-weight-bold";
-  } else if (decile == 3) {
-    return "font-weight-medium";
-  } else if (decile == 9 || decile == 10) {
-    return "font-weight-light";
-  } else {
-    return "font-weight-regular";
-  }
-};
diff --git a/src/shared/lib/mixins/methods/getFontWeight.ts b/src/shared/lib/mixins/methods/getFontWeight.ts
new file mode 100644
index 00000000..86abf1aa
--- /dev/null
+++ b/src/shared/lib/mixins/methods/getFontWeight.ts
@@ -0,0 +1,13 @@
+export const getFontWeight = function (decile: string): string {
+  if (decile === "1") {
+    return "font-weight-black";
+  } else if (decile === "2") {
+    return "font-weight-bold";
+  } else if (decile === "3") {
+    return "font-weight-medium";
+  } else if (decile === "9" || decile === "10") {
+    return "font-weight-light";
+  } else {
+    return "font-weight-regular";
+  }
+};
diff --git a/src/shared/lib/mixins/methods/getPaddedDate.js b/src/shared/lib/mixins/methods/getPaddedDate.ts
similarity index 58%
rename from src/shared/lib/mixins/methods/getPaddedDate.js
rename to src/shared/lib/mixins/methods/getPaddedDate.ts
index b228edaa..137d3b57 100644
--- a/src/shared/lib/mixins/methods/getPaddedDate.js
+++ b/src/shared/lib/mixins/methods/getPaddedDate.ts
@@ -1,8 +1,8 @@
-export function padTo2Digits(num) {
+export function padTo2Digits(num: number): string {
   return num.toString().padStart(2, "0");
 }
 
-export function getPaddedDate(date, divider) {
+export function getPaddedDate(date: Date, divider: string): string {
   return [
     date.getFullYear(),
     padTo2Digits(date.getMonth() + 1),
diff --git a/src/shared/lib/mixins/methods/getValuesArray.js b/src/shared/lib/mixins/methods/getValuesArray.js
deleted file mode 100644
index 349ccb5a..00000000
--- a/src/shared/lib/mixins/methods/getValuesArray.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export const getValuesArray = function (array, val) {
-  return array.map((d) => d[val]);
-};
diff --git a/src/shared/lib/mixins/methods/getValuesArray.ts b/src/shared/lib/mixins/methods/getValuesArray.ts
new file mode 100644
index 00000000..84d197f6
--- /dev/null
+++ b/src/shared/lib/mixins/methods/getValuesArray.ts
@@ -0,0 +1,11 @@
+export const getValuesArray = function (
+  array: never[],
+  val: string,
+  unique?: boolean
+): never[] {
+  if (unique) {
+    return [...new Set(array.map((d) => d[val]))];
+  } else {
+    return array.map((d) => d[val]);
+  }
+};
diff --git a/src/shared/lib/mixins/methods/navigateTo.js b/src/shared/lib/mixins/methods/navigateTo.ts
similarity index 50%
rename from src/shared/lib/mixins/methods/navigateTo.js
rename to src/shared/lib/mixins/methods/navigateTo.ts
index 813a98e1..995f35d9 100644
--- a/src/shared/lib/mixins/methods/navigateTo.js
+++ b/src/shared/lib/mixins/methods/navigateTo.ts
@@ -1,4 +1,9 @@
-export const navigateTo = function (name, params = "", query = "", hash = "") {
+export const navigateTo = function (
+  name: string,
+  params = "",
+  query = "",
+  hash = ""
+) {
   this.$router.push({
     name: name,
     params: params,
diff --git a/src/shared/lib/range-sort.js b/src/shared/lib/range-sort.ts
similarity index 83%
rename from src/shared/lib/range-sort.js
rename to src/shared/lib/range-sort.ts
index d198608b..6ad458d2 100644
--- a/src/shared/lib/range-sort.js
+++ b/src/shared/lib/range-sort.ts
@@ -1,9 +1,9 @@
-export default function sortByRange(
-  array,
-  sortOrder,
-  rangeKey,
-  outputOrderKey
-) {
+export default function sortByRange<Type>(
+  array: Type[],
+  sortOrder: string,
+  rangeKey: string,
+  outputOrderKey: string
+): Type[] {
   return array
     .map((item) => ({
       ...item,
diff --git a/src/shared/lib/vuex-router-sync.js b/src/shared/lib/vuex-router-sync.js
index 36d4d785..ece5f91f 100644
--- a/src/shared/lib/vuex-router-sync.js
+++ b/src/shared/lib/vuex-router-sync.js
@@ -1,5 +1,4 @@
 // Copyright (c) 2016 Evan You,  https://github.com/vuejs/vuex-router-sync
-
 export default function sync(store, router, options) {
   const moduleName = (options || {}).moduleName || "route";
 
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
new file mode 100644
index 00000000..ceac722f
--- /dev/null
+++ b/src/shims-vue.d.ts
@@ -0,0 +1,12 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare module "vue-easytable"
+
+declare module "vue3-markdown-it"
+
+declare module "vue-pivottable"
diff --git a/src/vuex.d.ts b/src/vuex.d.ts
new file mode 100644
index 00000000..fc793e28
--- /dev/null
+++ b/src/vuex.d.ts
@@ -0,0 +1,13 @@
+import { Store } from "vuex";
+
+declare module "@vue/runtime-core" {
+  // declare your own store states
+  interface State {
+    count: number;
+  }
+
+  // provide typings for `this.$store`
+  interface ComponentCustomProperties {
+    $store: Store<State>;
+  }
+}
diff --git a/src/widgets/bottomNav/index.js b/src/widgets/bottomNav/index.js
deleted file mode 100644
index 87ad53f7..00000000
--- a/src/widgets/bottomNav/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import BottomNav from "@/widgets/bottomNav/ui/BottomNav";
-
-export default BottomNav;
diff --git a/src/widgets/bottomNav/index.ts b/src/widgets/bottomNav/index.ts
new file mode 100644
index 00000000..ca1e8da8
--- /dev/null
+++ b/src/widgets/bottomNav/index.ts
@@ -0,0 +1,3 @@
+import BottomNav from "@/widgets/bottomNav/ui/BottomNav.vue";
+
+export default BottomNav;
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 6af7f92c..abf52130 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -1,18 +1,14 @@
 <template>
-  <v-bottom-navigation fixed dark dense>
-    <v-layout justify-end>
+  <v-bottom-navigation density="comfortable">
+    <v-layout class="justify-end align-center">
       <v-btn to="/help">
-        <v-icon dark>mdi-help-circle-outline</v-icon>
+        <v-icon>mdi-help-circle-outline</v-icon>
       </v-btn>
       <v-btn to="/network/overview">
-        <v-icon dark>mdi-database</v-icon>
+        <v-icon>mdi-database</v-icon>
       </v-btn>
       <v-btn to="/">
-        <v-img
-          :src="require('@/shared/assets/icon.png')"
-          max-height="20"
-          max-width="20"
-        ></v-img>
+        <v-img :class="iconClass" :src="logo" width="20"></v-img>
       </v-btn>
       <v-btn @click="toggleSettings">
         <v-icon dark>mdi-cog-outline</v-icon>
@@ -21,17 +17,31 @@
   </v-bottom-navigation>
 </template>
 
-<script>
-import { SET_VISIBILITY } from "@/widgets/settings/model/store/mutations.type";
-
+<script lang="ts">
 export default {
   name: "BottomNav",
-  methods: {
-    toggleSettings: function () {
-      this.$store.commit(SET_VISIBILITY, !this.$store.getters.getVisibility);
-    },
-  },
 };
 </script>
 
-<style scoped></style>
+<script setup lang="ts">
+import { SET_VISIBILITY } from "@/widgets/settings/model/store/mutations.type";
+import logo from "@/shared/assets/icon.png";
+import { useStore } from "vuex";
+import { computed } from "vue";
+
+const store = useStore();
+
+const iconClass = computed((): string => {
+  return store.getters.getSettings.darkMode ? "" : "inverted";
+});
+
+const toggleSettings = function (): void {
+  store.commit(SET_VISIBILITY, !store.getters.getVisibility);
+};
+</script>
+
+<style scoped>
+.inverted {
+  filter: invert(1);
+}
+</style>
diff --git a/src/widgets/chart/config/chartSpecifications/defOverview.js b/src/widgets/chart/config/chartSpecifications/defOverview.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/defOverview.js
rename to src/widgets/chart/config/chartSpecifications/defOverview.ts
index 17baf4d0..ce5a9496 100644
--- a/src/widgets/chart/config/chartSpecifications/defOverview.js
+++ b/src/widgets/chart/config/chartSpecifications/defOverview.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function defOverview(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.js b/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.js
rename to src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts
index a05e7d49..319e6bd7 100644
--- a/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.js
+++ b/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function defRecordsPerPerson(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.js b/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
similarity index 84%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtDeath.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
index 45a7bac1..cf76331f 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specAgeAtDeath(zeroBaseline = false, minMax = false) {
+export function specAgeAtDeath(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -29,7 +33,7 @@ export function specAgeAtDeath(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.js b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
similarity index 83%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
index 2bac1208..baf1ef14 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specAgeAtFirstDiagnosis(zeroBaseline = false, minMax = false) {
+export function specAgeAtFirstDiagnosis(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -29,7 +33,7 @@ export function specAgeAtFirstDiagnosis(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.js b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
similarity index 85%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
index e2808c70..d871f6c8 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specAgeAtFirstExposure(zeroBaseline = false, minMax = false) {
+export function specAgeAtFirstExposure(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -32,7 +36,7 @@ export function specAgeAtFirstExposure(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: {
             field: "P25_VALUE",
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.js b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts
index c0717166..ddbd88c7 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specAgeAtFirstObservation(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.js b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
index 0f549cbd..724acce6 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specAgeAtFirstObservationBySource(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.js b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
similarity index 83%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.js
rename to src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
index f3c74c7d..3fe84c7c 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specAgeAtFirstOccurrence(zeroBaseline = false, minMax = false) {
+export function specAgeAtFirstOccurrence(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -29,7 +33,7 @@ export function specAgeAtFirstOccurrence(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeBySex.js b/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
similarity index 92%
rename from src/widgets/chart/config/chartSpecifications/specAgeBySex.js
rename to src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
index 83c724fc..2ea2e167 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeBySex.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specAgeBySex(zeroBaseline = false, minMax = false) {
   return {
@@ -28,7 +29,7 @@ export function specAgeBySex(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeSex.js b/src/widgets/chart/config/chartSpecifications/specAgeSex.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specAgeSex.js
rename to src/widgets/chart/config/chartSpecifications/specAgeSex.ts
index c030b124..91aabbd5 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeSex.js
+++ b/src/widgets/chart/config/chartSpecifications/specAgeSex.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specAgeSex(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specBirthYear.js b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specBirthYear.js
rename to src/widgets/chart/config/chartSpecifications/specBirthYear.ts
index 967c08e0..c6618a9a 100644
--- a/src/widgets/chart/config/chartSpecifications/specBirthYear.js
+++ b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specBirthYear(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specConditionsByType.js b/src/widgets/chart/config/chartSpecifications/specConditionsByType.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specConditionsByType.js
rename to src/widgets/chart/config/chartSpecifications/specConditionsByType.ts
index 6c4a442c..59a25185 100644
--- a/src/widgets/chart/config/chartSpecifications/specConditionsByType.js
+++ b/src/widgets/chart/config/chartSpecifications/specConditionsByType.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specConditionsByType(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.js b/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specCumulativeObservation.js
rename to src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts
index 53ca6b01..36eb0b43 100644
--- a/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.js
+++ b/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specCumulativeObservation(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.js b/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.js
rename to src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
index e2f41a45..bcc2f4d2 100644
--- a/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.js
+++ b/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specCumulativeObservationBySource(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResults.js b/src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResults.js
rename to src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts
index ee9e3c78..fd6d6231 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResults.js
+++ b/src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specDataQualityResults(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.js b/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.js
rename to src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts
index e9a6a1a7..6c3333f2 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.js
+++ b/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specDataQualityResultsByCategory(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.js b/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.js
rename to src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts
index 8e537c7a..491bb0b2 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.js
+++ b/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specDataQualityResultsByDomain(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specDatastrand.js b/src/widgets/chart/config/chartSpecifications/specDatastrand.ts
similarity index 100%
rename from src/widgets/chart/config/chartSpecifications/specDatastrand.js
rename to src/widgets/chart/config/chartSpecifications/specDatastrand.ts
diff --git a/src/widgets/chart/config/chartSpecifications/specDaysSupply.js b/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
similarity index 80%
rename from src/widgets/chart/config/chartSpecifications/specDaysSupply.js
rename to src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
index 5d563ebd..18559a2e 100644
--- a/src/widgets/chart/config/chartSpecifications/specDaysSupply.js
+++ b/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specDaysSupply(zeroBaseline = false, minMax = false) {
+export function specDaysSupply(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -19,7 +23,7 @@ export function specDaysSupply(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 28, tooltip: {} },
+        mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specDeathByType.js b/src/widgets/chart/config/chartSpecifications/specDeathByType.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specDeathByType.js
rename to src/widgets/chart/config/chartSpecifications/specDeathByType.ts
index 00975a5d..39f4c7fe 100644
--- a/src/widgets/chart/config/chartSpecifications/specDeathByType.js
+++ b/src/widgets/chart/config/chartSpecifications/specDeathByType.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specDeathByType(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.js b/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts
similarity index 89%
rename from src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.js
rename to src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts
index 6f5310e2..0e2bfc8e 100644
--- a/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.js
+++ b/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts
@@ -1,6 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specDrugTypeStratification(zeroBaseline = false) {
+export function specDrugTypeStratification(zeroBaseline = false): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     data: null,
diff --git a/src/widgets/chart/config/chartSpecifications/specDrugsByType.js b/src/widgets/chart/config/chartSpecifications/specDrugsByType.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specDrugsByType.js
rename to src/widgets/chart/config/chartSpecifications/specDrugsByType.ts
index ee2b02dc..40fb3fe5 100644
--- a/src/widgets/chart/config/chartSpecifications/specDrugsByType.js
+++ b/src/widgets/chart/config/chartSpecifications/specDrugsByType.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specDrugsByType(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specEthnicity.js b/src/widgets/chart/config/chartSpecifications/specEthnicity.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specEthnicity.js
rename to src/widgets/chart/config/chartSpecifications/specEthnicity.ts
index 49517081..32f2daf2 100644
--- a/src/widgets/chart/config/chartSpecifications/specEthnicity.js
+++ b/src/widgets/chart/config/chartSpecifications/specEthnicity.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specEthnicity(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.js b/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.js
rename to src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts
index 4cfe75db..1ddb87a5 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.js
+++ b/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specIssueStratificationByCategory(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.js b/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.js
rename to src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts
index 28d91e50..117005dc 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.js
+++ b/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specIssueStratificationByTable(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.js b/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specIssuesByRelease.js
rename to src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts
index 5e192a68..9f1c9ede 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.js
+++ b/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specIssuesByRelease(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.js b/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
similarity index 80%
rename from src/widgets/chart/config/chartSpecifications/specLengthOfEra.js
rename to src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
index e41185e3..a4f58f52 100644
--- a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.js
+++ b/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specLengthOfEra(zeroBaseline = false, minMax = false) {
+export function specLengthOfEra(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -19,7 +23,7 @@ export function specLengthOfEra(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 28, tooltip: {} },
+        mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.js b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
similarity index 90%
rename from src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.js
rename to src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
index f266a9af..485d3b98 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.js
+++ b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specMeasurementValueDistribution(
   zeroBaseline = false,
@@ -6,7 +7,7 @@ export function specMeasurementValueDistribution(
 ) {
   return {
     $schema: VEGA_SCHEMA,
-    height: { step: "20" },
+    height: { step: 20 },
     width: "container",
     encoding: {
       y: {
@@ -32,7 +33,7 @@ export function specMeasurementValueDistribution(
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.js b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
similarity index 93%
rename from src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.js
rename to src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
index b54248ad..c1109924 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.js
+++ b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specMeasurementValueDistribution1(
   zeroBaseline = false,
@@ -32,7 +33,7 @@ export function specMeasurementValueDistribution1(
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.js b/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specMeasurementsByType.js
rename to src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts
index 0fcc9fab..69f98d39 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.js
+++ b/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specMeasurementsByType(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationByAge.js b/src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specObservationByAge.js
rename to src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
index 6cf0be21..5c0152fa 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationByAge.js
+++ b/src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
@@ -1,9 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specObservationByAge(zeroBaseline = false, minMax = false) {
   return {
     $schema: VEGA_SCHEMA,
-    height: { step: "20" },
+    height: { step: 20 },
     width: "container",
     encoding: {
       y: {
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationByMonth.js b/src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specObservationByMonth.js
rename to src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts
index 10b6e336..4025cd7f 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationByMonth.js
+++ b/src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specObservationByMonth(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationBySex.js b/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
similarity index 92%
rename from src/widgets/chart/config/chartSpecifications/specObservationBySex.js
rename to src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
index 5f6e6e48..41c4c07b 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationBySex.js
+++ b/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specObservationBySex(zeroBaseline = false, minMax = false) {
   return {
@@ -29,7 +30,7 @@ export function specObservationBySex(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specOverview.js b/src/widgets/chart/config/chartSpecifications/specOverview.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specOverview.js
rename to src/widgets/chart/config/chartSpecifications/specOverview.ts
index 0e7ab3a0..77d164df 100644
--- a/src/widgets/chart/config/chartSpecifications/specOverview.js
+++ b/src/widgets/chart/config/chartSpecifications/specOverview.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specOverview(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.js b/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specPopulationByRelease.js
rename to src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts
index 2daf2d0d..69592c61 100644
--- a/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.js
+++ b/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specPopulationByRelease(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specQuantity.js b/src/widgets/chart/config/chartSpecifications/specQuantity.ts
similarity index 80%
rename from src/widgets/chart/config/chartSpecifications/specQuantity.js
rename to src/widgets/chart/config/chartSpecifications/specQuantity.ts
index 21d9ff16..8c2d55df 100644
--- a/src/widgets/chart/config/chartSpecifications/specQuantity.js
+++ b/src/widgets/chart/config/chartSpecifications/specQuantity.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specQuantity(zeroBaseline = false, minMax = false) {
+export function specQuantity(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -19,7 +23,7 @@ export function specQuantity(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 28, tooltip: {} },
+        mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specRace.js b/src/widgets/chart/config/chartSpecifications/specRace.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specRace.js
rename to src/widgets/chart/config/chartSpecifications/specRace.ts
index d22ae574..9eda9e25 100644
--- a/src/widgets/chart/config/chartSpecifications/specRace.js
+++ b/src/widgets/chart/config/chartSpecifications/specRace.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specRace(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.js b/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.js
rename to src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts
index ca7337dd..53e1262f 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.js
+++ b/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
-  console.log(zeroBaseline);
   return {
     $schema: VEGA_SCHEMA,
     spacing: 10,
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.js b/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.js
rename to src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts
index b2abd946..40bbed7e 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.js
+++ b/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specRecordProportionByMonth(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.js b/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.js
rename to src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts
index 54f19463..3abf1128 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.js
+++ b/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
 export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.js b/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specRecordsByUnit.js
rename to src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts
index 21aaa7bd..ff0c26d8 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.js
+++ b/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec, Config } from "vega-lite";
 
 export function specRecordsByUnit(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.js b/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
similarity index 83%
rename from src/widgets/chart/config/chartSpecifications/specVisitDurationByType.js
rename to src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
index f975d913..d2ca1a70 100644
--- a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.js
+++ b/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
@@ -1,6 +1,10 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
 
-export function specVisitDurationByType(zeroBaseline = false, minMax = false) {
+export function specVisitDurationByType(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
     height: 100,
@@ -29,7 +33,7 @@ export function specVisitDurationByType(zeroBaseline = false, minMax = false) {
         },
       },
       {
-        mark: { type: "bar", size: 14, tooltip: {} },
+        mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
diff --git a/src/widgets/chart/config/chartSpecifications/specVisitStratification.js b/src/widgets/chart/config/chartSpecifications/specVisitStratification.ts
similarity index 93%
rename from src/widgets/chart/config/chartSpecifications/specVisitStratification.js
rename to src/widgets/chart/config/chartSpecifications/specVisitStratification.ts
index 3c3d471f..261f12a7 100644
--- a/src/widgets/chart/config/chartSpecifications/specVisitStratification.js
+++ b/src/widgets/chart/config/chartSpecifications/specVisitStratification.ts
@@ -1,4 +1,5 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec, Config } from "vega-lite";
 
 export function specVisitStratification(zeroBaseline = false) {
   return {
diff --git a/src/widgets/chart/config/index.js b/src/widgets/chart/config/index.ts
similarity index 100%
rename from src/widgets/chart/config/index.js
rename to src/widgets/chart/config/index.ts
diff --git a/src/widgets/chart/index.js b/src/widgets/chart/index.ts
similarity index 63%
rename from src/widgets/chart/index.js
rename to src/widgets/chart/index.ts
index 1c3c6bb8..c1c96220 100644
--- a/src/widgets/chart/index.js
+++ b/src/widgets/chart/index.ts
@@ -1,4 +1,4 @@
 import { chartConfigs } from "@/widgets/chart/config";
-import Chart from "@/widgets/chart/ui/Chart";
+import Chart from "@/widgets/chart/ui/Chart.vue";
 
 export { chartConfigs, Chart };
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 2f95c8e9..76331120 100644
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -5,61 +5,71 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
+export default {
+  name: "VegaChart",
+};
+</script>
+
+<script setup lang="ts">
 import embed from "vega-embed";
-import { mapGetters } from "vuex";
+import { useStore } from "vuex";
+import { computed, watch, onBeforeMount, defineProps } from "vue";
+import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
+import { TopLevelSpec } from "vega-lite";
 
-export default {
-  name: "Chart",
-  props: {
-    title: { type: String, required: false, default: null },
-    data: { type: Array, required: true, default: null },
-    config: { type: Function, required: true, default: null },
-    id: { type: String, required: true, default: null },
-    listener: { type: Function, required: false, default: null },
-    width: { type: String, required: false, default: "90" },
-  },
-  computed: {
-    processedConfig: function () {
-      return {
-        ...this.config(this.getSettings.zeroBaseline, this.getSettings.minMax),
-        data: { values: this.data },
-      };
-    },
-    darkMode: function () {
-      return this.getSettings.darkMode;
-    },
-    style: function () {
-      return "width: " + this.width + "%";
-    },
-    ...mapGetters(["getSettings"]),
-  },
-  watch: {
-    darkMode() {
-      this.load();
-    },
-    processedConfig: {
-      deep: true,
-      handler() {
-        this.load();
-      },
-    },
-  },
-  created() {
-    this.load();
-  },
-  methods: {
-    load: function () {
-      embed(`#${this.id}`, this.processedConfig, {
-        theme: this.getSettings.darkMode ? "dark" : "",
-      }).then((result) => {
-        if (this.listener) {
-          this.listener(result, this.$route);
-        }
-      });
-    },
-  },
+//Find a way to type function props
+interface Props {
+  title?: string;
+  data: object[] | string[];
+  id: string;
+  width?: string;
+  config: (a?: boolean, b?: boolean) => TopLevelSpec;
+  listener?: (a: any, b: RouteLocationNormalizedLoaded) => void;
+}
+const store = useStore();
+const route = useRoute();
+const props = defineProps<Props>();
+
+const processedConfig = computed(function (): TopLevelSpec {
+  return {
+    ...props.config(
+      store.getters.getSettings.zeroBaseline,
+      store.getters.getSettings.minMax
+    ),
+    data: { values: props.data },
+  };
+});
+
+const darkMode = computed(function (): boolean {
+  return store.getters.getSettings.darkMode;
+});
+
+const style = computed(function (): string {
+  return props.width ? "width: " + props.width + "%" : "width: 100%";
+});
+
+const load = function (): void {
+  embed(`#${props.id}`, processedConfig.value, {
+    theme: store.getters.getSettings.darkMode ? "dark" : undefined,
+  }).then((result) => {
+    if (props.listener) {
+      props.listener(result, route);
+    }
+  });
 };
+
+watch(darkMode, (): void => {
+  load();
+});
+
+watch(processedConfig, (): void => {
+  load();
+});
+
+onBeforeMount((): void => {
+  load();
+});
 </script>
 
 <style scoped></style>
diff --git a/src/widgets/error/index.js b/src/widgets/error/index.ts
similarity index 77%
rename from src/widgets/error/index.js
rename to src/widgets/error/index.ts
index 89ae2066..747f1a34 100644
--- a/src/widgets/error/index.js
+++ b/src/widgets/error/index.ts
@@ -1,5 +1,5 @@
 import errorStore from "@/widgets/error/model/store/errors.module";
 import * as errorActions from "./model/store/actions.type";
-import Error from "@/widgets/error/ui/Error";
+import Error from "@/widgets/error/ui/Error.vue";
 
 export { Error, errorStore, errorActions };
diff --git a/src/widgets/error/model/interfaces/Error.ts b/src/widgets/error/model/interfaces/Error.ts
new file mode 100644
index 00000000..540a27e2
--- /dev/null
+++ b/src/widgets/error/model/interfaces/Error.ts
@@ -0,0 +1,4 @@
+export interface Error {
+  message: string;
+  details: string;
+}
diff --git a/src/widgets/error/model/store/actions.type.js b/src/widgets/error/model/store/actions.type.ts
similarity index 100%
rename from src/widgets/error/model/store/actions.type.js
rename to src/widgets/error/model/store/actions.type.ts
diff --git a/src/widgets/error/model/store/errors.module.js b/src/widgets/error/model/store/errors.module.ts
similarity index 87%
rename from src/widgets/error/model/store/errors.module.js
rename to src/widgets/error/model/store/errors.module.ts
index 6f32c199..a55b600e 100644
--- a/src/widgets/error/model/store/errors.module.js
+++ b/src/widgets/error/model/store/errors.module.ts
@@ -6,13 +6,14 @@ import {
   ADD_ERROR,
   CLEAR_ERRORS,
 } from "@/widgets/error/model/store/mutations.type";
+import { Error } from "@/widgets/error/model/interfaces/Error";
 
 const state = {
   errors: [],
 };
 
 const getters = {
-  getErrors: (state) => {
+  getErrors: (state): Error[] | null => {
     return state.errors.length > 0 ? state.errors : null;
   },
 };
diff --git a/src/widgets/error/model/store/mutations.type.js b/src/widgets/error/model/store/mutations.type.ts
similarity index 100%
rename from src/widgets/error/model/store/mutations.type.js
rename to src/widgets/error/model/store/mutations.type.ts
diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index aae4a6de..b95b81e3 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -1,9 +1,9 @@
 <template>
   <v-container fluid>
-    <v-alert elevation="4" text prominent type="error" icon="mdi-cloud-alert">
+    <v-alert elevation="4" prominent type="error" icon="mdi-cloud-alert">
       <v-card-title>An error has occurred</v-card-title>
       <ul>
-        <li v-for="(error, index) in getErrors" :key="index">
+        <li v-for="(error, index) in store.getters.getErrors" :key="index">
           <span style="color: crimson">{{ error.message }}</span> --
           <span style="color: red">{ {{ error.details }} }</span>
         </li>
@@ -12,14 +12,15 @@
   </v-container>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-
+<script lang="ts">
 export default {
   name: "ErrorAlert",
-  computed: {
-    ...mapGetters(["getErrors"]),
-  },
 };
 </script>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
 <style scoped></style>
diff --git a/src/widgets/explorer/config/folders.js b/src/widgets/explorer/config/folders.ts
similarity index 100%
rename from src/widgets/explorer/config/folders.js
rename to src/widgets/explorer/config/folders.ts
diff --git a/src/widgets/explorer/config/index.js b/src/widgets/explorer/config/index.ts
similarity index 100%
rename from src/widgets/explorer/config/index.js
rename to src/widgets/explorer/config/index.ts
diff --git a/src/widgets/explorer/config/reports.js b/src/widgets/explorer/config/reports.ts
similarity index 100%
rename from src/widgets/explorer/config/reports.js
rename to src/widgets/explorer/config/reports.ts
diff --git a/src/widgets/explorer/index.js b/src/widgets/explorer/index.ts
similarity index 76%
rename from src/widgets/explorer/index.js
rename to src/widgets/explorer/index.ts
index a0159c54..2ce8b774 100644
--- a/src/widgets/explorer/index.js
+++ b/src/widgets/explorer/index.ts
@@ -1,5 +1,5 @@
 import explorerStore from "@/widgets/explorer/model/store/explorer.module";
-import Explorer from "@/widgets/explorer/ui/Explorer";
+import Explorer from "@/widgets/explorer/ui/Explorer.vue";
 import * as explorerActions from "./model/store/actions.type";
 
 export { explorerStore, Explorer, explorerActions };
diff --git a/src/widgets/explorer/model/store/actions.type.js b/src/widgets/explorer/model/store/actions.type.ts
similarity index 100%
rename from src/widgets/explorer/model/store/actions.type.js
rename to src/widgets/explorer/model/store/actions.type.ts
diff --git a/src/widgets/explorer/model/store/explorer.module.js b/src/widgets/explorer/model/store/explorer.module.ts
similarity index 63%
rename from src/widgets/explorer/model/store/explorer.module.js
rename to src/widgets/explorer/model/store/explorer.module.ts
index bf365ef0..1a9e23c9 100644
--- a/src/widgets/explorer/model/store/explorer.module.js
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -13,6 +13,11 @@ import loadFile from "@/shared/api/loadFile";
 import getFilePath from "@/shared/api/getFilePath";
 import config from "@/widgets/explorer/config";
 import { errorActions } from "@/widgets/error";
+import { QueryIndexType } from "@/processes/exploreReports/model/interfaces/files/QueryIndex";
+import {
+  Source,
+  SourceRelease,
+} from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
 
 const state = {
   folders: config.folders,
@@ -23,13 +28,13 @@ const state = {
 };
 
 const getters = {
-  getQueryIndex: function (state) {
+  getQueryIndex: function (state): QueryIndexType {
     return state.queryIndex;
   },
-  getSources: function (state) {
+  getSources: function (state): Source[] {
     return state.sources;
   },
-  explorerLoaded: function (state) {
+  explorerLoaded: function (state): boolean {
     return state.dataLoaded;
   },
   getSelectedFolder: function (state, getters, rootState) {
@@ -42,15 +47,15 @@ const getters = {
       (report) => report.folder === getters.getSelectedFolder.name
     );
   },
-  getSelectedSource: function (state, getters, rootState) {
+  getSelectedSource: function (state, getters, rootState): Source {
     return getters.getSources.find(
       (source) => rootState.route.params.cdm === source.cdm_source_key
     );
   },
-  getReleases: function (state, getters) {
+  getReleases: function (state, getters): SourceRelease[] {
     return getters.getSelectedSource.releases;
   },
-  getSelectedRelease: function (state, getters, rootState) {
+  getSelectedRelease: function (state, getters, rootState): SourceRelease {
     return rootState.route.params.release
       ? getters.getReleases.find(
           (release) => rootState.route.params.release === release.release_id
@@ -70,39 +75,31 @@ const getters = {
 
 const actions = {
   [FETCH_INDEX]({ commit, dispatch }, params) {
-    loadFile(getFilePath(params)[INDEX], { required: true }).then(
-      (response) => {
-        if (
-          response.payload?.required &&
-          response.response?.name === "AxiosError"
-        ) {
-          dispatch(errorActions.NEW_ERROR, {
-            message: response.response.message,
-            details: response.response.request.responseURL,
-          });
-          return;
-        }
-        commit(SOURCES, response.response.data.sources);
+    return loadFile(getFilePath(params)[INDEX], { required: true })
+      .then((response) => {
+        commit(SOURCES, response.data.sources);
         commit(EXPLORER_LOADED);
-      }
-    );
+      })
+      .catch((error) => {
+        dispatch(errorActions.NEW_ERROR, {
+          message: error.error.message,
+          details: error.error.response.request.responseURL,
+        });
+      });
   },
   [FETCH_QUERY_INDEX]({ commit, dispatch }, params) {
-    loadFile(getFilePath(params)[EXPORT_QUERY_INDEX], { required: false }).then(
-      (response) => {
-        if (
-          response.payload?.required &&
-          response.response?.name === "AxiosError"
-        ) {
-          dispatch(errorActions.NEW_ERROR, {
-            message: response.response.message,
-            details: response.response.request.responseURL,
-          });
-          return;
-        }
-        commit(LOAD_QUERY_INDEX, response.response.data);
-      }
-    );
+    return loadFile(getFilePath(params)[EXPORT_QUERY_INDEX], {
+      required: false,
+    })
+      .then((response) => {
+        commit(LOAD_QUERY_INDEX, response.data);
+      })
+      .catch((error) => {
+        dispatch(errorActions.NEW_ERROR, {
+          message: error.error.message,
+          details: error.error.response.request.responseURL,
+        });
+      });
   },
 };
 
diff --git a/src/widgets/explorer/model/store/mutations.type.js b/src/widgets/explorer/model/store/mutations.type.ts
similarity index 100%
rename from src/widgets/explorer/model/store/mutations.type.js
rename to src/widgets/explorer/model/store/mutations.type.ts
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 5789d2cd..8d67d72c 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -1,182 +1,184 @@
 <template>
-  <div v-if="explorerLoaded" id="explorer" class="pa-2">
+  <div v-if="store.getters.explorerLoaded" id="explorer" class="pa-2">
     <v-row>
       <v-col cols="1">
-        <v-btn to="/home" icon large class="mb-8">
-          <v-img
-            class="inverted"
-            :src="require('../../../shared/assets/icon.png')"
-            max-height="32"
-            max-width="32"
-          ></v-img></v-btn
+        <v-btn to="/home" icon variant="plain">
+          <v-img :class="iconClass" :src="icon" width="32"></v-img> </v-btn
       ></v-col>
       <v-col cols="auto">
         <v-autocomplete
-          :value="getSelectedFolder"
-          class="mt-4"
+          :model-value="store.getters.getSelectedFolder"
+          class="mt-2"
           label="Report Category"
-          return-object
           prepend-icon="mdi-folder"
-          auto-select-first
-          dense
-          :items="folders"
-          item-text="name"
+          return-object
+          density="compact"
+          variant="outlined"
+          :items="config.folders"
+          item-title="name"
           item-value="name"
-          @input="changeFolder"
+          @update:modelValue="changeFolder"
         >
-          <template v-slot:item="{ item }">
-            <v-icon left small>{{ item.icon }}</v-icon> {{ item.name }}
+          <template v-slot:item="{ props, item }">
+            <v-list-item
+              v-bind="props"
+              :title="item.value.name"
+              :append-icon="item.value.icon"
+            ></v-list-item>
           </template>
         </v-autocomplete>
       </v-col>
       <v-col v-if="showSourceSelector" cols="auto">
         <v-autocomplete
-          class="mt-4"
+          class="mt-2"
+          variant="outlined"
           label="Data Source"
-          :value="getSelectedSource"
+          density="compact"
+          :model-value="store.getters.getSelectedSource"
           return-object
           prepend-icon="mdi-database"
           auto-select-first
           dense
-          :items="getSources"
-          item-text="cdm_source_abbreviation"
+          :items="store.getters.getSources"
+          item-title="cdm_source_abbreviation"
           item-value="cdm_source_key"
-          @input="changeSource"
-        ></v-autocomplete>
+          @update:modelValue="changeSource"
+        >
+        </v-autocomplete>
       </v-col>
       <v-col v-if="showReleaseSelector" cols="auto">
         <v-autocomplete
-          class="mt-4"
+          class="mt-2"
+          variant="outlined"
+          density="compact"
           label="Data Source Release"
-          :value="getSelectedRelease"
+          :model-value="store.getters.getSelectedRelease"
           return-object
           prepend-icon="mdi-database-clock"
           auto-select-first
-          dense
-          :items="getReleases"
-          item-text="release_name"
+          :items="store.getters.getReleases"
+          item-title="release_name"
           item-value="release_id"
-          @input="changeRelease"
-        ></v-autocomplete>
+          @update:modelValue="changeRelease"
+        >
+        </v-autocomplete>
       </v-col>
       <v-col cols="auto">
         <v-autocomplete
-          class="mt-4"
+          class="mt-2"
           label="Report"
-          :value="getSelectedReport"
+          density="compact"
+          variant="outlined"
+          :model-value="store.getters.getSelectedReport"
           return-object
           prepend-icon="mdi-file-chart"
-          auto-select-first
-          dense
-          :items="getFilteredReports"
-          item-text="name"
+          :items="store.getters.getFilteredReports"
+          item-title="name"
           item-value="route"
-          @input="changeReport"
+          @update:modelValue="changeReport"
         >
-          <template v-slot:item="{ item }">
-            <v-icon left small>{{ item.icon }}</v-icon> {{ item.name }}
+          <template v-slot:item="{ props, item }">
+            <v-list-item
+              v-bind="props"
+              :title="item.value.name"
+              :append-icon="item.value.icon"
+            ></v-list-item>
           </template>
         </v-autocomplete>
       </v-col>
       <v-col v-if="showConceptSelector" cols="auto">
-        <v-text-field
+        <v-autocomplete
           readonly
-          class="mt-4"
+          variant="outlined"
+          density="compact"
+          class="mt-2"
           label="Concept ID"
-          return-object
           prepend-icon="mdi-chart-timeline-variant-shimmer"
-          dense
-          :value="showConceptSelector"
-        ></v-text-field>
+          :model-value="showConceptSelector"
+        ></v-autocomplete>
       </v-col>
     </v-row>
   </div>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
-import {
-  FETCH_INDEX,
-  FETCH_QUERY_INDEX,
-} from "@/widgets/explorer/model/store/actions.type";
+<script lang="ts">
+export default {
+  name: "ReportsExplorer",
+};
+</script>
+<script setup lang="ts">
+import { useStore } from "vuex";
+import icon from "@/shared/assets/icon.png";
+import { useRoute, useRouter } from "vue-router";
+import { computed } from "vue";
+
 import config from "@/widgets/explorer/config";
+import {
+  Source,
+  SourceRelease,
+} from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
 
-export default {
-  name: "Explorer",
-  data() {
-    return {
-      folders: config.folders,
-      reports: config.reports,
-    };
-  },
+const route = useRoute();
+const store = useStore();
+const router = useRouter();
 
-  computed: {
-    ...mapGetters([
-      "getSources",
-      "getSelectedFolder",
-      "getReleases",
-      "explorerLoaded",
-      "getFilteredReports",
-      "getSelectedRelease",
-      "getSelectedSource",
-      "getSelectedReport",
-    ]),
-    showConceptSelector: function () {
-      return this.$route.params.concept;
-    },
-    showSourceSelector: function () {
-      return (
-        this.getSelectedFolder.key === "datasource" ||
-        this.getSelectedFolder.key === "cdm"
-      );
-    },
-    showReleaseSelector: function () {
-      return this.getSelectedFolder.key === "cdm";
-    },
-  },
-  methods: {
-    changeSource(data) {
-      this.$router.push({
-        params: {
-          ...this.$route.params,
-          cdm: data.cdm_source_key,
-          release: data.releases[0].release_id,
-        },
-      });
+const iconClass = computed((): string => {
+  return store.getters.getSettings.darkMode ? "" : "inverted";
+});
+
+function changeSource(data: Source): void {
+  router.push({
+    params: {
+      ...route.params,
+      cdm: data.cdm_source_key,
+      release: data.releases[0].release_id,
     },
-    changeRelease(data) {
-      this.$router.push({
-        params: {
-          ...this.$route.params,
-          release: data.release_id,
-        },
-      });
+  });
+}
+function changeRelease(data: SourceRelease): void {
+  router.push({
+    params: {
+      ...route.params,
+      release: data.release_id,
     },
-    changeFolder(data) {
-      this.$router.push({
-        name: data.key,
-        params: {
-          cdm: this.getSelectedSource
-            ? this.getSelectedSource.cdm_source_key
-            : this.getSources[0].cdm_source_key,
-          release: this.getSelectedSource
-            ? this.getSelectedRelease.release_id
-            : this.getSources[0].releases[0].release_id,
-        },
-      });
+  });
+}
+function changeFolder(data): void {
+  router.push({
+    name: data.key,
+    params: {
+      cdm: store.getters.getSelectedSource
+        ? store.getters.getSelectedSource.cdm_source_key
+        : store.getters.getSources[0].cdm_source_key,
+      release: store.getters.getSelectedSource
+        ? store.getters.getSelectedRelease.release_id
+        : store.getters.getSources[0].releases[0].release_id,
     },
-    changeReport(data) {
-      this.$router.push({
-        name: data.routeName,
-        params: {
-          ...this.$route.params,
-          domain: data.domain,
-          concept: "",
-        },
-      });
+  });
+}
+function changeReport(data): void {
+  router.push({
+    name: data.routeName,
+    params: {
+      ...route.params,
+      domain: data.domain,
+      concept: "",
     },
-  },
-};
+  });
+}
+
+const showConceptSelector = computed(function (): string | string[] {
+  return route.params.concept;
+});
+const showSourceSelector = computed(function (): boolean {
+  return (
+    store.getters.getSelectedFolder.key === "datasource" ||
+    store.getters.getSelectedFolder.key === "cdm"
+  );
+});
+const showReleaseSelector = computed(function (): boolean {
+  return store.getters.getSelectedFolder.key === "cdm";
+});
 </script>
 
 <style scoped>
@@ -187,6 +189,6 @@ tr:hover {
   font-size: 14px;
 }
 .inverted {
-  filter: invert(0.5);
+  filter: invert(1);
 }
 </style>
diff --git a/src/widgets/infoPanel/index.js b/src/widgets/infoPanel/index.js
deleted file mode 100644
index 2aac77e2..00000000
--- a/src/widgets/infoPanel/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel";
-
-export default InfoPanel;
diff --git a/src/widgets/infoPanel/index.ts b/src/widgets/infoPanel/index.ts
new file mode 100644
index 00000000..505b881a
--- /dev/null
+++ b/src/widgets/infoPanel/index.ts
@@ -0,0 +1,3 @@
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+
+export default InfoPanel;
diff --git a/src/widgets/infoPanel/ui/InfoPanel.vue b/src/widgets/infoPanel/ui/InfoPanel.vue
index dc2619e7..07dc4378 100644
--- a/src/widgets/infoPanel/ui/InfoPanel.vue
+++ b/src/widgets/infoPanel/ui/InfoPanel.vue
@@ -1,35 +1,35 @@
 <template>
   <v-container fluid class="mt-1">
-    <v-divider v-if="divider" inset class="pa-1"></v-divider>
+    <v-divider v-if="props.divider" inset class="pa-1"></v-divider>
     <v-row
       ><v-col cols="1" class="pa-2">
-        <v-icon color="blue-grey" right>{{ icon }}</v-icon> </v-col
+        <v-icon color="blue-grey" right>{{
+          props.icon ? props.icon : "mdi-help-circle"
+        }}</v-icon> </v-col
       ><v-col cols="11" class="text-caption pa-2">
-        <v-layout v-if="!linkDetails">{{ details }}</v-layout>
-        <a v-if="link != undefined" target="_blank" :href="link">
-          <v-layout v-if="!linkDetails"
+        <v-layout v-if="!props.linkDetails">{{ props.details }}</v-layout>
+        <a v-if="props.link" target="_blank" :href="props.link">
+          <v-layout v-if="!props.linkDetails"
             >Click here to learn more
-            <v-icon left small color="primary"
-              >mdi-open-in-new</v-icon
-            ></v-layout
-          >
-          <v-layout v-if="linkDetails"
-            >{{ details }}
-            <v-icon left small color="primary"
+            <v-icon icon="mdi-open-in-new" left small
               >mdi-open-in-new</v-icon
             ></v-layout
           >
+          <v-layout v-if="props.linkDetails"
+            >{{ props.details }}
+            <v-icon icon="mdi-open-in-new" left small></v-icon
+          ></v-layout>
         </a>
-        <router-link v-if="routeLink" :to="routeLink">
-          <v-layout v-if="!linkDetails"
+        <router-link v-if="props.routeLink" :to="props.routeLink">
+          <v-layout v-if="!props.linkDetails"
             >Click here to learn more
-            <v-icon left small color="primary"
+            <v-icon icon="mdi-open-in-new" left small
               >mdi-open-in-new</v-icon
             ></v-layout
           >
-          <v-layout v-if="linkDetails"
-            >{{ details }}
-            <v-icon left small color="primary"
+          <v-layout v-if="props.linkDetails"
+            >{{ props.details }}
+            <v-icon icon="mdi-open-in-new" left small
               >mdi-open-in-new</v-icon
             ></v-layout
           >
@@ -39,24 +39,28 @@
   </v-container>
 </template>
 
-<script>
+<script lang="ts">
 export default {
-  name: "Infopanel",
-  props: {
-    details: { type: String },
-    link: { type: String },
-    routeLink: { type: Object },
-    icon: { type: String, default: "mdi-help-circle" },
-    divider: { type: Boolean, default: true },
-    linkDetails: { type: Boolean, default: false },
-  },
-  data() {
-    return {};
-  },
-  created() {},
+  name: "InfoPanel",
 };
 </script>
 
+<script setup lang="ts">
+import { defineProps } from "vue";
+import { LocationQuery } from "vue-router";
+
+interface Props {
+  details?: string;
+  link?: string;
+  routeLink?: string | LocationQuery;
+  icon?: string;
+  divider?: boolean;
+  linkDetails?: boolean;
+}
+
+const props = defineProps<Props>();
+</script>
+
 <style scoped>
 .text-caption {
   margin-top: 4px;
diff --git a/src/widgets/pivot/index.js b/src/widgets/pivot/index.js
deleted file mode 100644
index 9c88f547..00000000
--- a/src/widgets/pivot/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import Pivot from "@/widgets/pivot/ui/Pivot";
-
-export default Pivot;
diff --git a/src/widgets/pivot/index.ts b/src/widgets/pivot/index.ts
new file mode 100644
index 00000000..689a4c46
--- /dev/null
+++ b/src/widgets/pivot/index.ts
@@ -0,0 +1,3 @@
+import Pivot from "@/widgets/pivot/ui/Pivot.vue";
+
+export default Pivot;
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 383c5f40..dfb0cb1b 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -1,184 +1,204 @@
 <template>
-  <v-row>
+  <v-row v-if="data">
     <v-col cols="3">
-      <v-tabs fixed-tabs class="tab-group elevation-10">
-        <v-tab>
-          <v-icon left> mdi-table </v-icon>
-          Table
-        </v-tab>
-        <v-tab>
-          <v-icon left> mdi-database-cog </v-icon>
-          Result manipulation
-        </v-tab>
+      <v-card>
+        <v-tabs v-model="tab" fixed-tabs>
+          <v-tab value="table">
+            <v-icon left> mdi-table </v-icon>
+            Table
+          </v-tab>
+          <v-tab value="manipulation">
+            <v-icon left> mdi-database-cog </v-icon>
+            Settings
+          </v-tab>
+        </v-tabs>
+        <v-window v-model="tab" class="my-2">
+          <v-window-item value="table">
+            <v-card class="attr-box">
+              <v-list class="pa-3">
+                <v-select
+                  v-model="selectedRows"
+                  variant="solo"
+                  :menu-props="{ bottom: true, offsetY: true }"
+                  menu-icon="mdi-plus-box"
+                  persistent-placeholder
+                  prefix="Row attributes"
+                  hide-selected
+                  multiple
+                  :items="getDisplayedAttributes"
+                >
+                  <template #selection="{}"></template>
+                  filter
+                </v-select>
+                <draggable
+                  item-key="id"
+                  v-model="selectedRows"
+                  v-if="selectedRows.length"
+                >
+                  <template #item="{ element }">
+                    <v-list-item class="list-item">
+                      <v-list-item-title>
+                        <v-list-item-title>{{ element }}</v-list-item-title>
+                      </v-list-item-title>
+                      <template v-slot:append="{}">
+                        <v-list-item-action end>
+                          <v-btn
+                            variant="plain"
+                            density="compact"
+                            icon
+                            @click="removeRows(element)"
+                            ><v-icon>mdi-close</v-icon></v-btn
+                          >
+                        </v-list-item-action>
+                      </template>
+                    </v-list-item>
+                  </template>
+                </draggable>
+                <v-card-text v-else class="placeholder"
+                  >Select attributes to display</v-card-text
+                >
+              </v-list>
+            </v-card>
+            <v-card class="attr-box">
+              <v-list class="pa-3">
+                <v-select
+                  v-model="selectedCols"
+                  variant="solo"
+                  persistent-placeholder
+                  menu-icon="mdi-plus-box"
+                  :menu-props="{ bottom: true, offsetY: true }"
+                  prefix="Column attributes"
+                  hide-selected
+                  multiple
+                  :items="getDisplayedAttributes"
+                >
+                  <template #selection="{}"> </template>
+                </v-select>
+                <draggable
+                  item-key="id"
+                  v-model="selectedCols"
+                  v-if="selectedCols.length"
+                >
+                  <template #item="{ element }">
+                    <v-list-item class="list-item">
+                      <v-list-item-title>
+                        <v-list-item-title>{{ element }}</v-list-item-title>
+                      </v-list-item-title>
+                      <template v-slot:append="{}">
+                        <v-list-item-action end>
+                          <v-btn
+                            variant="plain"
+                            density="compact"
+                            icon
+                            @click="removeCols(element)"
+                            ><v-icon>mdi-close</v-icon></v-btn
+                          >
+                        </v-list-item-action>
+                      </template>
+                    </v-list-item>
+                  </template>
+                </draggable>
 
-        <v-tab-item>
-          <v-card class="attr-box elevation-10">
-            <v-list class="pa-3">
+                <v-card-text v-else class="placeholder align-self-center"
+                  >Select attributes to display</v-card-text
+                >
+              </v-list>
+            </v-card>
+          </v-window-item>
+          <v-window-item value="manipulation">
+            <v-card>
               <v-select
-                v-model="selectedRows"
-                solo
+                v-model="selectedFilterAttributes"
+                hide-details
+                variant="outlined"
+                class="pa-3 pb-6"
                 :menu-props="{ bottom: true, offsetY: true }"
-                background-color="primary"
-                prefix="Row attributes"
                 hide-selected
-                multiple
+                clearable
                 :items="getDisplayedAttributes"
-              >
-                <template #selection="{}"></template>
-                <template #append>
-                  <v-icon color="white">mdi-plus-box</v-icon> </template
-                >filter
-              </v-select>
-              <draggable v-if="selectedRows.length" v-model="selectedRows">
-                <template v-for="(item, i) in selectedRows">
-                  <v-list-item :key="i" class="list-item">
-                    <v-list-item-content>
-                      <v-list-item-title>{{ item }}</v-list-item-title>
-                    </v-list-item-content>
-                    <v-list-item-action>
-                      <v-btn icon @click="removeRows(i)"
-                        ><v-icon>mdi-close</v-icon></v-btn
-                      >
-                    </v-list-item-action>
-                  </v-list-item>
-                </template>
-              </draggable>
-              <v-card-text v-else class="placeholder"
-                >Select attributes to display</v-card-text
-              >
-            </v-list>
-          </v-card>
-          <v-card class="attr-box elevation-10">
-            <v-list class="pa-3">
-              <v-select
-                v-model="selectedCols"
-                solo
-                :menu-props="{ bottom: true, offsetY: true }"
-                background-color="primary"
-                prefix="Column attributes"
-                hide-selected
                 multiple
-                :items="getDisplayedAttributes"
+                label="Filters"
+                @click:clear="removeFilterAttributes()"
               >
-                <template #selection="{}"> </template>
-                <template #append>
-                  <v-icon color="white">mdi-plus-box</v-icon>
-                </template>
-              </v-select>
-              <draggable v-if="selectedCols.length" v-model="selectedCols">
-                <template v-for="(item, i) in selectedCols">
-                  <v-list-item :key="i" class="list-item">
-                    <v-list-item-content>
-                      <v-list-item-title>{{ item }}</v-list-item-title>
-                    </v-list-item-content>
-                    <v-list-item-action>
-                      <v-btn icon @click="removeCols(i)"
-                        ><v-icon>mdi-close</v-icon></v-btn
+                <template v-slot:selection="{ item, select, selected }">
+                  <v-menu
+                    allow-overflow
+                    offset-y
+                    bottom
+                    max-height="500"
+                    :close-on-content-click="false"
+                  >
+                    <template v-slot:activator="{ props }">
+                      <v-chip
+                        closable
+                        :input-value="selected"
+                        v-bind="props"
+                        @click="select"
+                        @click:close="removeFilterAttributes(item.raw)"
                       >
-                    </v-list-item-action>
-                  </v-list-item>
-                </template>
-              </draggable>
-              <v-card-text v-else class="placeholder align-self-center"
-                >Select attributes to display</v-card-text
-              >
-            </v-list>
-          </v-card>
-        </v-tab-item>
-        <v-tab-item>
-          <v-card>
-            <v-select
-              v-model="selectedFilterAttributes"
-              hide-details
-              outlined
-              class="pa-3 pb-6"
-              :menu-props="{ bottom: true, offsetY: true }"
-              hide-selected
-              clearable
-              :items="getDisplayedAttributes"
-              chips
-              multiple
-              label="Filters"
-              @click:clear="removeFilterAttributes()"
-            >
-              <template #selection="{ item, select, selected }">
-                <v-menu
-                  allow-overflow
-                  offset-y
-                  bottom
-                  max-height="500"
-                  :close-on-content-click="false"
-                >
-                  <template #activator="{ on, attrs }">
-                    <v-chip
-                      color="primary"
-                      :input-value="selected"
-                      close
-                      v-bind="attrs"
-                      @click="select"
-                      v-on="on"
-                      @click:close="removeFilterAttributes(item)"
-                    >
-                      {{ item }} ({{
-                        selectedFilterValues[item]
-                          ? Object.keys(selectedFilterValues[item]).length
-                          : 0
-                      }})
-                    </v-chip>
-                  </template>
+                        {{ item.raw }} ({{
+                          selectedFilterValues[item.raw]
+                            ? Object.keys(selectedFilterValues[item.raw]).length
+                            : 0
+                        }})
+                      </v-chip>
+                    </template>
 
-                  <v-list>
-                    <v-list-item
-                      v-for="value in getUniqueAttributeValues[item]"
-                      :key="value"
-                    >
-                      <v-checkbox
-                        :input-value="
-                          selectedFilterValues[item]
-                            ? !selectedFilterValues[item][value]
-                            : true
-                        "
-                        :label="value ? value.toString() : value"
-                        @change="changeFilterValues(item, value, $event)"
-                      ></v-checkbox>
-                    </v-list-item>
-                  </v-list>
-                </v-menu>
-              </template>
-            </v-select>
-            <div>
-              <v-select
-                v-model="aggregateFunction"
-                hide-details
-                outlined
-                class="px-3"
-                label="Aggregate function"
-                :menu-props="{ bottom: true, offsetY: true }"
-                :items="aggregatorNamesList"
-              ></v-select>
-              <v-select
-                v-if="aggregateFunction === 'Sum'"
-                v-model="aggregateValue[0]"
-                hide-details
-                outlined
-                class="pa-3"
-                label="Aggregate attribute"
-                :menu-props="{ bottom: true, offsetY: true }"
-                :items="getAggregateValues"
-              ></v-select>
-            </div>
-          </v-card>
-        </v-tab-item>
-      </v-tabs>
+                    <v-list>
+                      <v-list-item
+                        v-for="value in getUniqueAttributeValues[item.raw]"
+                        :key="value"
+                      >
+                        <v-checkbox-btn
+                          :model-value="
+                            selectedFilterValues[item.raw]
+                              ? !selectedFilterValues[item.raw][value]
+                              : true
+                          "
+                          :label="value ? value.toString() : value"
+                          @update:modelValue="
+                            changeFilterValues(item.raw, value, $event)
+                          "
+                        ></v-checkbox-btn>
+                      </v-list-item>
+                    </v-list>
+                  </v-menu>
+                </template>
+              </v-select>
+              <div>
+                <v-select
+                  v-model="aggregateFunction"
+                  hide-details
+                  variant="outlined"
+                  class="px-3"
+                  label="Aggregate function"
+                  :menu-props="{ bottom: true, offsetY: true }"
+                  :items="aggregatorNamesList"
+                ></v-select>
+                <v-select
+                  v-if="aggregateFunction === 'Sum'"
+                  v-model="aggregateValue[0]"
+                  hide-details
+                  outlined
+                  class="pa-3"
+                  label="Aggregate attribute"
+                  :menu-props="{ bottom: true, offsetY: true }"
+                  :items="getAggregateValues"
+                ></v-select>
+              </div>
+            </v-card>
+          </v-window-item>
+        </v-window>
+      </v-card>
     </v-col>
     <v-col class="overflow-hidden">
-      <v-card class="elevation-10 pa-3 table-card">
+      <v-card class="pa-3 table-card">
         <div
           v-if="selectedCols.length || selectedRows.length"
           class="table-container"
         >
           <v-row>
-            <vue-pivottable
+            <VuePivottable
               v-if="selectedCols.length || selectedRows.length"
               class="align-self-start"
               :data="data"
@@ -189,9 +209,13 @@
               :value-filter="selectedFilterValues"
               :aggregator-name="aggregateFunction"
               :vals="aggregateValue"
-              :table-options="eventListener(this)"
+              :table-options="
+                eventListener
+                  ? eventListener(router, route, getUniqueAttributeValues)
+                  : {}
+              "
             >
-            </vue-pivottable>
+            </VuePivottable>
           </v-row>
         </div>
         <v-card-text v-else class="placeholder table-placeholder"
@@ -202,129 +226,178 @@
   </v-row>
 </template>
 
-<script>
-import { VuePivottable } from "vue-pivottable";
-import "./vue-pivottable.css";
+<script lang="ts">
 import draggable from "vuedraggable";
-import { mixins } from "@/shared/lib/mixins";
 
 export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "Pivot",
+  name: "PivotTable",
   components: {
-    VuePivottable,
     draggable,
   },
+};
+</script>
+<script setup lang="ts">
+import { VuePivottable } from "vue-pivottable";
+import "./vue-pivottable.css";
+import { computed, defineProps, Ref, ref, onBeforeMount } from "vue";
 
-  mixins: [mixins],
+import {
+  useRouter,
+  useRoute,
+  Router,
+  RouteLocationNormalizedLoaded,
+} from "vue-router";
 
-  props: {
-    data: { type: Array, required: true, default: () => [] },
-    attributes: { type: Array, required: false, default: () => [] },
-    aggregatorNamesList: { type: Array, required: false, default: () => [] },
-    aggregators: { type: Object, required: false, default: () => {} },
-    aggregateAttrs: { type: Array, required: false, default: () => [] },
-    defaults: { type: Object, required: false, default: () => {} },
-    eventListener: { type: Function, required: false, default: function () {} },
-  },
-  data() {
-    return {
-      selectedRows: [],
-      selectedFilterAttributes: [],
-      selectedCols: [],
-      selectedFilterValues: {},
-      aggregateFunction: "",
-      aggregateValue: [""],
-    };
-  },
+const router = useRouter();
+const route = useRoute();
+
+interface Props {
+  data: object[];
+  attributes?: string[];
+  aggregatorNamesList?: string[];
+  aggregators?: object;
+  aggregateAttrs?: string[];
+  defaults?: {
+    rows?: string[];
+    columns?: string[];
+    aggregateValue?: string[];
+    aggregateFunction?: string;
+  };
+  aggregateFunction?: string;
+  eventListener?: (
+    a: Router,
+    b: RouteLocationNormalizedLoaded,
+    c: string[]
+  ) => {
+    clickCallBack: (
+      e: any,
+      value: any,
+      axisAttributes: any,
+      pivotData: any
+    ) => void;
+  };
+}
+
+const tab: Ref<string> = ref("");
 
-  computed: {
-    getUniqueAttributeValues: function () {
-      return this.getDisplayedAttributes.reduce(
-        (prevState, currAttribute) => ({
-          ...prevState,
-          [currAttribute]: [
-            ...new Set(this.data.map((datum) => datum[currAttribute])),
-          ],
+const props = defineProps<Props>();
+
+const getDisplayedAttributes = computed(function () {
+  return props.attributes;
+});
+const getAggregateValues = computed(function () {
+  if (props.aggregateAttrs) {
+    return props.aggregateAttrs;
+  } else {
+    return getDisplayedAttributes;
+  }
+});
+const getUniqueAttributeValues = computed(function () {
+  return getDisplayedAttributes.value.reduce(
+    (prevState, currAttribute) => ({
+      ...prevState,
+      [currAttribute]: [
+        ...new Set(props.data.map((datum) => datum[currAttribute])),
+      ],
+    }),
+    {}
+  );
+});
+
+const selectedRows: Ref<string[]> = ref([]);
+const removeRows = function (item: string) {
+  selectedRows.value = selectedRows.value.filter((val) => {
+    return val !== item;
+  });
+};
+const selectedCols: Ref<string[]> = ref([]);
+const removeCols = function (item: string) {
+  selectedCols.value = selectedCols.value.filter((val) => {
+    return val !== item;
+  });
+};
+
+const selectedFilterAttributes: Ref<string[]> = ref([]);
+const selectedFilterValues: Ref<{ [key: string]: { [key: string]: boolean } }> =
+  ref({});
+const removeFilterAttributes = function (attribute = null) {
+  if (attribute) {
+    selectedFilterAttributes.value = selectedFilterAttributes.value.filter(
+      (value) => attribute !== value
+    );
+    selectedFilterValues.value = Object.keys(selectedFilterValues.value)
+      .filter((value) => value !== attribute)
+      .reduce(
+        (acc, key) => ({
+          ...acc,
+          [key]:
+            selectedFilterValues.value[
+              key as keyof typeof selectedFilterValues.value
+            ],
         }),
         {}
       );
-    },
-    getAggregateValues: function () {
-      if (this.aggregateAttrs.length) {
-        return this.aggregateAttrs;
-      } else {
-        return this.getDisplayedAttributes;
-      }
-    },
-    getDisplayedAttributes: function () {
-      return this.attributes;
-    },
-  },
-  created() {
-    this.load();
-  },
-  methods: {
-    load: function () {
-      this.selectedRows = this.defaults?.rows ? this.defaults.rows : [];
-      this.selectedCols = this.defaults?.columns ? this.defaults.columns : [];
-      this.aggregateFunction = this.defaults?.aggregateFunction
-        ? this.defaults?.aggregateFunction
-        : this.aggregatorNamesList[0];
-      this.aggregateValue = this.defaults?.aggregateValue
-        ? this.defaults?.aggregateValue
-        : [this.getAggregateValues[0]];
-    },
-    removeRows(i) {
-      this.$delete(this.selectedRows, i);
-    },
-    removeCols(i) {
-      this.$delete(this.selectedCols, i);
-    },
-    removeFilterAttributes: function (attribute = null) {
-      if (attribute) {
-        this.selectedFilterAttributes = this.selectedFilterAttributes.filter(
-          (value) => attribute !== value
-        );
-        this.selectedFilterValues = Object.keys(this.selectedFilterValues)
-          .filter((value) => value !== attribute)
-          .reduce(
-            (acc, key) => ({ ...acc, [key]: this.selectedFilterValues[key] }),
-            {}
-          );
-      } else {
-        this.selectedFilterAttributes = [];
-        this.selectedFilterValues = {};
-      }
-    },
-    changeFilterValues: function (attribute, attrValue, value) {
-      if (!value) {
-        this.selectedFilterValues = {
-          ...this.selectedFilterValues,
-          [attribute]: {
-            ...this.selectedFilterValues[attribute],
-            [attrValue]: true,
-          },
-        };
-      } else {
-        this.selectedFilterValues[attribute] = Object.keys(
-          this.selectedFilterValues[attribute]
-        )
-          .filter((attr) => attr !== attrValue)
-          .reduce(
-            (acc, key) => ({
-              ...acc,
-              [key]: true,
-            }),
-            {}
-          );
-      }
-    },
-  },
+  } else {
+    selectedFilterAttributes.value = [];
+    selectedFilterValues.value = {};
+  }
 };
+const changeFilterValues = function (
+  attribute: string | number,
+  attrValue: string | number,
+  value: string | number
+) {
+  if (!value) {
+    selectedFilterValues.value = {
+      ...selectedFilterValues.value,
+      [attribute]: {
+        ...selectedFilterValues.value[
+          attribute as keyof typeof selectedFilterValues.value
+        ],
+        [attrValue]: true,
+      },
+    };
+  } else {
+    selectedFilterValues.value = {
+      ...selectedFilterValues.value,
+      [attribute]: Object.keys(
+        selectedFilterValues.value[
+          attribute as keyof typeof selectedFilterValues.value
+        ]
+      )
+        .filter((attr) => attr !== attrValue)
+        .reduce(
+          (acc, key) => ({
+            ...acc,
+            [key]: true,
+          }),
+          {}
+        ),
+    };
+  }
+};
+
+const aggregateFunction: Ref<string> = ref("");
+const aggregateValue: Ref<string[]> = ref([""]);
+
+const load = function () {
+  selectedRows.value = props.defaults?.rows ? props.defaults.rows : [];
+  selectedCols.value = props.defaults?.columns ? props.defaults.columns : [];
+  aggregateFunction.value = props.defaults?.aggregateFunction
+    ? props.defaults?.aggregateFunction
+    : props.aggregatorNamesList[0];
+  aggregateValue.value = props.defaults?.aggregateValue
+    ? props.defaults?.aggregateValue
+    : [getAggregateValues.value[0]];
+};
+
+onBeforeMount(() => {
+  load();
+});
 </script>
 
-<style scoped>
+<style lang="scss">
+@import "./vue-pivottable.css";
 .attr-box {
   min-height: 300px;
   min-width: 200px;
@@ -355,7 +428,7 @@ export default {
   background-color: inherit;
 }
 .list-item {
-  background-color: var(--v-accent-base);
+  background-color: rgb(var(--v-theme-accent));
   margin: 0px 8px;
   border-radius: 5px;
   height: 20px;
@@ -371,13 +444,12 @@ export default {
   width: 100%;
   height: 100%;
 }
-
->>> .v-text-field__prefix {
+:deep(.v-text-field__prefix) {
   font-size: 0.875rem !important;
   color: white;
 }
 
->>> .v-list-item__title {
+:deep(.v-list-item__title) {
   font-size: 0.875rem !important;
 }
 </style>
diff --git a/src/widgets/pivot/ui/vue-pivottable.css b/src/widgets/pivot/ui/vue-pivottable.css
index 967e4819..25f7b309 100644
--- a/src/widgets/pivot/ui/vue-pivottable.css
+++ b/src/widgets/pivot/ui/vue-pivottable.css
@@ -37,7 +37,7 @@ table.pvtTable {
 
 table.pvtTable thead tr th,
 table.pvtTable tbody tr th {
-    background-color: var(--v-accent-base);
+    background-color: rgb(var(--v-theme-accent));
     padding: 5px;
 }
 
@@ -50,8 +50,7 @@ table.pvtTable .pvtTotalLabel {
 
 table.pvtTable tbody tr td {
     padding: 3px;
-    background-color: var(--v-base);
-    border: 1px solid var(--v-accent-base);
+    border: 1px solid rgb(140, 140, 140);
     vertical-align: top;
     text-align: right;
     text-decoration: underline;
@@ -332,4 +331,4 @@ table.pvtTable tbody tr td {
 .pvtRendererArea {
     width: 50%;
     padding: 5px;
-}
\ No newline at end of file
+}
diff --git a/src/widgets/settings/index.js b/src/widgets/settings/index.ts
similarity index 76%
rename from src/widgets/settings/index.js
rename to src/widgets/settings/index.ts
index c5ebae93..c86fae0d 100644
--- a/src/widgets/settings/index.js
+++ b/src/widgets/settings/index.ts
@@ -1,4 +1,4 @@
-import Settings from "@/widgets/settings/ui/Settings";
+import Settings from "@/widgets/settings/ui/Settings.vue";
 import settingsStore from "@/widgets/settings/model/store/settings.module";
 import * as settingsActions from "./model/store/actions.type";
 
diff --git a/src/widgets/settings/model/store/actions.type.js b/src/widgets/settings/model/store/actions.type.ts
similarity index 100%
rename from src/widgets/settings/model/store/actions.type.js
rename to src/widgets/settings/model/store/actions.type.ts
diff --git a/src/widgets/settings/model/store/mutations.type.js b/src/widgets/settings/model/store/mutations.type.ts
similarity index 100%
rename from src/widgets/settings/model/store/mutations.type.js
rename to src/widgets/settings/model/store/mutations.type.ts
diff --git a/src/widgets/settings/model/store/settings.module.js b/src/widgets/settings/model/store/settings.module.ts
similarity index 97%
rename from src/widgets/settings/model/store/settings.module.js
rename to src/widgets/settings/model/store/settings.module.ts
index 1b1f6b05..886a892f 100644
--- a/src/widgets/settings/model/store/settings.module.js
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -27,7 +27,7 @@ const getters = {
   getSettings: function (state) {
     return state.settings;
   },
-  getVisibility: function (state) {
+  getVisibility: function (state): boolean {
     return state.visible;
   },
 };
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index b6ed05cc..f1bafd64 100644
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -1,6 +1,11 @@
 <template>
   <v-row justify="center">
-    <v-navigation-drawer v-model="showMenu" width="30%" fixed temporary right>
+    <v-navigation-drawer
+      location="right"
+      v-model="showMenu"
+      width="512"
+      temporary
+    >
       <v-card>
         <v-toolbar dark color="primary">
           <v-btn icon dark @click="showMenu = false">
@@ -10,14 +15,14 @@
           <v-spacer></v-spacer>
         </v-toolbar>
         <v-list three-line subheader>
-          <v-subheader>Charts</v-subheader>
+          <v-list-subheader>Charts</v-list-subheader>
           <!--Features-->
           <ToggleBaseLine />
           <ToggleMinMax />
         </v-list>
         <v-divider></v-divider>
         <v-list three-line subheader>
-          <v-subheader>General</v-subheader>
+          <v-list-subheader>General</v-list-subheader>
           <!--Features-->
           <ToggleDarkMode />
         </v-list>
@@ -26,28 +31,31 @@
   </v-row>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script lang="ts">
+export default {
+  name: "SettingsMenu",
+};
+</script>
+
+<script setup lang="ts">
 import { settingsActions } from "@/widgets/settings";
-import ToggleDarkMode from "@/features/toggleDarkMode/";
-import ToggleBaseLine from "@/features/toggleBaseLine/";
-import ToggleMinMax from "@/features/toggleMinMax/";
+import ToggleDarkMode from "@/features/toggleDarkMode";
+import ToggleBaseLine from "@/features/toggleBaseLine";
+import ToggleMinMax from "@/features/toggleMinMax";
 
-export default {
-  name: "Settings",
-  components: { ToggleMinMax, ToggleBaseLine, ToggleDarkMode },
-  computed: {
-    ...mapGetters(["getVisibility"]),
-    showMenu: {
-      get: function () {
-        return this.getVisibility;
-      },
-      set: function (value) {
-        this.$store.dispatch(settingsActions.CHANGE_UI_VISIBILITY, value);
-      },
-    },
+import { computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const showMenu = computed({
+  get: function (): boolean {
+    return store.getters.getVisibility;
   },
-};
+  set: function (value: boolean): void {
+    store.dispatch(settingsActions.CHANGE_UI_VISIBILITY, value);
+  },
+});
 </script>
 
 <style scoped></style>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..2e3149ba
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "target": "esnext",
+    "module": "esnext",
+    "strict": false,
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+  ]
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 00000000..9e7fed09
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,25 @@
+import { defineConfig } from "vite";
+
+import path from "path";
+import vuetify from "vite-plugin-vuetify";
+import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+
+export default defineConfig({
+  plugins: [vue(), vueJsx({}), vuetify({ autoImport: true })],
+  server: {
+    port: 8080,
+  },
+  resolve: {
+    alias: [
+      {
+        find: "@",
+        replacement: path.resolve(__dirname, "src"),
+      },
+    ],
+  },
+  build: {
+    chunkSizeWarningLimit: 600,
+    cssCodeSplit: false,
+  },
+});
diff --git a/vue.config.js b/vue.config.js
deleted file mode 100644
index 7d334b55..00000000
--- a/vue.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  publicPath: "/ares/",
-  lintOnSave: false,
-};
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index ae9222eb..00000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-module.exports = {
-  rules: [
-    {
-      test: /\.s(c|a)ss$/,
-      use: [
-        "vue-style-loader",
-        "css-loader",
-        {
-          loader: "sass-loader",
-          options: {
-            implementation: require("sass"),
-            sassOptions: {
-              fiber: require("fibers"),
-              indentedSyntax: true, // optional
-            },
-          },
-        },
-      ],
-    },
-  ],
-};

From 1bf53761ef8837e50c9d951b9935edea3062824b Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 1 Feb 2023 13:33:15 -0500
Subject: [PATCH 010/202] fixed missing headers on unmapped source code report

---
 src/pages/reports/release/UnmappedSourceCodes.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/reports/release/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodes.vue
index b7f0d5e0..d42b6e8c 100644
--- a/src/pages/reports/release/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodes.vue
@@ -70,30 +70,31 @@ import { helpers } from "@/shared/lib/mixins";
 import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
 import { VDataTable } from "vuetify/labs/VDataTable";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
 const store = useStore();
 
 const search: Ref<string> = ref("");
 const filters = ref({});
 
-const headers = ref([
+const headers: Ref<DataTableHeader[]> = ref([
   {
-    text: "CDM Table",
+    title: "CDM Table",
     sortable: true,
     key: "CDM_TABLE_NAME",
   },
   {
-    text: "CDM Field",
+    title: "CDM Field",
     sortable: true,
     key: "CDM_FIELD_NAME",
   },
   {
-    text: "Source Value",
+    title: "Source Value",
     sortable: true,
     key: "SOURCE_VALUE",
   },
   {
-    text: "# Records",
+    title: "# Records",
     sortable: true,
     key: "RECORD_COUNT",
   },

From b6cdbee5b82db98c48eb993f254a71280e15d355 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 1 Feb 2023 13:46:59 -0500
Subject: [PATCH 011/202] fix title vs text

---
 package.json | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 244de195..0f1de92d 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,8 @@
     "vue3-markdown-it": "^1.0.10",
     "vuedraggable": "^4.1.0",
     "vuetify": "3.1.0",
-    "vuex": "^4.0.0"
+    "vuex": "^4.0.0",
+    "yorkie": "^2.0.0"
   },
   "devDependencies": {
     "@mdi/font": "^7.0.96",
@@ -59,19 +60,6 @@
     "typescript": "~4.5.5",
     "vite": "^4.0.4"
   },
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "lint-staged": {
-    "*.js": [
-      "vue-cli-service lint",
-      "git add"
-    ],
-    "*.vue": [
-      "vue-cli-service lint",
-      "git add"
-    ]
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

From a3ae34eaabd169594304842193cabccd6f4ce818 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 1 Feb 2023 13:47:40 -0500
Subject: [PATCH 012/202] Update UnmappedSourceCodes.vue

fix missing headers on data source release / unmapped source codes report.
---
 src/pages/reports/release/UnmappedSourceCodes.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/release/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodes.vue
index d42b6e8c..6ed71f28 100644
--- a/src/pages/reports/release/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodes.vue
@@ -35,7 +35,7 @@
       >
         <template #body.prepend>
           <tr>
-            <th v-for="header in headers" :key="header.text">
+            <th v-for="header in headers" :key="header.title">
               <div v-if="filters.hasOwnProperty(header.key)">
                 <v-select
                   v-model="filters[header.key]"

From df5749d255a483c10ed19f60375ffa859a870da4 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 2 Feb 2023 09:29:15 +0700
Subject: [PATCH 013/202] fix: unmapped source codes search

---
 .../reports/release/UnmappedSourceCodes.vue   | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/pages/reports/release/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodes.vue
index 6ed71f28..06ccf09b 100644
--- a/src/pages/reports/release/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodes.vue
@@ -12,9 +12,12 @@
           <v-text-field
             prepend-icon="mdi-magnify"
             label="Search in Table"
+            variant="outlined"
+            density="compact"
             single-line
             hide-details
-            @input="helpers.debouncedSearch"
+            :model-value="route.query.search"
+            @update:modelValue="debouncedSearch"
           ></v-text-field>
         </v-col>
         <v-col cols="9"> </v-col>
@@ -31,7 +34,7 @@
         }"
         item-key="CONCEPT_ID"
         :items-per-page="10"
-        :search="search"
+        :search="route.query.search"
       >
         <template #body.prepend>
           <tr>
@@ -70,13 +73,24 @@ import { helpers } from "@/shared/lib/mixins";
 import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
 import { VDataTable } from "vuetify/labs/VDataTable";
+import { useRoute, useRouter } from "vue-router";
+import { debounce } from "lodash";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
 const store = useStore();
+const router = useRouter();
+const route = useRoute();
 
-const search: Ref<string> = ref("");
 const filters = ref({});
 
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: {
+      search: data,
+    },
+  });
+}, 300);
+
 const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "CDM Table",

From d43b9d3bce7a7441a9fb663a61d8478d16a389c1 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 2 Feb 2023 19:52:43 +0700
Subject: [PATCH 014/202] fix: incorrect count value

---
 src/pages/reports/network/NetworkConceptReport.vue            | 2 +-
 .../model/store/postprocessing/networkConceptReport.ts        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport.vue
index dc28cb62..8cbcf161 100644
--- a/src/pages/reports/network/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport.vue
@@ -136,7 +136,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Count value",
     sortable: true,
-    key: "NUM_PERSONS",
+    key: "UNIT_COUNT",
     align: "start",
   },
   {
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 5a399154..a8dfe56a 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -38,7 +38,9 @@ export default function networkConcept(data) {
                 ...value,
                 SOURCE: current.source.cdm_source_key,
                 RELEASE: current.source.releases[0].release_name,
-                NUM_PERSONS: current.data.NUM_PERSONS[0],
+                UNIT_COUNT: current.data.RECORDS_BY_UNIT.filter(
+                  (val) => val.CONCEPT_NAME === value.CATEGORY
+                )[0].COUNT_VALUE,
                 CONCEPT_NAME: concept[0].data.CONCEPT_NAME[0],
                 CONCEPT_ID: concept[0].data.CONCEPT_ID[0],
               })),

From 988adaba5cfed79a9588835f61adf084c049ae62 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 2 Feb 2023 20:21:25 +0700
Subject: [PATCH 015/202] feat: added measurement units table

---
 src/pages/reports/release/ConceptReport.vue   | 71 ++++++++++++++++++-
 .../store/postprocessing/conceptReport.ts     | 10 +++
 2 files changed, 80 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/release/ConceptReport.vue b/src/pages/reports/release/ConceptReport.vue
index feb706b4..e41c3c10 100644
--- a/src/pages/reports/release/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport.vue
@@ -92,6 +92,18 @@
             <p class="text-caption">Non-Stationary Time Series</p></v-col
           ></v-row
         >
+        <v-card
+          v-if="store.getters.getData.measurementTable"
+          elevation="10"
+          class="ma-4 pa-2"
+        >
+          <v-data-table
+            density="compact"
+            :headers="headers"
+            :items="store.getters.getData.measurementTable"
+          >
+          </v-data-table>
+        </v-card>
         <v-card
           v-if="
             store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION
@@ -592,10 +604,67 @@ import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { computed, ref, Ref } from "vue";
 import { useStore } from "vuex";
-import { RouteLocation } from "vue-router";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
 const route = useRoute();
 const store = useStore();
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Unit",
+    sortable: true,
+    key: "CATEGORY",
+    align: "start",
+  },
+  {
+    title: "Count value",
+    sortable: true,
+    key: "UNIT_COUNT",
+    align: "start",
+  },
+  {
+    title: "Min Value",
+    sortable: true,
+    key: "MIN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P10 Value",
+    sortable: true,
+    key: "P10_VALUE",
+    align: "start",
+  },
+  {
+    title: "P25 Value",
+    sortable: true,
+    key: "P25_VALUE",
+    align: "start",
+  },
+  {
+    title: "Median Value",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P75 Value",
+    sortable: true,
+    key: "P75_VALUE",
+    align: "start",
+  },
+  {
+    title: "P90 Value",
+    sortable: true,
+    key: "P90_VALUE",
+    align: "start",
+  },
+  {
+    title: "Max Value",
+    sortable: true,
+    key: "MAX_VALUE",
+    align: "start",
+  },
+]);
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index 5c0e366a..cacace6c 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -44,6 +44,15 @@ export default function concept(data) {
       v.X_CALENDAR_MONTH.toString()
     );
   });
+
+  const measurementTable = conceptData.MEASUREMENT_VALUE_DISTRIBUTION
+    ? conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
+        ...value,
+        UNIT_COUNT: conceptData.RECORDS_BY_UNIT.filter(
+          (val) => val.CONCEPT_NAME === value.CATEGORY
+        )[0].COUNT_VALUE,
+      }))
+    : null;
   return {
     conceptData,
     conceptName,
@@ -56,5 +65,6 @@ export default function concept(data) {
     percentPersons,
     recordsPerPerson,
     domainSummary,
+    measurementTable,
   };
 }

From b1f21ba4744bc751fa855299cd035b468207a7e7 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 7 Feb 2023 01:16:45 +0700
Subject: [PATCH 016/202] fix: locked vite 4.0.4 version until sass modules
 loading fixed

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 0f1de92d..a799cd61 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "vue3-draggable": "^2.0.9",
     "vue3-markdown-it": "^1.0.10",
     "vuedraggable": "^4.1.0",
-    "vuetify": "3.1.0",
+    "vuetify": "^3.1.3",
     "vuex": "^4.0.0",
     "yorkie": "^2.0.0"
   },
@@ -58,7 +58,7 @@
     "sass": "^1.55.0",
     "sass-loader": "^13.0.2",
     "typescript": "~4.5.5",
-    "vite": "^4.0.4"
+    "vite": "4.0.4"
   },
   "browserslist": [
     "> 1%",

From e8424c82bc80230bbbad6248532c7c53c8342ba6 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 7 Feb 2023 14:23:35 +0700
Subject: [PATCH 017/202] chore: upgrade package deps and remove unused ones

---
 package.json | 34 +++++++++++++---------------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index 0f1de92d..8623bbda 100644
--- a/package.json
+++ b/package.json
@@ -12,53 +12,45 @@
     "lint:fix": "eslint src --fix"
   },
   "dependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
-    "@vue/compat": "^3.1.0",
     "axios": "^1.2.3",
     "codemirror-editor-vue3": "^2.1.7",
-    "core-js": "^3.6.5",
     "d3-dsv": "^3.0.1",
     "d3-format": "^3.0.1",
     "d3-time-format": "^4.0.0",
     "lodash": "^4.17.21",
-    "markdown-it-vue": "^1.1.6",
     "vega-embed": "^6.20.2",
-    "vega-lite": "^5.5.0",
-    "vite-plugin-vuetify": "^1.0.1",
+    "vega-lite": "^5.6.0",
     "vue": "^3.2.45",
-    "vue-codemirror": "^4.0.6",
-    "vue-google-charts": "^0.3.3",
+    "vue-google-charts": "^1.1.0",
     "vue-pivottable": "github:Mikhail-iontsev/vue-pivottable",
     "vue-router": "^4.0.3",
-    "vue3-draggable": "^2.0.9",
     "vue3-markdown-it": "^1.0.10",
     "vuedraggable": "^4.1.0",
-    "vuetify": "3.1.0",
-    "vuex": "^4.0.0",
-    "yorkie": "^2.0.0"
+    "vuetify": "^3.1.3",
+    "vuex": "^4.1.0",
+    "@mdi/font": "^7.0.96"
   },
   "devDependencies": {
-    "@mdi/font": "^7.0.96",
+    "vite-plugin-vuetify": "^1.0.1",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@types/d3-format": "^3.0.1",
     "@types/d3-time-format": "^4.0.0",
     "@types/lodash": "^4.14.191",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
-    "@vue/compiler-sfc": "^3.1.0",
     "@vue/eslint-config-typescript": "^9.1.0",
-    "comlink-loader": "^2.0.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.0.3",
-    "fibers": "^5.0.0",
     "lint-staged": "^13.0.3",
-    "prettier": "^2.4.1",
-    "sass": "^1.55.0",
+    "prettier": "^2.8.3",
+    "sass": "^1.58.0",
     "sass-loader": "^13.0.2",
-    "typescript": "~4.5.5",
-    "vite": "^4.0.4"
+    "typescript": "~4.9.5",
+    "vite": "^4.0.4",
+    "yorkie": "^2.0.0"
   },
   "browserslist": [
     "> 1%",

From b2b6e980614d2aa876da3c55a001729ded253319 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 8 Feb 2023 17:54:25 +0700
Subject: [PATCH 018/202] fix: project wasn't served in separate subfolder

---
 src/shared/api/loadFile.ts | 2 +-
 vite.config.js             | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/shared/api/loadFile.ts b/src/shared/api/loadFile.ts
index 31374687..f7a47f3a 100644
--- a/src/shared/api/loadFile.ts
+++ b/src/shared/api/loadFile.ts
@@ -1,7 +1,7 @@
 import axios, { AxiosError, AxiosResponse } from "axios";
 
 const loadFile = (path: string, payload: object) => {
-  const instance = axios.create({ baseURL: "/" });
+  const instance = axios.create({ baseURL: "/ares" });
   instance.interceptors.response.use(
     function (response: AxiosResponse) {
       return response;
diff --git a/vite.config.js b/vite.config.js
index 9e7fed09..ccd66316 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,7 @@ import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
+  base: "/ares",
   plugins: [vue(), vueJsx({}), vuetify({ autoImport: true })],
   server: {
     port: 8080,

From 806c25d3e6bf39b7da49c239d259e4221e6e2363 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 9 Feb 2023 08:18:34 +0700
Subject: [PATCH 019/202] fix: changed router history mode to webHashHistory

---
 src/app/providers/router/index.ts | 5 ++---
 vite.config.js                    | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/providers/router/index.ts b/src/app/providers/router/index.ts
index 3bb57d36..7106a346 100644
--- a/src/app/providers/router/index.ts
+++ b/src/app/providers/router/index.ts
@@ -1,9 +1,8 @@
-import { createRouter, Router } from "vue-router";
+import { createRouter, createWebHashHistory, Router } from "vue-router";
 import { routes } from "@/processes/exploreReports";
-import { createWebHistory } from "vue-router";
 
 const router: Router = createRouter({
-  history: createWebHistory("ares"),
+  history: createWebHashHistory(),
   routes,
 });
 
diff --git a/vite.config.js b/vite.config.js
index ccd66316..c3dae4cc 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,7 +6,7 @@ import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
-  base: "/ares",
+  base: "/ares/",
   plugins: [vue(), vueJsx({}), vuetify({ autoImport: true })],
   server: {
     port: 8080,

From ac43535530b0e0d1910a12c29bb7da4df7a95c4c Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 9 Feb 2023 11:36:20 -0500
Subject: [PATCH 020/202] fixed year formatting on person report

---
 .../chart/config/chartSpecifications/specBirthYear.ts     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
index c6618a9a..300b8bfe 100644
--- a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
+++ b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
@@ -9,7 +9,7 @@ export function specBirthYear(zeroBaseline = false) {
     params: [
       {
         name: "paintbrush",
-        select: { type: "point", on: "mouseover", nearest: true },
+        select: { type: "point", on: "mouseover", nearest: false },
       },
     ],
     mark: { type: "bar" },
@@ -19,14 +19,14 @@ export function specBirthYear(zeroBaseline = false) {
         {
           field: "YEAR",
           title: "Year of Birth",
-          type: "temporal",
-          format: "%Y",
+          type: "quantitative",
         },
       ],
       x: {
         field: "YEAR",
-        type: "temporal",
+        type: "quantitative",
         title: "Year of Birth",
+        axis: { format: "0000" },
       },
       y: {
         field: "COUNT_PERSON",

From 59cbbbd6a405c0ff71e0cb3fde30826255a1147a Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 16 Feb 2023 22:03:04 +0700
Subject: [PATCH 021/202] refactor: adapted webApi for vue 3

---
 package.json                                  |   1 -
 src/app/App.vue                               |   1 -
 src/main.ts                                   |  15 +-
 src/pages/info/WebApiInfo.vue                 | 103 ++---
 .../NetworkConceptDashboard.vue               | 266 +++++-------
 .../components/RequiredConcepts.vue           | 379 +++++++-----------
 .../NetworkDataFeasibilityReport/index.vue    |  12 +-
 src/pages/reports/release/DomainTable.vue     |   2 +-
 src/shared/api/apiService.js                  |  23 --
 src/shared/api/apiService.ts                  |  19 +
 src/shared/api/environment.js                 |  13 -
 src/shared/api/environment.ts                 |  15 +
 src/shared/api/loadFile.ts                    |  25 --
 .../{actions.type.js => actions.type.ts}      |   0
 .../store/{auth.module.js => auth.module.ts}  |  21 +-
 .../{mutations.type.js => mutations.type.ts}  |   0
 .../{actions.type.js => actions.type.ts}      |   0
 .../{mutations.type.js => mutations.type.ts}  |   0
 .../{webApi.module.js => webApi.module.ts}    |  35 +-
 src/shared/api/webAPI/{index.js => index.ts}  |   0
 .../{authService.js => authService.ts}        |   2 +-
 .../{infoService.js => infoService.ts}        |   4 +-
 .../api/webAPI/services/vocabularyService.js  |  22 -
 .../api/webAPI/services/vocabularyService.ts  |  25 ++
 .../{webApiKeyMap.js => webApiKeyMap.ts}      |   0
 .../conceptSearchForm/{index.js => index.ts}  |   2 +-
 .../ui/ConceptSearchForm.vue                  | 294 ++++++++------
 src/widgets/snackbar/{index.js => index.ts}   |   2 +-
 src/widgets/snackbar/ui/Snackbar.vue          |  32 +-
 29 files changed, 594 insertions(+), 719 deletions(-)
 delete mode 100644 src/shared/api/apiService.js
 create mode 100644 src/shared/api/apiService.ts
 delete mode 100644 src/shared/api/environment.js
 create mode 100644 src/shared/api/environment.ts
 delete mode 100644 src/shared/api/loadFile.ts
 rename src/shared/api/webAPI/authentication/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/shared/api/webAPI/authentication/model/store/{auth.module.js => auth.module.ts} (70%)
 rename src/shared/api/webAPI/authentication/model/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/shared/api/webAPI/data/store/{actions.type.js => actions.type.ts} (100%)
 rename src/shared/api/webAPI/data/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/shared/api/webAPI/data/store/{webApi.module.js => webApi.module.ts} (65%)
 rename src/shared/api/webAPI/{index.js => index.ts} (100%)
 rename src/shared/api/webAPI/services/{authService.js => authService.ts} (86%)
 rename src/shared/api/webAPI/services/{infoService.js => infoService.ts} (86%)
 delete mode 100644 src/shared/api/webAPI/services/vocabularyService.js
 create mode 100644 src/shared/api/webAPI/services/vocabularyService.ts
 rename src/shared/config/{webApiKeyMap.js => webApiKeyMap.ts} (100%)
 rename src/widgets/conceptSearchForm/{index.js => index.ts} (81%)
 rename src/widgets/snackbar/{index.js => index.ts} (65%)

diff --git a/package.json b/package.json
index 84103154..fd609fb2 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
     "lint-staged": "^13.0.3",
     "prettier": "^2.8.3",
     "sass": "^1.58.0",
-    "sass-loader": "^13.0.2",
     "typescript": "~4.9.5",
     "yorkie": "^2.0.0",
     "vite": "4.0.4"
diff --git a/src/app/App.vue b/src/app/App.vue
index 9d5e25a9..68073302 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -34,7 +34,6 @@ watch(darkMode, (): void => {
 watch(route, (): void => {
   store.dispatch(errorActions.RESET_ERRORS);
   store.dispatch(webApiActions.RESET_API_STORAGE);
-
 });
 
 onBeforeMount((): void => {
diff --git a/src/main.ts b/src/main.ts
index 91ad8fee..8d90c073 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,7 +13,16 @@ import { settingsActions } from "@/widgets/settings";
 // adds reactive router module to global state
 sync(store, router);
 
-//loads app settings from the local storage (if there are any saved)
-store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-  createApp(App).use(store).use(router).use(vuetify).mount("#app");
+environment.load().then(() => {
+  store
+    .dispatch(authActions.GET_AUTH_TOKEN)
+    .then()
+    .catch()
+    .finally(() => {
+      store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
+        createApp(App).use(store).use(router).use(vuetify).mount("#app");
+      });
+    });
 });
+
+//loads app settings from the local storage (if there are any saved)
diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index defcc755..8d80db9b 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -1,13 +1,13 @@
 <template>
   <v-container>
     <v-card
-      v-if="getApiData.serviceDetails"
-      :loading="getApiData.loading"
+      v-if="store.getters.getApiData.serviceDetails"
+      :loading="store.getters.getApiData.loading"
       elevation="10"
       class="ma-4 pa-2"
     >
       <v-card-title>WebAPI details</v-card-title>
-      <v-container v-if="getApiData.serviceDetails" fluid>
+      <v-container v-if="store.getters.getApiData.serviceDetails" fluid>
         <v-layout> </v-layout>
         <v-layout
           v-for="(value, propertyName) in getApiMetadata()"
@@ -24,10 +24,14 @@
       >
     </v-card>
 
-    <v-card v-if="getApiData.apiSources" elevation="10" class="ma-4 pa-2">
+    <v-card
+      v-if="store.getters.getApiData.apiSources"
+      elevation="10"
+      class="ma-4 pa-2"
+    >
       <v-data-table
-        :loading="getApiData.loading"
-        :items="getApiData.apiSources"
+        :loading="store.getters.getApiData.loading"
+        :items="store.getters.getApiData.apiSources"
         :headers="sourceHeaders"
       ></v-data-table>
     </v-card>
@@ -35,55 +39,52 @@
   </v-container>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { VDataTable } from "vuetify/labs/VDataTable";
 
-export default {
-  name: "WebApiInfo",
-  data() {
-    return {
-      sourceHeaders: [
-        {
-          text: "Source",
-          align: "start",
-          sortable: false,
-          value: "sourceKey",
-        },
-        {
-          text: "Source dialect",
-          align: "start",
-          sortable: false,
-          value: "sourceDialect",
-        },
-        {
-          text: "Source name",
-          align: "start",
-          sortable: false,
-          value: "sourceName",
-        },
-        {
-          text: "Source ID",
-          align: "start",
-          sortable: false,
-          value: "sourceId",
-        },
-      ],
-    };
+const store = useStore();
+const sourceHeaders = [
+  {
+    title: "Source",
+    align: "start",
+    sortable: false,
+    key: "sourceKey",
+  },
+  {
+    title: "Source dialect",
+    align: "start",
+    sortable: false,
+    key: "sourceDialect",
   },
-  methods: {
-    getApiMetadata: function () {
-      const data = this.getApiData.serviceDetails;
-      return {
-        "WebAPI version": data.version,
-        Timestamp: data.buildInfo.timestamp,
-        Branch: data.buildInfo.branch,
-        "Commit ID": data.buildInfo.commitId,
-      };
-    },
+  {
+    title: "Source name",
+    align: "start",
+    sortable: false,
+    key: "sourceName",
   },
-  computed: {
-    ...mapGetters(["getApiData"]),
+  {
+    title: "Source ID",
+    align: "start",
+    sortable: false,
+    key: "sourceId",
   },
+];
+
+const getApiMetadata = function () {
+  const data = store.getters.getApiData.serviceDetails;
+  return {
+    "WebAPI version": data.version,
+    Timestamp: data.buildInfo.timestamp,
+    Branch: data.buildInfo.branch,
+    "Commit ID": data.buildInfo.commitId,
+  };
+};
+</script>
+
+<script lang="ts">
+export default {
+  name: "WebApiInfo",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 5c24649d..b3c43a5c 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -1,18 +1,11 @@
 <template>
   <v-container fluid>
-    <v-card class="elevation-10 pa-3 table-card">
+    <v-card class="elevation-10 pa-3">
       <v-card-actions class="flex justify-space-between">
         <v-card-title>Network Concept Dashboard</v-card-title>
-
         <v-dialog v-model="dialog" max-width="1000px">
-          <template #activator="{ on, attrs }">
-            <v-btn
-              dark
-              color="grey darken-4"
-              class="mb-2"
-              v-bind="attrs"
-              v-on="on"
-            >
+          <template #activator="{ props }">
+            <v-btn dark color="grey darken-4" class="mb-2" v-bind="props">
               Add concepts
             </v-btn>
           </template>
@@ -27,11 +20,14 @@
         </v-dialog>
       </v-card-actions>
       <v-row class="table-container">
-        <ve-table
+        <v-data-table
           v-if="conceptData.length"
-          :columns="headers"
-          :table-data="conceptData"
-        />
+          :group-by="[{ key: 'CONCEPT_NAME' }]"
+          density="compact"
+          :headers="headers"
+          :items="conceptData"
+        >
+        </v-data-table>
         <v-card-text v-else class="placeholder table-placeholder"
           >Add at least one concept to display the results</v-card-text
         >
@@ -40,167 +36,125 @@
   </v-container>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import { CONCEPT } from "@/shared/config/files";
+import { VDataTable } from "vuetify/labs/VDataTable";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
-import environment from "@/shared/api/environment";
-import Vue from "vue";
-import { VeTable } from "vue-easytable";
 import "./index.css";
 
-Vue.use(VeTable);
+import { computed, Ref, ref } from "vue";
+import { useStore } from "vuex";
+const store = useStore();
 
-export default {
-  name: "NetworkConceptDashboard",
-  components: { ConceptSearchForm, VeTable },
-  data() {
+const addedConcepts = ref({});
+const conceptData = ref([]);
+const successMessage: Ref<string[]> = ref([]);
+const errors: Ref<string> = ref("");
+const conceptsData = ref([]);
+const dialog: Ref<boolean> = ref(false);
+
+const getConceptsForRequest = function () {
+  return conceptsData.value.map((value) => {
     return {
-      addedConcepts: {},
-      conceptData: [],
-      successMessage: [],
-      errors: "",
-      conceptsData: [],
-      dialog: false,
-      env: environment,
+      concept_id: value?.data.CONCEPT_ID[0],
+      concept_name: value?.data.CONCEPT_NAME[0],
+      countPeople: value?.data.NUM_PERSONS[0],
+      percentPeople: (value?.data.PERCENT_PERSONS[0] * 100).toFixed(2),
+      cdm_name: value?.source.cdm_source_abbreviation,
     };
-  },
-  methods: {
-    getConceptsForRequest: function () {
-      return this.conceptsData.map((value) => {
-        return {
-          concept_id: value?.data.CONCEPT_ID[0],
-          concept_name: value?.data.CONCEPT_NAME[0],
-          countPeople: value?.data.NUM_PERSONS[0],
-          percentPeople: (value?.data.PERCENT_PERSONS[0] * 100).toFixed(2),
-          cdm_name: value?.source.cdm_source_abbreviation,
-        };
-      });
-    },
-    clearMessages: function () {
-      this.errors = "";
-      this.successMessage = [];
-    },
-    addConceptToList: function (concepts) {
-      this.conceptData = [
-        ...this.conceptData,
+  });
+};
+const clearMessages = function () {
+  errors.value = "";
+  successMessage.value = [];
+};
+
+const addConceptToList = function (concepts) {
+  conceptData.value = [
+    ...conceptData.value,
+
+    ...concepts.map((curr) => {
+      return {
+        CONCEPT_ID: curr.concept_id,
+        CONCEPT_NAME: curr.concept_name,
+        CDM_NAME: curr.cdm_name,
+        PEOPLE_COUNT: curr.countPeople,
+        PEOPLE_PERCENT: curr.percentPeople,
+      };
+    }, {}),
+  ];
+};
+
+const save = function (item) {
+  if (addedConcepts.value[item.CONCEPT_ID] === "Loaded") {
+    errors.value = "This concept has already been loaded";
+    return;
+  }
+  store
+    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+      files: [
         {
-          ...concepts.reduce((acc, curr) => {
-            return {
-              ...acc,
-              CONCEPT_ID: curr.concept_id,
-              CONCEPT_NAME: curr.concept_name,
-              [curr.cdm_name + "_count"]: curr.countPeople,
-              [curr.cdm_name + "_percent"]: curr.percentPeople,
-            };
-          }, {}),
-        },
-      ];
-    },
-    save(item) {
-      if (this.addedConcepts[item.CONCEPT_ID] === "Loaded") {
-        this.errors = "This concept has already been loaded";
-        return;
-      }
-      this.$store
-        .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-          files: [
+          name: CONCEPT,
+          instanceParams: [
             {
-              name: CONCEPT,
-              instanceParams: [
-                {
-                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
-                  concept: item.CONCEPT_ID,
-                },
-              ],
+              domain: webApiKeyMap.domains[item.DOMAIN_ID],
+              concept: item.CONCEPT_ID,
             },
           ],
-          criticalError: false,
-        })
-        .then(() => {
-          this.conceptsData = this.getData.concept;
-          if (!this.conceptsData.length) {
-            this.errors = "Requested concept is not found across data sources";
-            this.addedConcepts = {
-              ...this.addedConcepts,
-              [item.CONCEPT_ID]: "Not found",
-            };
-            return;
-          }
+        },
+      ],
+      criticalError: false,
+    })
+    .then(() => {
+      conceptsData.value = store.getters.getData.concept;
+      if (!conceptsData.value.length) {
+        errors.value = "Requested concept is not found across data sources";
+        addedConcepts.value = {
+          ...addedConcepts.value,
+          [item.CONCEPT_ID]: "Not found",
+        };
+        return;
+      }
 
-          this.addConceptToList(this.getConceptsForRequest());
+      addConceptToList(getConceptsForRequest());
 
-          this.addedConcepts = {
-            ...this.addedConcepts,
-            [item.CONCEPT_ID]: "Loaded",
-          };
-          this.successMessage = ["Concept added"];
-        });
+      addedConcepts.value = {
+        ...addedConcepts.value,
+        [item.CONCEPT_ID]: "Loaded",
+      };
+      successMessage.value = ["Concept added"];
+    });
+};
+const close = function () {
+  dialog.value = false;
+};
+const headers = computed(function () {
+  return [
+    {
+      key: "CDM_NAME",
+      title: "Source",
     },
-    close() {
-      this.dialog = false;
+    {
+      key: "CONCEPT_ID",
+      title: "Concept ID",
+      align: "center",
     },
-  },
-  computed: {
-    ...mapGetters(["getApiData", "getData"]),
-    sources: function () {
-      if (this.conceptData.length) {
-        return this.conceptData.reduce((acc, curr) => {
-          return [
-            ...new Set([
-              ...acc,
-              ...Object.keys(curr)
-                .filter(
-                  (value) => value !== "CONCEPT_ID" && value !== "CONCEPT_NAME"
-                )
-                .map((value) => value.split("_")[0]),
-            ]),
-          ];
-        }, []);
-      } else {
-        return [];
-      }
+    {
+      key: `PEOPLE_COUNT`,
+      title: "# People",
     },
-    headers: function () {
-      return [
-        {
-          field: "CONCEPT_ID",
-          key: "a",
-          title: "Concept ID",
-          align: "center",
-          fixed: "left",
-        },
-        {
-          field: "CONCEPT_NAME",
-          key: "b",
-          title: "Concept Name",
-          align: "center",
-          fixed: "left",
-        },
-        ...this.sources.map((value, index) => {
-          return {
-            title: value,
-            children: [
-              {
-                field: `${value}_count`,
-                key: index + "c",
-                title: "# People",
-                width: 100,
-              },
-              {
-                field: `${value}_percent`,
-                key: index + "d",
-                title: "% People",
-                width: 110,
-              },
-            ],
-          };
-        }),
-      ];
+    {
+      key: "PEOPLE_PERCENT",
+      title: "% People",
     },
-  },
+  ];
+});
+</script>
+<script lang="ts">
+export default {
+  name: "NetworkConceptDashboard",
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index cd2b71da..4774e851 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -8,12 +8,11 @@
       v-model:expanded="expanded"
       :headers="headers"
       :items="getSourcesOverview"
--->
     >
       <template v-slot:top>
         <v-toolbar color="transparent" density="compact" flat>
           <v-spacer></v-spacer>
-          <v-dialog v-model="dialog" max-width="500px">
+          <v-dialog v-model="dialog" max-width="1000px">
             <template v-slot:activator="{ props }">
               <v-btn variant="flat" color="primary" class="mb-2" v-bind="props">
                 Add concept
@@ -31,13 +30,13 @@
         </v-toolbar>
       </template>
       <template v-slot:item.min_population="{ item }">{{
-        formatComma(item.raw.min_population) || "No data"
+        helpers.formatComma(item.raw.min_population) || "No data"
       }}</template>
       <template v-slot:item.max_population="{ item }">{{
-        formatComma(item.raw.max_population) || "No data"
+        helpers.formatComma(item.raw.max_population) || "No data"
       }}</template>
       <template v-slot:item.concepts.length="{ item }">{{
-        `${item.raw.concepts.length}/${conceptsCount}`
+        `${item.raw.concepts.length}/${addedConceptsCount}`
       }}</template>
       <template v-slot:expanded-row="{ columns, item }">
         <td :colspan="columns.length">
@@ -63,7 +62,7 @@
               (item.raw.percentage * 100).toFixed(2) || "No data"
             }}</template>
             <template v-slot:item.population="{ item }">{{
-              formatComma(item.raw.population)
+              helpers.formatComma(item.raw.population)
             }}</template>
             <template v-slot:item.measurement="{ item }">{{
               !item.raw.measurement
@@ -75,10 +74,7 @@
           </v-data-table>
         </td>
       </template>
-      <template v-slot:item.actions="{ item }">
-        <v-icon small @click="deleteItem(item.raw)"> mdi-delete </v-icon>
-      </template>
-      <template v-slot:no-data> </template>
+      <template v-slot:no-data><div>No concepts selected</div></template>
     </v-data-table>
     <v-divider></v-divider>
     <v-alert
@@ -99,56 +95,58 @@ import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import * as d3Format from "d3-format";
-import {
-  computed,
-  ref,
-  watch,
-  defineEmits,
-  Ref,
-  onBeforeMount,
-  nextTick,
-} from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { helpers } from "@/shared/lib/mixins";
+import { computed, ref, watch, defineEmits, Ref, onBeforeMount } from "vue";
 import { VDataTable } from "vuetify/labs/VDataTable";
-import environment from "@/shared/api/environment";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
 
 const store = useStore();
 
-const webapiHeaders = ref([
-    {
-      text: "Concept ID",
-      align: "start",
-      sortable: true,
-      value: "CONCEPT_ID",
-    },
-    {
-      text: "Concept Name",
-      align: "start",
-      sortable: true,
-      value: "CONCEPT_NAME",
-    },
-    {
-      text: "Domain",
-      align: "start",
-      sortable: true,
-      value: "DOMAIN_ID",
-    },
-    { text: "", value: "actions", sortable: false },
-  ]);
-
-const concepts = ref([]);
+const addedConcepts = ref({});
+const dialog = ref(false);
+const errors = ref("");
+const conceptsData = ref([]);
+const successMessage = ref([]);
+const headers = ref([
+  {
+    title: "Source",
+    align: "start",
+    sortable: false,
+    key: "cdm_name",
+  },
+  { title: "Issues", key: "issues" },
+  { title: "Time-series issues", key: "time_series_issues" },
+  { title: "Available concepts", key: "concepts.length" },
+  { title: "Min population", key: "min_population" },
+  { title: "Max population", key: "max_population" },
+]);
+const expanded = ref([]);
 const sources = ref([]);
+
 const addedConceptsCount = computed(function () {
-  return Object.keys(this.addedConcepts).filter(
-    (key) => this.addedConcepts[key] === "Loaded"
+  return Object.keys(addedConcepts.value).filter(
+    (key) => addedConcepts.value[key] === "Loaded"
   ).length;
-})
+});
+
+const emit = defineEmits(["overlappingDataChanged"]);
+/*
+watch(dialog, (val) => {
+  val || close();
+  if (this.$refs?.form) {
+    this.$refs.form.resetValidation();
+  }
+});*/
+
 const filterSourcesWithData = computed(function () {
   return sources.value.filter((data) => data.concepts.length);
 });
+watch(filterSourcesWithData, () => {
+  emit("overlappingDataChanged", filterSourcesWithData);
+});
+
 const getSourcesOverview = computed(function () {
   return filterSourcesWithData.value.map((value) => ({
     ...value,
@@ -170,10 +168,65 @@ const getSourcesOverview = computed(function () {
     ).length,
   }));
 });
+const conceptHeaders = computed(function () {
+  return [
+    {
+      title: "Concept ID",
+      align: "start",
+      sortable: false,
+      key: "concept_id",
+      show: true,
+    },
+    { title: "Concept Name", key: "concept_name", show: true },
+    { title: "Domain", key: "domain", show: true },
+    { title: "Population", key: "population", show: true },
+    { title: "%", key: "percentage", show: true },
+    { title: "Time series", key: "time_series", show: true },
+    { title: "Issues", key: "issues", show: true },
+    {
+      title: "% with values",
+      key: "measurement",
+      show: [
+        ...getSourcesOverview.value.map((value) =>
+          value.concepts.filter((concept) => concept.domain === "MEASUREMENT")
+        ),
+      ].filter((value) => value.length).length,
+    },
+  ].filter((header) => header.show);
+});
 
-const conceptsCount: Ref<number> = ref(0);
-
-const conceptsData = ref([]);
+const clearMessages = function () {
+  errors.value = "";
+  successMessage.value = [];
+};
+const getDomainSummary = function () {
+  return store
+    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+      files: [
+        {
+          name: DOMAIN_SUMMARY,
+          instanceParams: [{ domain: "measurement", concept: "" }],
+        },
+      ],
+      criticalError: false,
+    })
+    .then(() => {
+      return store.getters.getData.domainSummary.map((value) => ({
+        parsedData: value.data,
+        source: value.source,
+      }));
+    });
+};
+const addConceptToList = function (concepts) {
+  sources.value.forEach((source) => {
+    const sourceConcept = concepts.filter(
+      (concept) => source.cdm_name === concept.cdm_name
+    );
+    if (sourceConcept.length) {
+      source.concepts.push(...sourceConcept);
+    }
+  });
+};
 const getConceptsForRequest = function (measurement = []) {
   return conceptsData.value.map((value) => {
     const missingData = measurement.length
@@ -201,213 +254,59 @@ const getConceptsForRequest = function (measurement = []) {
     };
   });
 };
-
-const addConceptToList = function (concepts) {
-  if (concepts[0]?.concept_id && !isLoaded()) {
-    conceptsCount.value += 1;
-    sources.value.forEach((source) => {
-      const sourceConcept = concepts.filter(
-        (concept) => source.cdm_name === concept.cdm_name
-      )[0];
-
-      if (sourceConcept) {
-        source.concepts.push(sourceConcept);
-      }
-    });
-    close();
-  } else {
-    errors.value = "Entered concept is not found across data sources";
-  }
-};
-
-const errors: Ref<string> = ref("");
-const dialog: Ref<boolean> = ref(false);
-
-const form = ref(null);
-watch(dialog, (val) => {
-  val || close();
-  if (form.value) {
-    form.value.resetValidation();
-  }
-});
-
-const defaultItem = ref({
-  conceptID: "",
-  domain: "",
-});
-const editedItem = ref({
-  conceptID: "",
-  domain: "",
-});
-const isLoaded = function () {
-  return [
-    ...sources.value.reduce(
-      (prevValue, value) => [
-        ...prevValue,
-        ...value.concepts.filter(
-          (concept) => concept.concept_id === editedItem.value.conceptID
-        ),
-      ],
-      []
-    ),
-  ].length;
+const close = function () {
+  dialog.value = false;
+  store.dispatch(webApiActions.RESET_API_STORAGE);
+  successMessage.value = [];
 };
-
-const editedIndex = ref(null);
-
-function save() {
-  if (editedItem.value.conceptID === "" || editedItem.value.domain === "") {
+const save = function (item) {
+  if (addedConcepts.value[item.CONCEPT_ID] === "Loaded") {
+    errors.value = "This concept has already been loaded";
     return;
   }
-  if (isLoaded()) {
-    errors.value = "Entered concept is already on the list";
-    return;
-  }
-
   store
     .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files: [CONCEPT],
-      params: {
-        concept: editedItem.value.conceptID,
-        domain: editedItem.value.domain.key,
-      },
+      files: [
+        {
+          name: CONCEPT,
+          instanceParams: [
+            {
+              domain: webApiKeyMap.domains[item.DOMAIN_ID],
+              concept: item.CONCEPT_ID,
+            },
+          ],
+        },
+      ],
       criticalError: false,
     })
     .then(() => {
-      conceptsData.value = store.getters.getData[CONCEPT];
-      if (conceptsData.value[0]?.data?.CDM_TABLE_NAME[0] === "MEASUREMENT") {
+      conceptsData.value = store.getters.getData.concept;
+      if (!conceptsData.value.length) {
+        errors.value = "Requested concept is not found across data sources";
+        addedConcepts.value = {
+          ...addedConcepts.value,
+          [item.CONCEPT_ID]: "Not found",
+        };
+        return;
+      }
+      const withMeasurement = conceptsData.value.filter(
+        (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
+      );
+      if (withMeasurement.length) {
         getDomainSummary().then((value) => {
           addConceptToList(getConceptsForRequest(value));
         });
       } else {
         addConceptToList(getConceptsForRequest());
       }
+      addedConcepts.value = {
+        ...addedConcepts.value,
+        [item.CONCEPT_ID]: "Loaded",
+      };
+      successMessage.value = ["Concept loaded"];
     });
-}
-function close() {
-  dialog.value = false;
-  nextTick(() => {
-    editedItem.value = Object.assign({}, defaultItem.value);
-    editedIndex.value = -1;
-  });
-}
-
-watch(editedItem, () => {
-  errors.value = "";
-  //deep
-});
-
-const dialogDelete: Ref<boolean> = ref(false);
-function closeDelete() {
-  dialogDelete.value = false;
-  nextTick(() => {
-    editedItem.value = Object.assign({}, defaultItem.value);
-    editedIndex.value = -1;
-  });
-}
-function deleteItemConfirm() {
-  concepts.value.splice(editedIndex.value, 1);
-  closeDelete();
-}
-
-function deleteItem(item) {
-  editedIndex.value = concepts.value.indexOf(item);
-  editedItem.value = Object.assign({}, item);
-  dialogDelete.value = true;
-}
-
-watch(dialogDelete, (val) => {
-  val || closeDelete();
-});
-
-const rules = {
-  required: (value) => !!value || "Required field",
-  concept: (value) => {
-    const pattern = /^\d+$/;
-    return pattern.test(value) || "The field is digits only";
-  },
-};
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Source",
-    align: "start",
-    sortable: false,
-    key: "cdm_name",
-  },
-  { title: "Issues", key: "issues" },
-  { title: "Time-series issues", key: "time_series_issues" },
-  { title: "Available concepts", key: "concepts.length" },
-  { title: "Min population", key: "min_population" },
-  { title: "Max population", key: "max_population" },
-]);
-const domains: Ref<DataTableHeader[]> = ref([
-  { title: "Condition occurrence", key: "condition_occurrence" },
-  { title: "Drug Exposure", key: "drug_exposure" },
-  { title: "Device Exposure", key: "device_exposure" },
-  { title: "Measurement", key: "measurement" },
-  { title: "Death", key: "death" },
-  { title: "Procedure Occurrence", key: "procedure_occurrence" },
-  { title: "Observation", key: "observation" },
-]);
-
-const expanded = ref([]);
-
-const conceptHeaders = computed(function (): DataTableHeader[] {
-  return [
-    {
-      title: "Concept ID",
-      align: "start",
-      sortable: false,
-      key: "concept_id",
-      show: true,
-    },
-    { title: "Concept Name", key: "concept_name", show: true },
-    { title: "Domain", key: "domain", show: true },
-    { title: "Population", key: "population", show: true },
-    { title: "%", key: "percentage", show: true },
-    { title: "Time series", key: "time_series", show: true },
-    { title: "Issues", key: "issues", show: true },
-    {
-      title: "% with values",
-      key: "measurement",
-      show: [
-        ...getSourcesOverview.value.map((value) =>
-          value.concepts.filter((concept) => concept.domain === "MEASUREMENT")
-        ),
-      ].filter((value) => value.length).length,
-    },
-  ].filter((header) => header.show);
-});
-
-const getDomainSummary = function () {
-  return store
-    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files: [DOMAIN_SUMMARY],
-      params: {
-        concept: conceptsData.value[0].data.CONCEPT_ID[0],
-        domain: "measurement",
-      },
-      criticalError: false,
-    })
-    .then(() => {
-      return store.getters.getData.domainSummary.map((value) => ({
-        parsedData: value.data,
-        source: value.source.cdm_source_abbreviation,
-      }));
-    });
-};
-
-const formatComma = function (value) {
-  return d3Format.format(",")(value);
 };
 
-const emit = defineEmits(["overlappingDataChanged"]);
-
-watch(filterSourcesWithData, () => {
-  emit("overlappingDataChanged", filterSourcesWithData.value);
-});
-
 onBeforeMount(() => {
   sources.value = store.getters.getSources.map((value) => ({
     cdm_name: value.cdm_source_abbreviation,
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
index 225c407e..f1eb88f3 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
@@ -74,12 +74,12 @@
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/DomainRequirements.vue";
-import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/Range.vue";
-import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/VisitTypes.vue";
-import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/RequiredConcepts.vue";
-import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/FinalEstimation.vue";
-import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/DesiredDomains.vue";
+import DomainRequirements from "@/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue";
+import Range from "@/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue";
+import VisitTypes from "@/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue";
+import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue";
+import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue";
+import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue";
 
 import { computed, watch, ref } from "vue";
 
diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable.vue
index 4e831491..7c1574f9 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable.vue
@@ -181,7 +181,7 @@
       ></info-panel>
     </v-card>
     <v-card
-      v-if="$route.params.domain.toUpperCase() === 'DRUG_EXPOSURE'"
+      v-if="route.params.domain.toUpperCase() === 'DRUG_EXPOSURE'"
       :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
diff --git a/src/shared/api/apiService.js b/src/shared/api/apiService.js
deleted file mode 100644
index e709973b..00000000
--- a/src/shared/api/apiService.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import axios from "axios";
-
-const apiService = (config, payload) => {
-  const instance = axios.create();
-  instance.interceptors.response.use(
-    function (response) {
-      return response;
-    },
-    function (error) {
-      return error;
-    }
-  );
-  return new Promise((resolve, reject) => {
-    instance
-      .request(config)
-      .then((response) => {
-        resolve({ response, payload });
-      })
-      .catch((error) => reject({ error, payload }));
-  });
-};
-
-export default apiService;
diff --git a/src/shared/api/apiService.ts b/src/shared/api/apiService.ts
new file mode 100644
index 00000000..4cf328f5
--- /dev/null
+++ b/src/shared/api/apiService.ts
@@ -0,0 +1,19 @@
+import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from "axios";
+
+const loadFile = (config: AxiosRequestConfig, payload: object) => {
+  const instance = axios.create({ baseURL: "/ares" });
+  instance.interceptors.response.use(
+    function (response: AxiosResponse) {
+      return response;
+    },
+    function (error: AxiosError) {
+      return Promise.reject({ error, payload });
+    }
+  );
+
+  return instance.request(config).then((response) => {
+    return { data: response.data, payload };
+  });
+};
+
+export default loadFile;
diff --git a/src/shared/api/environment.js b/src/shared/api/environment.js
deleted file mode 100644
index 4e2f33a7..00000000
--- a/src/shared/api/environment.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import axios from "axios/index";
-const envUrl = "./env/env.json";
-class Environment {
-  load() {
-    return new Promise(async (res) => {
-      const response = await axios.get(envUrl);
-      Object.assign(this, response.data);
-      res();
-    });
-  }
-}
-const environment = new Environment();
-export default environment;
diff --git a/src/shared/api/environment.ts b/src/shared/api/environment.ts
new file mode 100644
index 00000000..ac315eb2
--- /dev/null
+++ b/src/shared/api/environment.ts
@@ -0,0 +1,15 @@
+import axios, { AxiosResponse } from "axios";
+const envUrl = "./env/env.json";
+
+class Environment {
+  WEB_API_URL = null;
+  WEB_API_ENABLED = null;
+  load() {
+    const promise: Promise<AxiosResponse> = axios.get(envUrl);
+    return promise.then((res) => {
+      Object.assign(this, res.data);
+    });
+  }
+}
+const environment = new Environment();
+export default environment;
diff --git a/src/shared/api/loadFile.ts b/src/shared/api/loadFile.ts
deleted file mode 100644
index f7a47f3a..00000000
--- a/src/shared/api/loadFile.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import axios, { AxiosError, AxiosResponse } from "axios";
-
-const loadFile = (path: string, payload: object) => {
-  const instance = axios.create({ baseURL: "/ares" });
-  instance.interceptors.response.use(
-    function (response: AxiosResponse) {
-      return response;
-    },
-    function (error: AxiosError) {
-      return Promise.reject({ error, payload });
-    }
-  );
-
-  return instance
-    .get(path, {
-      validateStatus: function (status) {
-        return status >= 200 && status < 300;
-      },
-    })
-    .then((response) => {
-      return { data: response.data, payload };
-    });
-};
-
-export default loadFile;
diff --git a/src/shared/api/webAPI/authentication/model/store/actions.type.js b/src/shared/api/webAPI/authentication/model/store/actions.type.ts
similarity index 100%
rename from src/shared/api/webAPI/authentication/model/store/actions.type.js
rename to src/shared/api/webAPI/authentication/model/store/actions.type.ts
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.js b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
similarity index 70%
rename from src/shared/api/webAPI/authentication/model/store/auth.module.js
rename to src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 43f7ac83..e5b12a98 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.js
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -12,6 +12,9 @@ const getters = {
   getWebAPIToken: function (state) {
     return state.accessToken;
   },
+  authenticated: function (state) {
+    return !!state.accessToken;
+  },
 };
 
 const actions = {
@@ -19,19 +22,19 @@ const actions = {
     if (environment.WEB_API_ENABLED === "false") {
       return;
     }
-    return await authService.token.get().then((data) => {
-      const token = data.response.headers?.["bearer"];
-      if (!token) {
+    return await authService.token
+      .get()
+      .then((data) => {
+        const token = data.response?.headers?.["bearer"];
+        commit(SET_ACCESS_TOKEN, token);
+      })
+      .catch((error) => {
         dispatch(ADD_ALERT, {
           message: "Could not authenticate",
-          status: data.response.message
-            ? data.response.message
-            : "No additional data",
+          status: error.message ? error.message : "No additional data",
         });
         return;
-      }
-      commit(SET_ACCESS_TOKEN, token);
-    });
+      });
   },
 };
 const mutations = {
diff --git a/src/shared/api/webAPI/authentication/model/store/mutations.type.js b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
similarity index 100%
rename from src/shared/api/webAPI/authentication/model/store/mutations.type.js
rename to src/shared/api/webAPI/authentication/model/store/mutations.type.ts
diff --git a/src/shared/api/webAPI/data/store/actions.type.js b/src/shared/api/webAPI/data/store/actions.type.ts
similarity index 100%
rename from src/shared/api/webAPI/data/store/actions.type.js
rename to src/shared/api/webAPI/data/store/actions.type.ts
diff --git a/src/shared/api/webAPI/data/store/mutations.type.js b/src/shared/api/webAPI/data/store/mutations.type.ts
similarity index 100%
rename from src/shared/api/webAPI/data/store/mutations.type.js
rename to src/shared/api/webAPI/data/store/mutations.type.ts
diff --git a/src/shared/api/webAPI/data/store/webApi.module.js b/src/shared/api/webAPI/data/store/webApi.module.ts
similarity index 65%
rename from src/shared/api/webAPI/data/store/webApi.module.js
rename to src/shared/api/webAPI/data/store/webApi.module.ts
index 7d856424..ca93de7e 100644
--- a/src/shared/api/webAPI/data/store/webApi.module.js
+++ b/src/shared/api/webAPI/data/store/webApi.module.ts
@@ -24,13 +24,17 @@ const getters = {
 const actions = {
   async [FETCH_WEBAPI_INFO]({ commit, dispatch, rootState, rootGetters }) {
     commit(SET_WEBAPI, { loading: true });
-    const webApiInfo = await InfoService.webApi.get(rootGetters.getWebAPIToken);
-    const sources = await InfoService.sources.get(rootGetters.getWebAPIToken);
-    commit(SET_WEBAPI, {
-      serviceDetails: webApiInfo.response.data,
-      apiSources: sources.response.data,
-      loading: false,
-    });
+    const webApiInfo = InfoService.webApi.get(rootGetters.getWebAPIToken);
+    const sources = InfoService.sources.get(rootGetters.getWebAPIToken);
+    return await Promise.all([webApiInfo, sources])
+      .then((res) => {
+        commit(SET_WEBAPI, {
+          serviceDetails: res[0].data,
+          apiSources: res[1].data,
+          loading: false,
+        });
+      })
+      .catch((err) => commit(SET_WEBAPI, { loading: false, error: err.error }));
   },
 
   async [FETCH_VOCABULARY_SEARCH_RESULTS](
@@ -41,15 +45,14 @@ const actions = {
     await VocabularyService.search
       .get(payload.search, payload.source, rootGetters.getWebAPIToken)
       .then((data) => {
-        if (!data.response?.data) {
-          commit(SET_WEBAPI, { loading: false, error: data.response });
-        } else {
-          commit(SET_WEBAPI, {
-            data: data.response.data,
-            payload,
-            loading: false,
-          });
-        }
+        commit(SET_WEBAPI, {
+          data: data.data,
+          payload,
+          loading: false,
+        });
+      })
+      .catch((err) => {
+        commit(SET_WEBAPI, { loading: false, error: err.error });
       });
   },
   [RESET_API_STORAGE]({ commit }) {
diff --git a/src/shared/api/webAPI/index.js b/src/shared/api/webAPI/index.ts
similarity index 100%
rename from src/shared/api/webAPI/index.js
rename to src/shared/api/webAPI/index.ts
diff --git a/src/shared/api/webAPI/services/authService.js b/src/shared/api/webAPI/services/authService.ts
similarity index 86%
rename from src/shared/api/webAPI/services/authService.js
rename to src/shared/api/webAPI/services/authService.ts
index 236dcb93..e8ede346 100644
--- a/src/shared/api/webAPI/services/authService.js
+++ b/src/shared/api/webAPI/services/authService.ts
@@ -6,7 +6,7 @@ export const authService = {
     get() {
       return apiService(
         {
-          url: `${environment.WEB_API_URL}/user/login/windows`,
+          url: `${environment.WEB_API_URL}user/login/windows`,
           method: "get",
           baseURL: "/",
           withCredentials: true,
diff --git a/src/shared/api/webAPI/services/infoService.js b/src/shared/api/webAPI/services/infoService.ts
similarity index 86%
rename from src/shared/api/webAPI/services/infoService.js
rename to src/shared/api/webAPI/services/infoService.ts
index 6c294188..ff4f36fd 100644
--- a/src/shared/api/webAPI/services/infoService.js
+++ b/src/shared/api/webAPI/services/infoService.ts
@@ -6,7 +6,7 @@ export const InfoService = {
     get(token) {
       return apiService(
         {
-          url: `${environment.WEB_API_URL}/source/sources`,
+          url: `${environment.WEB_API_URL}source/sources`,
           method: "get",
           baseURL: "/",
           headers: {
@@ -22,7 +22,7 @@ export const InfoService = {
     get(token) {
       return apiService(
         {
-          url: `${environment.WEB_API_URL}/info`,
+          url: `${environment.WEB_API_URL}info`,
           method: "get",
           baseURL: "/",
           headers: {
diff --git a/src/shared/api/webAPI/services/vocabularyService.js b/src/shared/api/webAPI/services/vocabularyService.js
deleted file mode 100644
index aba05286..00000000
--- a/src/shared/api/webAPI/services/vocabularyService.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import environment from "@/shared/api/environment";
-import apiService from "@/shared/api/apiService";
-
-export const VocabularyService = {
-  search: {
-    get(query, source, token) {
-      return apiService({
-        url: `${environment.WEB_API_URL}/vocabulary/${source}/search/`,
-        baseURL: "./",
-        method: "post",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: token ? `Bearer ${token}` : null,
-        },
-        data: {
-          STANDARD_CONCEPT: "S",
-          QUERY: query,
-        },
-      });
-    },
-  },
-};
diff --git a/src/shared/api/webAPI/services/vocabularyService.ts b/src/shared/api/webAPI/services/vocabularyService.ts
new file mode 100644
index 00000000..18f9f424
--- /dev/null
+++ b/src/shared/api/webAPI/services/vocabularyService.ts
@@ -0,0 +1,25 @@
+import environment from "@/shared/api/environment";
+import apiService from "@/shared/api/apiService";
+
+export const VocabularyService = {
+  search: {
+    get(query, source, token) {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}vocabulary/${source}/search/`,
+          baseURL: "./",
+          method: "post",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: token ? `Bearer ${token}` : null,
+          },
+          data: {
+            STANDARD_CONCEPT: "S",
+            QUERY: query,
+          },
+        },
+        {}
+      );
+    },
+  },
+};
diff --git a/src/shared/config/webApiKeyMap.js b/src/shared/config/webApiKeyMap.ts
similarity index 100%
rename from src/shared/config/webApiKeyMap.js
rename to src/shared/config/webApiKeyMap.ts
diff --git a/src/widgets/conceptSearchForm/index.js b/src/widgets/conceptSearchForm/index.ts
similarity index 81%
rename from src/widgets/conceptSearchForm/index.js
rename to src/widgets/conceptSearchForm/index.ts
index c5779cdc..0de4d02c 100644
--- a/src/widgets/conceptSearchForm/index.js
+++ b/src/widgets/conceptSearchForm/index.ts
@@ -1,3 +1,3 @@
-import ConceptSearchForm from "@/widgets/conceptSearchForm/ui/ConceptSearchForm";
+import ConceptSearchForm from "@/widgets/conceptSearchForm/ui/ConceptSearchForm.vue";
 
 export { ConceptSearchForm };
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 03a82971..83619318 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -1,5 +1,8 @@
 <template>
-  <v-form v-if="env.WEB_API_ENABLED === 'true'" ref="form">
+  <v-form
+    v-if="environment.WEB_API_ENABLED === 'true' && store.getters.authenticated"
+    ref="form"
+  >
     <v-card>
       <v-card-title>
         <span class="text-h5">Vocabulary search</span>
@@ -13,6 +16,8 @@
                 <v-col cols="4">
                   <v-text-field
                     v-model="query"
+                    variant="outlined"
+                    density="comfortable"
                     label="Search concepts"
                     placeholder="Your query"
                     @keyup.enter="searchApi"
@@ -22,7 +27,9 @@
                   <v-autocomplete
                     v-model="vocabularySource"
                     :items="apiSources"
-                    item-text="sourceKey"
+                    variant="outlined"
+                    density="comfortable"
+                    item-title="sourceKey"
                     item-value="sourceKey"
                     auto-select-first
                     label="Vocabulary source"
@@ -43,26 +50,29 @@
               <v-row>
                 <v-col>
                   <v-data-table
-                    :loading="getApiData.loading"
+                    :loading="store.getters.getApiData.loading"
                     no-data-text="No concepts found"
                     item-key="CONCEPT_ID"
                     :items-per-page="5"
-                    dense
-                    :items="getApiData.data"
+                    density="compact"
+                    :items="store.getters.getApiData.data"
                     :headers="webapiHeaders"
                     loading-text="Loading concepts"
                   >
                     <template #item.actions="{ item }">
                       <v-icon
-                        v-if="!addedConcepts[item.CONCEPT_ID]"
-                        @click="save(item)"
+                        v-if="!addedConcepts[item.raw.CONCEPT_ID]"
+                        @click="save(item.raw)"
                         >mdi-plus</v-icon
                       >
                       <v-icon
-                        v-if="addedConcepts[item.CONCEPT_ID] === 'Not found'"
+                        v-if="
+                          addedConcepts[item.raw.CONCEPT_ID] === 'Not found'
+                        "
                         >mdi-close-octagon</v-icon
                       >
-                      <v-icon v-if="addedConcepts[item.CONCEPT_ID] === 'Loaded'"
+                      <v-icon
+                        v-if="addedConcepts[item.raw.CONCEPT_ID] === 'Loaded'"
                         >mdi-check</v-icon
                       >
                     </template>
@@ -83,18 +93,20 @@
   <v-form v-else ref="form">
     <v-card>
       <v-card-title>
-        <span class="text=h5">Add concepts</span>
+        <span class="text-h5">New Concept</span>
       </v-card-title>
+
       <v-card-text>
         <v-container fluid>
-          <v-row justify="space-between">
+          <v-row class="flex-column">
             <v-col>
               <v-text-field
                 v-model.number="editedItem.CONCEPT_ID"
                 :rules="[rules.required, rules.concept]"
                 prepend-icon="mdi-chart-timeline-variant-shimmer"
                 label="Concept ID"
-                dense
+                density="compact"
+                variant="outlined"
                 :success-messages="successMessage"
                 :error-messages="errors"
               >
@@ -106,154 +118,170 @@
                 :rules="[rules.required]"
                 label="Domain"
                 prepend-icon="mdi-folder"
-                dense
+                density="compact"
+                variant="outlined"
+                item-value="key"
                 :items="domains"
               >
               </v-autocomplete>
             </v-col>
-            <v-col>
-              <v-btn color="blue darken-1" text @click="save(editedItem)">
-                Add
-              </v-btn>
-            </v-col>
           </v-row>
         </v-container>
       </v-card-text>
 
       <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn color="blue darken-1" text @click="close"> Close </v-btn>
+        <v-btn color="blue darken-1" text @click="save(editedItem)">
+          Add
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-form>
 </template>
 
-<script>
+<script setup lang="ts">
 import { webApiActions } from "@/shared/api/webAPI";
 import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
-import { mapGetters } from "vuex";
+import { useStore } from "vuex";
 import environment from "@/shared/api/environment";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 
-export default {
-  name: "ConceptSearchForm",
-  props: {
-    addedConcepts: { type: Object, required: true, default: () => {} },
-    successMessage: { type: Array, required: true, default: () => [] },
-    errors: { type: String, required: true, default: "" },
-  },
-  data() {
-    return {
-      query: "",
-      vocabularySource: "",
-      editedItem: {
-        CONCEPT_ID: "",
-        DOMAIN_ID: "",
-      },
-      domains: [
-        { text: "Condition occurrence", value: "Condition" },
-        { text: "Drug Exposure", value: "Drug" },
-        { text: "Device Exposure", value: "Device" },
-        { text: "Measurement", value: "Measurement" },
-        { text: "Procedure Occurrence", value: "Procedure" },
-        { text: "Observation", value: "Observation" },
-      ],
-      defaultItem: {
-        CONCEPT_ID: "",
-        DOMAIN_ID: "",
-      },
-      rules: {
-        required: (value) => !!value || "Required field",
-        concept: (value) => {
-          const pattern = /^\d+$/;
-          return pattern.test(value) || "The field is digits only";
-        },
-      },
-      apiSources: [],
-      env: environment,
-      webapiHeaders: [
-        {
-          text: "Concept ID",
-          align: "start",
-          sortable: true,
-          value: "CONCEPT_ID",
-        },
-        {
-          text: "Concept Name",
-          align: "start",
-          sortable: true,
-          value: "CONCEPT_NAME",
-        },
-        {
-          text: "Domain",
-          align: "start",
-          sortable: true,
-          value: "DOMAIN_ID",
-        },
-        { text: "", value: "actions", sortable: false },
-      ],
-    };
-  },
-  created() {
-    this.$store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
-      this.apiSources = this.getApiData.apiSources.filter((source) =>
+import {
+  ref,
+  defineEmits,
+  defineProps,
+  onBeforeMount,
+  watch,
+  Ref,
+  nextTick,
+} from "vue";
+
+interface Props {
+  addedConcepts: object;
+  successMessage: string[];
+  errors: string;
+}
+const form: Ref<HTMLFormElement> = ref(null);
+const props = defineProps<Props>();
+const store = useStore();
+const emit = defineEmits(["inputChanged", "save", "close"]);
+
+const query: Ref<string> = ref("");
+const vocabularySource: Ref<string> = ref("");
+const editedItem = ref({
+  CONCEPT_ID: "",
+  DOMAIN_ID: "",
+});
+const domains: Ref<DataTableHeader[]> = ref([
+  { title: "Condition occurrence", key: "Condition" },
+  { title: "Drug Exposure", key: "Drug" },
+  { title: "Device Exposure", key: "Device" },
+  { title: "Measurement", key: "Measurement" },
+  { title: "Procedure Occurrence", key: "Procedure" },
+  { title: "Observation", key: "Observation" },
+]);
+const defaultItem = {
+  CONCEPT_ID: "",
+  DOMAIN_ID: "",
+};
+
+onBeforeMount((): void => {
+  if (environment.WEB_API_ENABLED === "true" && store.getters.authenticated) {
+    store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
+      if (store.getters.getApiData?.error) {
+        store.dispatch(ADD_ALERT, {
+          message: "WebAPI server replied with status code",
+          status: store.getters.getApiData.error.request.status,
+        });
+        return;
+      }
+      apiSources.value = store.getters.getApiData.apiSources.filter((source) =>
         source.daimons
           .reduce((array, current) => [...array, current.daimonType], [])
           .includes("Vocabulary")
       );
-      this.vocabularySource = this.apiSources[0].sourceKey;
+      vocabularySource.value = apiSources.value[0].sourceKey;
     });
+  }
+});
+
+watch(editedItem, (): void => {
+  emit("inputChanged", editedItem);
+});
+
+const rules = {
+  required: (value) => !!value || "Required field",
+  concept: (value) => {
+    const pattern = /^\d+$/;
+    return pattern.test(value) || "The field is digits only";
   },
-  computed: {
-    ...mapGetters(["getApiData"]),
+};
+const apiSources = ref([]);
+const webapiHeaders: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Concept ID",
+    align: "start",
+    sortable: true,
+    key: "CONCEPT_ID",
   },
-  watch: {
-    editedItem: {
-      handler() {
-        this.$emit("inputChanged");
-      },
-      deep: true,
-    },
+  {
+    title: "Concept Name",
+    align: "start",
+    sortable: true,
+    key: "CONCEPT_NAME",
   },
-  methods: {
-    close() {
-      this.$emit("close");
-      if (this.$refs?.form) {
-        this.$refs.form.resetValidation();
-      }
-      this.$nextTick(() => {
-        this.editedItem = Object.assign({}, this.defaultItem);
-      });
-      this.$store.dispatch(webApiActions.RESET_API_STORAGE);
-    },
-    save: function (item) {
-      if (
-        this.env.WEB_API_ENABLED === "false" &&
-        this.editedItem.CONCEPT_ID === "" &&
-        this.editedItem.domain === ""
-      ) {
-        return;
-      }
-      this.$emit("save", item);
-    },
-    searchApi: function () {
-      if (!this.query.length) {
-        return;
-      }
-      this.$store
-        .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
-          search: this.query,
-          source: this.vocabularySource,
-        })
-        .then(() => {
-          if (this.getApiData?.error?.name === "AxiosError") {
-            this.$store.dispatch(ADD_ALERT, {
-              message: "WebAPI server replied with status code",
-              status: this.getApiData.error.response.status,
-            });
-          }
-        });
-    },
+  {
+    title: "Domain",
+    align: "start",
+    sortable: true,
+    key: "DOMAIN_ID",
   },
+  { title: "", key: "actions", sortable: false, align: "" },
+]);
+
+const close = function (): void {
+  emit("close");
+  if (form.value) {
+    form.value.resetValidation();
+  }
+  nextTick(() => {
+    editedItem.value = Object.assign({}, defaultItem);
+  });
+  store.dispatch(webApiActions.RESET_API_STORAGE);
+};
+const save = function (item) {
+  if (
+    environment.WEB_API_ENABLED === "false" &&
+    editedItem.value.CONCEPT_ID === "" &&
+    editedItem.value.DOMAIN_ID === ""
+  ) {
+    return;
+  }
+  emit("save", item);
+};
+const searchApi = function () {
+  if (!query.value.length) {
+    return;
+  }
+  store
+    .dispatch(webApiActions.FETCH_VOCABULARY_SEARCH_RESULTS, {
+      search: query.value,
+      source: vocabularySource.value,
+    })
+    .then(() => {
+      if (store.getters.getApiData?.error) {
+        store.dispatch(ADD_ALERT, {
+          message: "WebAPI server replied with status code",
+          status: store.getters.getApiData.error.request.status,
+        });
+      }
+    });
+};
+</script>
+
+<script lang="ts">
+export default {
+  name: "ConceptSearchForm",
 };
 </script>
 
diff --git a/src/widgets/snackbar/index.js b/src/widgets/snackbar/index.ts
similarity index 65%
rename from src/widgets/snackbar/index.js
rename to src/widgets/snackbar/index.ts
index 73e05daa..07afe192 100644
--- a/src/widgets/snackbar/index.js
+++ b/src/widgets/snackbar/index.ts
@@ -1,4 +1,4 @@
 import snackbarStore from "@/widgets/snackbar/model/store/snackbar.module";
-import Snackbar from "@/widgets/snackbar/ui/Snackbar";
+import Snackbar from "@/widgets/snackbar/ui/Snackbar.vue";
 
 export { Snackbar, snackbarStore };
diff --git a/src/widgets/snackbar/ui/Snackbar.vue b/src/widgets/snackbar/ui/Snackbar.vue
index 62411680..c819037f 100644
--- a/src/widgets/snackbar/ui/Snackbar.vue
+++ b/src/widgets/snackbar/ui/Snackbar.vue
@@ -1,27 +1,31 @@
 <template>
   <v-snackbar v-model="showSnackbar" color="red accent-3" elevation="24">
-    {{ getAlert.message }}: {{ getAlert.status }}
+    {{ store.getters.getAlert.message }}: {{ store.getters.getAlert.status }}
   </v-snackbar>
 </template>
 
-<script>
-import { mapGetters } from "vuex";
+<script setup lang="ts">
 import { RESET_ALERTS } from "@/widgets/snackbar/model/store/actions.type";
+import { useStore } from "vuex";
 
+import { computed } from "vue";
+
+const showSnackbar = computed({
+  get() {
+    return store.getters.getAlertVisibility;
+  },
+  set() {
+    store.dispatch(RESET_ALERTS);
+  },
+});
+
+const store = useStore();
+</script>
+
+<script lang="ts">
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "Snackbar",
-  computed: {
-    ...mapGetters(["getAlert", "getAlertVisibility"]),
-    showSnackbar: {
-      get() {
-        return this.getAlertVisibility;
-      },
-      set() {
-        this.$store.dispatch(RESET_ALERTS);
-      },
-    },
-  },
 };
 </script>
 

From 5eaa09046844eceb5f6812b4eafb70293bfe9274 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 16 Feb 2023 22:16:46 +0700
Subject: [PATCH 022/202] refactor: adapted webApi for vue 3

---
 src/shared/api/apiService.ts                                    | 2 +-
 src/shared/api/webAPI/authentication/model/store/auth.module.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shared/api/apiService.ts b/src/shared/api/apiService.ts
index 4cf328f5..68d2b8bd 100644
--- a/src/shared/api/apiService.ts
+++ b/src/shared/api/apiService.ts
@@ -12,7 +12,7 @@ const loadFile = (config: AxiosRequestConfig, payload: object) => {
   );
 
   return instance.request(config).then((response) => {
-    return { data: response.data, payload };
+    return { data: response.data, headers: response.headers, payload };
   });
 };
 
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index e5b12a98..386e3991 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -25,7 +25,7 @@ const actions = {
     return await authService.token
       .get()
       .then((data) => {
-        const token = data.response?.headers?.["bearer"];
+        const token = data.headers?.["bearer"];
         commit(SET_ACCESS_TOKEN, token);
       })
       .catch((error) => {

From b6fc47dad1b3cc21fb416ca42eb65a2b5be35086 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 27 Feb 2023 04:24:12 +0700
Subject: [PATCH 023/202] feat: added theme support

---
 src/app/App.vue                               | 31 ++++++++----
 src/app/plugins/themes.ts                     | 33 +++++++++++--
 src/app/plugins/vuetify.ts                    | 18 +++++--
 .../toggleBaseLine/ToggleBaseLine.vue         | 21 ++++-----
 .../toggleDarkMode/ToggleDarkMode.vue         | 20 ++++----
 src/features/toggleMinMax/ToggleMinMax.vue    | 19 ++++----
 src/features/toggleTheme/index.ts             |  3 ++
 src/features/toggleTheme/ui/ToggleTheme.vue   | 47 +++++++++++++++++++
 src/pages/reports/network/NetworkOverview.vue |  8 ++--
 src/pages/reports/release/ConceptReport.vue   | 21 ++++-----
 src/pages/reports/release/PersonReport.vue    | 10 ++--
 src/pages/reports/source/SourceOverview.vue   |  4 +-
 src/widgets/bottomNav/ui/BottomNav.vue        | 12 ++++-
 .../settings/model/store/actions.type.ts      |  3 +-
 .../settings/model/store/mutations.type.ts    |  1 +
 .../settings/model/store/settings.module.ts   | 12 ++++-
 src/widgets/settings/ui/Settings.vue          | 14 +++---
 17 files changed, 202 insertions(+), 75 deletions(-)
 create mode 100644 src/features/toggleTheme/index.ts
 create mode 100644 src/features/toggleTheme/ui/ToggleTheme.vue

diff --git a/src/app/App.vue b/src/app/App.vue
index 68073302..7525b4a1 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -25,10 +25,18 @@ const darkMode = computed(function (): boolean {
   return store.getters.getSettings.darkMode;
 });
 
+const activeTheme = computed(function (): boolean {
+  return store.getters.getSettings.theme;
+});
 watch(darkMode, (): void => {
-  theme.global.name.value = store.getters.getSettings.darkMode
-    ? "dark"
-    : "light";
+  theme.global.name.value = `${store.getters.getSettings.theme}${
+    store.getters.getSettings.darkMode ? "Dark" : "Light"
+  }`;
+});
+watch(activeTheme, (): void => {
+  theme.global.name.value = `${store.getters.getSettings.theme}${
+    store.getters.getSettings.darkMode ? "Dark" : "Light"
+  }`;
 });
 
 watch(route, (): void => {
@@ -37,17 +45,22 @@ watch(route, (): void => {
 });
 
 onBeforeMount((): void => {
-  theme.global.name.value = store.getters.getSettings.darkMode
-    ? "dark"
-    : "light";
+  theme.global.name.value = `${store.getters.getSettings.theme}${
+    store.getters.getSettings.darkMode ? "Dark" : "Light"
+  }`;
 });
 </script>
 
-<style scoped>
+<style lang="scss">
 .main {
   width: 95%;
 }
-:deep(.v-list-item__title) {
-  font-size: 0.75rem !important;
+
+a {
+  color: rgb(var(--v-theme-primary));
+}
+
+a:visited {
+  color: rgb(var(--v-theme-primary-lighten-2));
 }
 </style>
diff --git a/src/app/plugins/themes.ts b/src/app/plugins/themes.ts
index 1725141c..b4cb4ec4 100644
--- a/src/app/plugins/themes.ts
+++ b/src/app/plugins/themes.ts
@@ -1,6 +1,6 @@
 import { ThemeDefinition } from "vuetify";
 
-const light: ThemeDefinition = {
+const purpleLight: ThemeDefinition = {
   dark: false,
   colors: {
     accent: "#E0E0E0",
@@ -8,12 +8,39 @@ const light: ThemeDefinition = {
   },
 };
 
-const dark: ThemeDefinition = {
+const purpleDark: ThemeDefinition = {
   dark: true,
   colors: {
     accent: "#424242",
     message: "#41434DFF",
   },
 };
+const blueLight: ThemeDefinition = {
+  dark: false,
+  colors: {
+    primary: "#1976D2",
+    secondary: "#424242",
+    accent: "#E0E0E0",
+    error: "#FF5252",
+    info: "#2196F3",
+    success: "#4CAF50",
+    warning: "#FFC107",
+    message: "#4b4d59",
+  },
+};
+
+const blueDark: ThemeDefinition = {
+  dark: true,
+  colors: {
+    primary: "#2196F3",
+    secondary: "#424242",
+    accent: "#424242",
+    error: "#FF5252",
+    info: "#2196F3",
+    success: "#4CAF50",
+    warning: "#FB8C00",
+    message: "#41434DFF",
+  },
+};
 
-export { light, dark };
+export { purpleLight, purpleDark, blueLight, blueDark };
diff --git a/src/app/plugins/vuetify.ts b/src/app/plugins/vuetify.ts
index 53a7f766..771beb78 100644
--- a/src/app/plugins/vuetify.ts
+++ b/src/app/plugins/vuetify.ts
@@ -3,7 +3,12 @@ import "@/main.scss";
 import { aliases, mdi } from "vuetify/iconsets/mdi";
 import { createVuetify } from "vuetify";
 
-import { light, dark } from "@/app/plugins/themes";
+import {
+  purpleLight,
+  purpleDark,
+  blueLight,
+  blueDark,
+} from "@/app/plugins/themes";
 import * as components from "vuetify/components";
 import * as directives from "vuetify/directives";
 
@@ -19,8 +24,15 @@ const vuetify = createVuetify({
   },
   theme: {
     themes: {
-      light,
-      dark,
+      purpleLight,
+      purpleDark,
+      blueLight,
+      blueDark,
+    },
+    variations: {
+      colors: ["primary", "secondary"],
+      lighten: 2,
+      darken: 2,
     },
   },
 });
diff --git a/src/features/toggleBaseLine/ToggleBaseLine.vue b/src/features/toggleBaseLine/ToggleBaseLine.vue
index 54b58316..746531d3 100644
--- a/src/features/toggleBaseLine/ToggleBaseLine.vue
+++ b/src/features/toggleBaseLine/ToggleBaseLine.vue
@@ -1,15 +1,14 @@
 <template>
-  <v-list-item>
-    <v-list-item-action>
-      <v-switch v-model="zeroBaseLine"></v-switch>
-    </v-list-item-action>
-    <v-list-item-title>{{
-      zeroBaseLine ? "Zero Baseline" : "Non-zero baseline"
-    }}</v-list-item-title>
-    <v-list-item-subtitle
-      >Determines whether the axis starts from the 0 or the lowest value in the
-      set</v-list-item-subtitle
-    >
+  <v-list-item
+    :title="zeroBaseLine ? 'Zero Baseline' : 'Non-zero baseline'"
+    subtitle="Determines whether the axis starts from the 0 or the lowest value in
+        the set"
+  >
+    <template v-slot:prepend>
+      <v-list-item-action>
+        <v-switch v-model="zeroBaseLine"></v-switch>
+      </v-list-item-action>
+    </template>
   </v-list-item>
 </template>
 
diff --git a/src/features/toggleDarkMode/ToggleDarkMode.vue b/src/features/toggleDarkMode/ToggleDarkMode.vue
index dcf6a7a9..7393f770 100644
--- a/src/features/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/features/toggleDarkMode/ToggleDarkMode.vue
@@ -1,12 +1,13 @@
 <template>
-  <v-list-item>
-    <v-list-item-action>
-      <v-switch v-model="darkMode"></v-switch>
-    </v-list-item-action>
-    <v-list-item-title>{{
-      darkMode ? "Dark Mode" : "Light Mode"
-    }}</v-list-item-title>
-    <v-list-item-subtitle>Select the Color mode</v-list-item-subtitle>
+  <v-list-item
+    :title="darkMode ? 'Dark Mode' : 'Light mode'"
+    subtitle="Select the Color mode"
+  >
+    <template v-slot:prepend>
+      <v-list-item-action>
+        <v-switch v-model="darkMode"></v-switch>
+      </v-list-item-action>
+    </template>
   </v-list-item>
 </template>
 
@@ -19,6 +20,7 @@ export default {
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
+import { TOGGLE_DARK_MODE } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 
@@ -27,7 +29,7 @@ const darkMode = computed({
     return store.getters.getSettings.darkMode;
   },
   set: function (value: boolean): void {
-    store.commit("setDarkMode", value);
+    store.dispatch(TOGGLE_DARK_MODE, value);
   },
 });
 </script>
diff --git a/src/features/toggleMinMax/ToggleMinMax.vue b/src/features/toggleMinMax/ToggleMinMax.vue
index 7031ddfe..30d424a4 100644
--- a/src/features/toggleMinMax/ToggleMinMax.vue
+++ b/src/features/toggleMinMax/ToggleMinMax.vue
@@ -1,13 +1,14 @@
 <template>
-  <v-list-item>
-    <v-list-item-action>
-      <v-switch v-model="minMax"></v-switch>
-    </v-list-item-action>
-    <v-list-item-title>{{ minMax ? "MIN/MAX" : "P10/P90" }}</v-list-item-title>
-    <v-list-item-subtitle
-      >Applicable to some reports. Determines whether to use Min/Max or P10/P90
-      values for chart rendering</v-list-item-subtitle
-    >
+  <v-list-item
+    :title="minMax ? 'MIN/MAX' : 'P10/P90'"
+    subtitle="Applicable to some reports. Determines whether to use Min/Max or P10/P90
+      values for chart rendering"
+  >
+    <template v-slot:prepend>
+      <v-list-item-action>
+        <v-switch v-model="minMax"></v-switch>
+      </v-list-item-action>
+    </template>
   </v-list-item>
 </template>
 
diff --git a/src/features/toggleTheme/index.ts b/src/features/toggleTheme/index.ts
new file mode 100644
index 00000000..1c81d9bd
--- /dev/null
+++ b/src/features/toggleTheme/index.ts
@@ -0,0 +1,3 @@
+import ThemeProvider from "@/features/toggleTheme/ui/ToggleTheme.vue";
+
+export default ThemeProvider;
diff --git a/src/features/toggleTheme/ui/ToggleTheme.vue b/src/features/toggleTheme/ui/ToggleTheme.vue
new file mode 100644
index 00000000..a03692a1
--- /dev/null
+++ b/src/features/toggleTheme/ui/ToggleTheme.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-list-item subtitle="Select a theme">
+    <v-list-item-action>
+      <v-select
+        v-model="activeTheme"
+        density="compact"
+        variant="outlined"
+        :items="themes"
+        item-title="title"
+        item-value="value"
+        :menu-props="{}"
+      ></v-select>
+    </v-list-item-action>
+  </v-list-item>
+</template>
+
+<script lang="ts">
+export default {
+  name: "ToggleTheme",
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+import { CHANGE_THEME_SETTING } from "@/widgets/settings/model/store/actions.type";
+const themes = [
+  { title: "Purple", value: "purple" },
+  { title: "Blue", value: "blue" },
+];
+const store = useStore();
+
+const activeTheme = computed({
+  get: function (): string {
+    return store.getters.getSettings.theme;
+  },
+  set: function (value: string): void {
+    store.commit(CHANGE_THEME_SETTING, value);
+  },
+});
+</script>
+
+<style lang="scss">
+.bg-transparent {
+  background-color: rgb(var(--v-theme-surface)) !important;
+}
+</style>
diff --git a/src/pages/reports/network/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview.vue
index 522db3e8..0995459d 100644
--- a/src/pages/reports/network/NetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview.vue
@@ -15,7 +15,7 @@
                   <h3 class="mb-4 text--center">Data Sources</h3>
                   <h1 class="text-center">
                     {{ store.getters.getSources.length
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-database</v-icon
                     >
                   </h1>
@@ -24,7 +24,7 @@
                   <h3 class="mb-4 text-center">People</h3>
                   <h1 class="text-center">
                     {{ personCountFormatter(countPeople)
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-account</v-icon
                     >
                   </h1>
@@ -33,7 +33,7 @@
                   <h3 class="mb-4 text-center">Data Quality Issues</h3>
                   <h1 class="text-center">
                     {{ countDataQualityIssues
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-database-alert</v-icon
                     >
                   </h1>
@@ -42,7 +42,7 @@
                   <h3 class="mb-4 text-center">Data Source Releases</h3>
                   <h1 class="text-center">
                     {{ countDataSourceReleases
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-history</v-icon
                     >
                   </h1>
diff --git a/src/pages/reports/release/ConceptReport.vue b/src/pages/reports/release/ConceptReport.vue
index e41c3c10..46a74059 100644
--- a/src/pages/reports/release/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport.vue
@@ -10,44 +10,43 @@
         </v-layout>
         <v-row v-if="store.getters.dataInStore" justify="start"
           ><v-col cols="2" align="center">
-            <v-icon left color="info">mdi-identifier</v-icon>
+            <v-icon left color="primary">mdi-identifier</v-icon>
             <v-badge
               tile
               inline
-              dark
-              color="info"
+              color="primary"
               :content="store.getters.getData.conceptId"
             ></v-badge>
             <p class="text-caption">Concept Identifier</p></v-col
           ><v-col cols="2" align="center">
-            <v-icon left color="info">mdi-account-group</v-icon>
+            <v-icon left color="primary">mdi-account-group</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="store.getters.getData.numPersons"
             ></v-badge>
             <p class="text-caption">Number of People</p></v-col
           ><v-col cols="2" align="center">
-            <v-icon small left color="info">mdi-percent</v-icon>
+            <v-icon small left color="primary">mdi-percent</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="
                 helpers.formatPercent(store.getters.getData.percentPersons)
               "
             ></v-badge>
             <p class="text-caption">% of People</p></v-col
           ><v-col cols="2" align="center">
-            <v-icon left color="info">mdi-table-row</v-icon>
+            <v-icon left color="primary">mdi-table-row</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="store.getters.getData.recordsPerPerson"
             ></v-badge>
             <p class="text-caption">Records per Person</p></v-col
@@ -57,12 +56,12 @@
             cols="2"
             align="center"
           >
-            <v-icon left color="info">mdi-database-check-outline</v-icon>
+            <v-icon left color="primary">mdi-database-check-outline</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="getPercentWithValues"
             ></v-badge>
             <p class="text-caption">% with Values</p></v-col
diff --git a/src/pages/reports/release/PersonReport.vue b/src/pages/reports/release/PersonReport.vue
index 4ab14ee9..ed948511 100644
--- a/src/pages/reports/release/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport.vue
@@ -9,24 +9,24 @@
         <v-row class="ma-4" justify="start">
           <!-- Total persons in top bar -->
           <v-col cols="2">
-            <v-icon left color="info">mdi-account-group</v-icon>
+            <v-icon left color="primary">mdi-account-group</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="helpers.formatComma(store.getters.getData.numPersons)"
             ></v-badge>
             <p class="text-caption">Number of People</p>
           </v-col>
           <!-- Gender breakdown in top bar -->
           <v-col cols="4" align="center">
-            <v-icon left color="info">mdi-human-male-female</v-icon>
+            <v-icon left color="primary">mdi-human-male-female</v-icon>
             <v-badge
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="
                 'Male: ' +
                 helpers.formatComma(store.getters.getData.genderMaleCount) +
@@ -39,7 +39,7 @@
               tile
               inline
               dark
-              color="info"
+              color="primary"
               :content="
                 'Female: ' +
                 helpers.formatComma(store.getters.getData.genderFemaleCount) +
diff --git a/src/pages/reports/source/SourceOverview.vue b/src/pages/reports/source/SourceOverview.vue
index 15794b61..4654904c 100644
--- a/src/pages/reports/source/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview.vue
@@ -15,7 +15,7 @@
                   <h3 class="mb-4 text--center">Releases</h3>
                   <h1 class="text-center">
                     {{ getReleasesCount
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-history</v-icon
                     >
                   </h1>
@@ -26,7 +26,7 @@
                   </h3>
                   <h1 class="text-center">
                     {{ getDaysBetweenReleases.toFixed(0)
-                    }}<v-icon large color="info" class="mx-2"
+                    }}<v-icon large color="primary" class="mx-2"
                       >mdi-clock-outline</v-icon
                     >
                   </h1>
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 77d7255e..c76d854f 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -1,7 +1,10 @@
 <template>
   <v-bottom-navigation density="comfortable">
     <v-layout class="justify-end align-center">
-      <v-btn v-if="environment.WEB_API_ENABLED === 'true'" to="/network/web_api">
+      <v-btn
+        v-if="environment.WEB_API_ENABLED === 'true'"
+        to="/network/web_api"
+      >
         <v-icon dark>mdi-server</v-icon>
       </v-btn>
       <v-btn to="/help">
@@ -48,4 +51,11 @@ const toggleSettings = function (): void {
 .inverted {
   filter: invert(1);
 }
+a {
+  color: rgba(var(--v-theme-on-surface));
+}
+
+a:visited {
+  color: rgba(var(--v-theme-on-surface));
+}
 </style>
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index 4c438a9a..d2ae9858 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -1,5 +1,6 @@
 export const LOAD_SETTINGS_FROM_STORAGE = "loadSettingsFromStorage";
-export const CHANGE_THEME_SETTING = "setDarkMode";
+export const CHANGE_THEME_SETTING = "setTheme";
+export const TOGGLE_DARK_MODE = "toggleDarkMode";
 export const CHANGE_BASELINE_SETTING = "setBaseline";
 export const CHANGE_MINMAX_SETTING = "setMinMax";
 export const CHANGE_UI_VISIBILITY = "setVisibility";
diff --git a/src/widgets/settings/model/store/mutations.type.ts b/src/widgets/settings/model/store/mutations.type.ts
index 14ef15b9..2459d224 100644
--- a/src/widgets/settings/model/store/mutations.type.ts
+++ b/src/widgets/settings/model/store/mutations.type.ts
@@ -1,4 +1,5 @@
 export const SET_DARK_MODE = "setDarkMode";
+export const SET_THEME = "setTheme";
 export const SET_BASELINE = "setBaseline";
 export const SET_SETTINGS = "setSettings";
 export const SET_MINMAX = "setMinMax";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index 886a892f..44a5184a 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -5,12 +5,14 @@ import {
   CHANGE_MINMAX_SETTING,
   CHANGE_THEME_SETTING,
   CHANGE_UI_VISIBILITY,
+  TOGGLE_DARK_MODE,
 } from "@/widgets/settings/model/store/actions.type";
 import {
   SET_BASELINE,
   SET_DARK_MODE,
   SET_MINMAX,
   SET_SETTINGS,
+  SET_THEME,
   SET_VISIBILITY,
 } from "@/widgets/settings/model/store/mutations.type";
 
@@ -19,6 +21,7 @@ const state = {
     darkMode: false,
     zeroBaseline: true,
     minMax: false,
+    theme: "blue",
   },
   visible: false,
 };
@@ -41,9 +44,12 @@ const actions = {
   [CHANGE_BASELINE_SETTING]({ commit }, payload) {
     commit(SET_BASELINE, payload);
   },
-  [CHANGE_THEME_SETTING]({ commit }, payload) {
+  [TOGGLE_DARK_MODE]({ commit }, payload) {
     commit(SET_DARK_MODE, payload);
   },
+  [CHANGE_THEME_SETTING]({ commit }, payload) {
+    commit(SET_THEME, payload);
+  },
   [CHANGE_MINMAX_SETTING]({ commit }, payload) {
     commit(SET_MINMAX, payload);
   },
@@ -57,6 +63,10 @@ const mutations = {
     state.settings.darkMode = payload;
     localStorageService.set("settings", state.settings);
   },
+  [SET_THEME](state, payload) {
+    state.settings.theme = payload;
+    localStorageService.set("settings", state.settings);
+  },
   [SET_BASELINE](state, payload) {
     state.settings.zeroBaseline = payload;
     localStorageService.set("settings", state.settings);
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index f1bafd64..3702b73c 100644
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -6,24 +6,25 @@
       width="512"
       temporary
     >
-      <v-card>
-        <v-toolbar dark color="primary">
-          <v-btn icon dark @click="showMenu = false">
+      <v-card class="overflow-y: auto">
+        <v-toolbar color="primary">
+          <v-btn icon @click="showMenu = false">
             <v-icon>mdi-close</v-icon>
           </v-btn>
           <v-toolbar-title>Settings</v-toolbar-title>
           <v-spacer></v-spacer>
         </v-toolbar>
-        <v-list three-line subheader>
+        <v-list lines="two">
           <v-list-subheader>Charts</v-list-subheader>
           <!--Features-->
           <ToggleBaseLine />
           <ToggleMinMax />
         </v-list>
         <v-divider></v-divider>
-        <v-list three-line subheader>
-          <v-list-subheader>General</v-list-subheader>
+        <v-list>
+          <v-list-subheader>Appearance</v-list-subheader>
           <!--Features-->
+          <ToggleTheme></ToggleTheme>
           <ToggleDarkMode />
         </v-list>
       </v-card>
@@ -42,6 +43,7 @@ import { settingsActions } from "@/widgets/settings";
 import ToggleDarkMode from "@/features/toggleDarkMode";
 import ToggleBaseLine from "@/features/toggleBaseLine";
 import ToggleMinMax from "@/features/toggleMinMax";
+import ToggleTheme from "@/features/toggleTheme";
 
 import { computed } from "vue";
 import { useStore } from "vuex";

From 50b967c5960d50000f561b27e6ab6db45d874df1 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 27 Feb 2023 04:36:11 +0700
Subject: [PATCH 024/202] fix: alignment of the number of people column

---
 src/pages/reports/release/ObservationPeriodReport.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/release/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport.vue
index a5d108d1..b02c1bfd 100644
--- a/src/pages/reports/release/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport.vue
@@ -242,7 +242,7 @@ const headers: Ref<DataTableHeader[]> = ref([
     title: "Number of People",
     sortable: true,
     key: "COUNT_VALUE",
-    align: "start",
+    align: "end",
   },
   {
     title: "% of People",

From c335c0b6a85ffdbf92af94577813ec7cea3e3839 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 28 Feb 2023 18:16:53 +0700
Subject: [PATCH 025/202] fix: added missing source links

---
 src/pages/reports/network/NetworkOverview.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview.vue
index 522db3e8..45c195a9 100644
--- a/src/pages/reports/network/NetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview.vue
@@ -64,6 +64,17 @@
               :headers="dataSourceColumns"
               hide-default-footer
             >
+              <template v-slot:item.cdm_source_name="{ item }">
+                <v-row>
+                  <v-col cols="10">
+                    <router-link
+                      :to="getDataSourceRoute(item.raw)"
+                      :title="item.raw.cdm_source_name"
+                      >{{ item.raw.cdm_source_name }}
+                    </router-link>
+                  </v-col>
+                </v-row>
+              </template>
             </v-data-table>
           </v-card-text>
         </v-card>
@@ -137,10 +148,10 @@ const dataSourceColumns: Ref<DataTableHeader[]> = ref([
   },
 ]);
 
-function getDataSourceRoute(item: { cdm_source_key: string }) {
+function getDataSourceRoute(item: { cdm_source_name: string }) {
   return {
     name: "dataSourceOverview",
-    params: { cdm: item.cdm_source_key },
+    params: { cdm: item.cdm_source_name },
   };
 }
 const personCountFormatter = function (count: number) {

From 509d89d52f92c22b3a828b13d30e2f23ddae9dd5 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 28 Feb 2023 18:28:25 +0700
Subject: [PATCH 026/202] fix: network concept dashboard numbers formatting

---
 .../NetworkConceptDashboard.vue                      | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index b3c43a5c..abf3921b 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -27,6 +27,12 @@
           :headers="headers"
           :items="conceptData"
         >
+          <template v-slot:item.PEOPLE_COUNT="{ item }">
+            {{ helpers.formatComma(item.raw.PEOPLE_COUNT) }}
+          </template>
+          <template v-slot:item.PEOPLE_PERCENT="{ item }">
+            {{ item.raw.PEOPLE_PERCENT }}%
+          </template>
         </v-data-table>
         <v-card-text v-else class="placeholder table-placeholder"
           >Add at least one concept to display the results</v-card-text
@@ -48,6 +54,8 @@ import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
 const store = useStore();
 
+import { helpers } from "@/shared/lib/mixins";
+
 const addedConcepts = ref({});
 const conceptData = ref([]);
 const successMessage: Ref<string[]> = ref([]);
@@ -139,15 +147,17 @@ const headers = computed(function () {
     {
       key: "CONCEPT_ID",
       title: "Concept ID",
-      align: "center",
+      align: "end",
     },
     {
       key: `PEOPLE_COUNT`,
       title: "# People",
+      align: "end",
     },
     {
       key: "PEOPLE_PERCENT",
       title: "% People",
+      align: "end",
     },
   ];
 });

From d7abf052ac3c7135944c921830912e696e2b941e Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 1 Mar 2023 01:57:48 +0700
Subject: [PATCH 027/202] fix: source key instead of name for network overview
 links

---
 src/pages/reports/network/NetworkOverview.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview.vue
index f383cc6d..f0fa2049 100644
--- a/src/pages/reports/network/NetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview.vue
@@ -148,10 +148,10 @@ const dataSourceColumns: Ref<DataTableHeader[]> = ref([
   },
 ]);
 
-function getDataSourceRoute(item: { cdm_source_name: string }) {
+function getDataSourceRoute(item: { cdm_source_key: string }) {
   return {
     name: "dataSourceOverview",
-    params: { cdm: item.cdm_source_name },
+    params: { cdm: item.cdm_source_key },
   };
 }
 const personCountFormatter = function (count: number) {

From dd3e37a8d2449a3dbbb59e898f24715bf5842eaf Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 7 Mar 2023 01:24:04 +0700
Subject: [PATCH 028/202] feat: updated tooltips for distribution reports to
 include more data

---
 .../chart/config/chartSpecifications/specAgeAtDeath.ts | 10 ++++++++++
 .../chartSpecifications/specAgeAtFirstDiagnosis.ts     | 10 ++++++++++
 .../chartSpecifications/specAgeAtFirstExposure.ts      | 10 ++++++++++
 .../chartSpecifications/specAgeAtFirstOccurrence.ts    | 10 ++++++++++
 .../chart/config/chartSpecifications/specAgeBySex.ts   | 10 ++++++++++
 .../chart/config/chartSpecifications/specDaysSupply.ts |  9 +++++++++
 .../config/chartSpecifications/specLengthOfEra.ts      |  9 +++++++++
 .../specMeasurementValueDistribution.ts                | 10 ++++++++++
 .../specMeasurementValueDistribution1.ts               | 10 ++++++++++
 .../config/chartSpecifications/specObservationBySex.ts | 10 ++++++++++
 .../chart/config/chartSpecifications/specQuantity.ts   |  9 +++++++++
 .../chartSpecifications/specVisitDurationByType.ts     | 10 ++++++++++
 12 files changed, 117 insertions(+)

diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts b/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
index cf76331f..1b1b8b32 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
@@ -35,6 +35,16 @@ export function specAgeAtDeath(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
index baf1ef14..43d1f592 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
@@ -35,6 +35,16 @@ export function specAgeAtFirstDiagnosis(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
index d871f6c8..33464b09 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
@@ -38,6 +38,16 @@ export function specAgeAtFirstExposure(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: {
             field: "P25_VALUE",
             type: "quantitative",
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
index 3fe84c7c..b93a4519 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
+++ b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
@@ -35,6 +35,16 @@ export function specAgeAtFirstOccurrence(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts b/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
index 2ea2e167..d7ee2010 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
+++ b/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
@@ -31,6 +31,16 @@ export function specAgeBySex(zeroBaseline = false, minMax = false) {
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts b/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
index 18559a2e..e4f57660 100644
--- a/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
+++ b/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
@@ -25,6 +25,15 @@ export function specDaysSupply(
       {
         mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
         },
diff --git a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts b/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
index a4f58f52..0ffc1a16 100644
--- a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
+++ b/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
@@ -25,6 +25,15 @@ export function specLengthOfEra(
       {
         mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
         },
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
index 485d3b98..5dcdced6 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
+++ b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
@@ -35,6 +35,16 @@ export function specMeasurementValueDistribution(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
index c1109924..18ddd94b 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
+++ b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
@@ -35,6 +35,16 @@ export function specMeasurementValueDistribution1(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: {
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts b/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
index 41c4c07b..75d7d892 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
+++ b/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
@@ -32,6 +32,16 @@ export function specObservationBySex(zeroBaseline = false, minMax = false) {
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },
diff --git a/src/widgets/chart/config/chartSpecifications/specQuantity.ts b/src/widgets/chart/config/chartSpecifications/specQuantity.ts
index 8c2d55df..774ce146 100644
--- a/src/widgets/chart/config/chartSpecifications/specQuantity.ts
+++ b/src/widgets/chart/config/chartSpecifications/specQuantity.ts
@@ -25,6 +25,15 @@ export function specQuantity(
       {
         mark: { type: "bar", size: 28, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
         },
diff --git a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts b/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
index d2ca1a70..cf392b5f 100644
--- a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
+++ b/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
@@ -35,6 +35,16 @@ export function specVisitDurationByType(
       {
         mark: { type: "bar", size: 14, tooltip: true },
         encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
           x: { field: "P25_VALUE", type: "quantitative" },
           x2: { field: "P75_VALUE" },
           color: { field: "CATEGORY", type: "nominal", legend: null },

From 28b7038cb2a8564a4bb51a8d548c1ac2f7e8164a Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 23 Feb 2023 16:28:34 -0500
Subject: [PATCH 029/202] Update DomainTable.vue

---
 src/pages/reports/release/DomainTable.vue | 40 +++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable.vue
index 7c1574f9..e3369580 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable.vue
@@ -94,6 +94,13 @@
                 </div></v-layout
               >
             </template>
+            <template v-slot:item.DIFF_NUM_PERSONS="{ item }">
+              <v-layout class="justify-end"
+                >
+                  {{ helpers.formatComma(item.raw.DIFF_NUM_PERSONS) }}
+              </v-layout
+              >
+            </template>            
             <template v-slot:item.PERCENT_PERSONS="{ item }">
               <v-layout class="justify-end"
                 ><div
@@ -103,6 +110,15 @@
                 </div></v-layout
               >
             </template>
+            <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">
+              <v-layout class="justify-end"
+                ><div
+                  :class="helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)"
+                >
+                  {{ (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) }} %
+                </div></v-layout
+              >
+            </template>            
             <template v-slot:item.RECORDS_PER_PERSON="{ item }">
               <v-layout class="justify-end"
                 ><div
@@ -255,6 +271,14 @@ const headers = ref([
     show: false,
     domain: ["ALL"],
   },
+  {
+    title: "Delta # Person",
+    sortable: true,
+    key: "DIFF_NUM_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },      
   {
     title: "% People",
     sortable: true,
@@ -263,6 +287,14 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
+  {
+    title: "Delta % People",
+    sortable: true,
+    key: "DIFF_PERCENT_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },     
   {
     title: "Records per Person",
     sortable: true,
@@ -271,6 +303,14 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
+  {
+    title: "Delta Records per Person",
+    sortable: true,
+    key: "DIFF_RECORDS_PER_PERSON",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },  
   {
     title: "Avg Duration",
     sortable: true,

From ada716c1aba20fd004dcbf642ceb96ed3ce1a6c2 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 3 Mar 2023 02:21:29 +0700
Subject: [PATCH 030/202] fix: NaN value for release difference columns in case
 the first release is selected

---
 src/pages/reports/release/DomainTable.vue | 41 ++++++++++++++++-------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable.vue
index e3369580..2baae9d0 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable.vue
@@ -95,12 +95,14 @@
               >
             </template>
             <template v-slot:item.DIFF_NUM_PERSONS="{ item }">
-              <v-layout class="justify-end"
-                >
-                  {{ helpers.formatComma(item.raw.DIFF_NUM_PERSONS) }}
-              </v-layout
-              >
-            </template>            
+              <v-layout class="justify-end">
+                {{
+                  item.raw.DIFF_NUM_PERSONS
+                    ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)
+                    : "No data"
+                }}
+              </v-layout>
+            </template>
             <template v-slot:item.PERCENT_PERSONS="{ item }">
               <v-layout class="justify-end"
                 ><div
@@ -113,12 +115,18 @@
             <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">
               <v-layout class="justify-end"
                 ><div
-                  :class="helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)"
+                  :class="
+                    helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)
+                  "
                 >
-                  {{ (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) }} %
+                  {{
+                    item.raw.DIFF_PERCENT_PERSONS
+                      ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"
+                      : "No data"
+                  }}
                 </div></v-layout
               >
-            </template>            
+            </template>
             <template v-slot:item.RECORDS_PER_PERSON="{ item }">
               <v-layout class="justify-end"
                 ><div
@@ -130,13 +138,20 @@
                 </div></v-layout
               >
             </template>
+            <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">
+              {{
+                item.raw.DIFF_RECORDS_PER_PERSON
+                  ? item.raw.DIFF_RECORDS_PER_PERSON
+                  : "No data"
+              }}
+            </template>
             <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">
               <v-layout class="justify-end"
                 >{{
                   item.raw.PERCENT_MISSING_VALUES
                     ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(
                         2
-                      )}%`
+                      )} %`
                     : "No data"
                 }}
               </v-layout>
@@ -278,7 +293,7 @@ const headers = ref([
     align: "end",
     show: false,
     domain: ["ALL"],
-  },      
+  },
   {
     title: "% People",
     sortable: true,
@@ -294,7 +309,7 @@ const headers = ref([
     align: "end",
     show: false,
     domain: ["ALL"],
-  },     
+  },
   {
     title: "Records per Person",
     sortable: true,
@@ -310,7 +325,7 @@ const headers = ref([
     align: "end",
     show: false,
     domain: ["ALL"],
-  },  
+  },
   {
     title: "Avg Duration",
     sortable: true,

From 3663d8b6ff99d6d529b652eead13a58355695335 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 18 Mar 2023 17:14:01 +0700
Subject: [PATCH 031/202] fix: non-required rejected promises not handled

---
 src/pages/reports/release/DomainTable.vue           |  5 ++++-
 .../exploreReports/model/store/data.module.ts       | 13 ++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable.vue
index 7c1574f9..d3a055ca 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable.vue
@@ -181,7 +181,10 @@
       ></info-panel>
     </v-card>
     <v-card
-      v-if="route.params.domain.toUpperCase() === 'DRUG_EXPOSURE'"
+      v-if="
+        route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' &&
+        store.getters.getData.drugStratification
+      "
       :loading="!store.getters.dataInStore"
       elevation="10"
       class="ma-4 pa-2"
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 517dad7f..311c40f0 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -52,14 +52,14 @@ const actions = {
       const data = responses.reduce((obj, currValue, index) => {
         const status = currValue.status;
         if (status === "fulfilled") {
-          const data = currValue.value?.data;
+          const fileData = currValue.value?.data;
           return {
             ...obj,
             [payload.files[index].name]: preprocessing[
               payload.files[index].name
             ]
-              ? preprocessing[payload.files[index].name](data)
-              : data,
+              ? preprocessing[payload.files[index].name](fileData)
+              : fileData,
           };
         }
         if (status === "rejected" && currValue.reason.payload.required) {
@@ -69,6 +69,13 @@ const actions = {
             message,
             details: url,
           });
+          return {
+            ...obj,
+          };
+        } else {
+          return {
+            ...obj,
+          };
         }
       }, {});
       postprocessing[rootState.route.name]

From fbe3ecdc8b3b0bf92b8935d3eb7b24561e38a5b3 Mon Sep 17 00:00:00 2001
From: Mikhail Iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 22 Mar 2023 16:11:57 +0500
Subject: [PATCH 032/202] improvement: use default values if local storage is
 outdated

---
 src/widgets/settings/model/store/settings.module.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index 44a5184a..17bb400b 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -76,7 +76,7 @@ const mutations = {
     localStorageService.set("settings", state.settings);
   },
   [SET_SETTINGS](state, payload) {
-    state.settings = payload;
+    state.settings = { ...state.settings, ...payload };
   },
   [SET_VISIBILITY](state, payload) {
     state.visible = payload;

From 8026dde687bcd92a7945901df2bbff178ad41ede Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 1 May 2023 20:48:05 +0500
Subject: [PATCH 033/202] feat: added metadata cards functionality

---
 src/app/providers/store/index.ts              |   4 +
 .../chartMetadataCard/metadataCard.vue        |  68 ++++
 src/entities/contextMenu/contextMenu.vue      |  90 +++++
 .../contextMenu/model/store/actions.type.ts   |   1 +
 .../model/store/contextMenu.module.ts         |  40 +++
 .../contextMenu/model/store/mutations.type.ts |   2 +
 src/features/NotesLoader/NotesLoader.vue      |  28 ++
 .../exportNotesFile/ExportNotesFileButton.vue |  32 ++
 src/main.ts                                   |   5 +-
 src/pages/model/lib/listeners.ts              |  79 +++++
 .../{ => ConceptReport}/ConceptReport.vue     |   2 +-
 .../DataQualityResults.vue                    |   2 +-
 .../release/{ => DeathReport}/DeathReport.vue |   0
 src/pages/reports/release/DomainDensity.vue   |  69 ----
 .../DomainDensity/ui/DomainDensity.vue        |  24 ++
 .../ui/charts/DomainDensity/DomainDensity.vue |  56 +++
 .../ui/charts/DomainDensity/defOverview.ts    | 219 ++++++++++++
 .../DomainRecordsPerPerson.vue                |  49 +++
 .../defRecordsPerPerson.ts                    | 162 +++++++++
 .../release/{ => DomainTable}/DomainTable.vue |   2 +-
 .../{ => MetadataReport}/MetadataReport.vue   |   0
 .../release/ObservationPeriodReport.vue       | 260 --------------
 .../ObservationPeriodReport.vue               |  44 +++
 .../AgeAtFirstObservation.vue                 |  57 ++++
 .../specAgeAtFirstObservation.ts              |  63 ++++
 .../specAgeAtFirstObservationAnnotation.ts    |  91 +++++
 .../AgeAtFirstObservationBySex.vue            |  35 ++
 .../specAgeBySex.ts                           |  64 ++++
 .../CumulativeObservation.vue                 |  58 ++++
 .../specCumulativeObservation.ts              |  62 ++++
 .../specCumulativeObservationAnnotation.ts    |  90 +++++
 .../ObservationOverTime.vue                   |  56 +++
 .../specObservationByMonth.ts                 | 114 +++++++
 .../specObservationByMonthAnnotation.ts       | 138 ++++++++
 .../ObservationPeriodsPerPerson.vue           |  76 +++++
 .../YearsOfObservationByAge.vue               |  39 +++
 .../specObservationByAge.ts                   |  72 ++++
 .../YearsOfObservationBySex.vue               |  39 +++
 .../specObservationBySex.ts                   |  64 ++++
 .../PerformanceTable.vue                      |   0
 src/pages/reports/release/PersonReport.vue    | 177 ----------
 .../release/PersonReport/PersonReport.vue     | 159 +++++++++
 .../reports/release/PersonReport/index.ts     |   0
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  37 ++
 .../charts/PopulationByAgeSex/specAgeSex.ts   |  65 ++++
 .../PopulationByEthnicity.vue                 |  33 ++
 .../PopulationByEthnicity/specEthnicity.ts    |  52 +++
 .../PopulationByRace/PopulationByRace.vue     |  33 ++
 .../ui/charts/PopulationByRace/specRace.ts    |  57 ++++
 .../PopulationByYearBirth.vue                 |  58 ++++
 .../PopulationByYearBirth/specBirthYear.ts    | 112 ++++++
 .../reports/release/PersonReport/ui/index.vue |   9 +
 .../TemporalCharacterization.vue              |   0
 .../UnmappedSourceCodes.vue                   |   0
 src/processes/exploreReports/config/routes.ts |  22 +-
 .../exploreReports/ui/ReportsView.vue         |   1 +
 .../chartSpecifications/specBirthYear.ts      | 129 +++++--
 src/widgets/chart/ui/Chart.vue                | 121 ++++++-
 src/widgets/newNoteDialog/formDialog.vue      |  93 +++++
 src/widgets/notesPanel/index.ts               |   0
 .../notesPanel/model/store/actions.type.ts    |  15 +
 .../notesPanel/model/store/mutations.type.ts  |   8 +
 .../notesPanel/model/store/notes.module.ts    | 321 ++++++++++++++++++
 src/widgets/notesPanel/ui/NotesPanel.vue      |  47 +++
 src/widgets/settings/ui/Settings.vue          |   9 +
 65 files changed, 3347 insertions(+), 567 deletions(-)
 mode change 100644 => 100755 src/app/providers/store/index.ts
 create mode 100755 src/entities/chartMetadataCard/metadataCard.vue
 create mode 100644 src/entities/contextMenu/contextMenu.vue
 create mode 100644 src/entities/contextMenu/model/store/actions.type.ts
 create mode 100644 src/entities/contextMenu/model/store/contextMenu.module.ts
 create mode 100644 src/entities/contextMenu/model/store/mutations.type.ts
 create mode 100755 src/features/NotesLoader/NotesLoader.vue
 create mode 100755 src/features/exportNotesFile/ExportNotesFileButton.vue
 create mode 100644 src/pages/model/lib/listeners.ts
 rename src/pages/reports/release/{ => ConceptReport}/ConceptReport.vue (99%)
 rename src/pages/reports/release/{ => DataQualityResults}/DataQualityResults.vue (99%)
 rename src/pages/reports/release/{ => DeathReport}/DeathReport.vue (100%)
 delete mode 100644 src/pages/reports/release/DomainDensity.vue
 create mode 100644 src/pages/reports/release/DomainDensity/ui/DomainDensity.vue
 create mode 100644 src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue
 create mode 100644 src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts
 create mode 100644 src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
 create mode 100644 src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
 rename src/pages/reports/release/{ => DomainTable}/DomainTable.vue (99%)
 rename src/pages/reports/release/{ => MetadataReport}/MetadataReport.vue (100%)
 delete mode 100644 src/pages/reports/release/ObservationPeriodReport.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
 create mode 100644 src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts
 rename src/pages/reports/release/{ => PerformanceReport}/PerformanceTable.vue (100%)
 delete mode 100644 src/pages/reports/release/PersonReport.vue
 create mode 100755 src/pages/reports/release/PersonReport/PersonReport.vue
 create mode 100644 src/pages/reports/release/PersonReport/index.ts
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts
 create mode 100644 src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue
 create mode 100755 src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts
 create mode 100644 src/pages/reports/release/PersonReport/ui/index.vue
 rename src/pages/reports/release/{ => TemporalCharacterizationReport}/TemporalCharacterization.vue (100%)
 rename src/pages/reports/release/{ => UnmappedSourceCodesReport}/UnmappedSourceCodes.vue (100%)
 mode change 100644 => 100755 src/widgets/chart/config/chartSpecifications/specBirthYear.ts
 mode change 100644 => 100755 src/widgets/chart/ui/Chart.vue
 create mode 100755 src/widgets/newNoteDialog/formDialog.vue
 create mode 100755 src/widgets/notesPanel/index.ts
 create mode 100755 src/widgets/notesPanel/model/store/actions.type.ts
 create mode 100755 src/widgets/notesPanel/model/store/mutations.type.ts
 create mode 100755 src/widgets/notesPanel/model/store/notes.module.ts
 create mode 100755 src/widgets/notesPanel/ui/NotesPanel.vue
 mode change 100644 => 100755 src/widgets/settings/ui/Settings.vue

diff --git a/src/app/providers/store/index.ts b/src/app/providers/store/index.ts
old mode 100644
new mode 100755
index c9dab4d9..a41646cc
--- a/src/app/providers/store/index.ts
+++ b/src/app/providers/store/index.ts
@@ -6,6 +6,8 @@ import { reportsDataStore } from "@/processes/exploreReports";
 import { settingsStore } from "@/widgets/settings";
 import { webApiStore, authStore } from "@/shared/api/webAPI";
 import { snackbarStore } from "@/widgets/snackbar";
+import notesStore from "@/widgets/notesPanel/model/store/notes.module";
+import contextMenuStore from "@/entities/contextMenu/model/store/contextMenu.module";
 export default new Store({
   modules: {
     explorerStore,
@@ -15,5 +17,7 @@ export default new Store({
     webApiStore,
     snackbarStore,
     authStore,
+    notesStore,
+    contextMenuStore,
   },
 });
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
new file mode 100755
index 00000000..f37d814e
--- /dev/null
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -0,0 +1,68 @@
+<template>
+  <v-card
+    class="ma-2 card"
+    max-width="400"
+    max-height="300"
+    elevation="5"
+    :title="props.title"
+  >
+    <v-card-text class="text-h7 py-2">
+      {{ props.description }}
+    </v-card-text>
+
+    <v-card-actions class="justify-space-between">
+      <v-btn @click="editCard" class="me-1">Edit</v-btn>
+
+      <v-btn @click="deleteCard" class="me-1">Delete</v-btn>
+    </v-card-actions>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { defineProps } from "vue";
+import {
+  DELETE_METADATA_CARD,
+  EDIT_METADATA_CARD,
+  SHOW_DIALOG,
+} from "@/widgets/notesPanel/model/store/actions.type";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+interface Props {
+  title: string;
+  description: string;
+  id: number;
+}
+
+const deleteCard = function () {
+  store.dispatch(DELETE_METADATA_CARD, { cardId: props.id });
+};
+
+const editCard = function () {
+  const action = function (title, description) {
+    store.dispatch(EDIT_METADATA_CARD, {
+      cardId: props.id,
+      data: { title, description },
+    });
+  };
+  store.dispatch(SHOW_DIALOG, {
+    show: true,
+    data: {
+      title: props.title,
+      description: props.description,
+    },
+    action,
+  });
+};
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped>
+.card {
+  display: flex;
+  align-content: space-between;
+  flex-direction: column;
+}
+</style>
diff --git a/src/entities/contextMenu/contextMenu.vue b/src/entities/contextMenu/contextMenu.vue
new file mode 100644
index 00000000..f66081c4
--- /dev/null
+++ b/src/entities/contextMenu/contextMenu.vue
@@ -0,0 +1,90 @@
+<template>
+  <div
+    v-if="show"
+    class="context-menu"
+    :style="style"
+    ref="context"
+    tabindex="1"
+    v-on:blur="close"
+  >
+    <ul v-for="item in props.items" :key="item.title">
+      <li @click="clickAction(item)">{{ item.title }}</li>
+    </ul>
+  </div>
+</template>
+<script setup lang="ts">
+import { nextTick, defineProps, computed, watch, ref, Ref } from "vue";
+import { useStore } from "vuex";
+
+interface Item {
+  title: string;
+  action: (a, b) => void;
+}
+interface Props {
+  items: Item[];
+}
+
+const props = defineProps<Props>();
+const context = ref(null);
+
+const store = useStore();
+
+const left: Ref<number> = ref(0);
+const top: Ref<number> = ref(0);
+const show: Ref<boolean> = ref(false);
+
+const style = computed(() => {
+  return {
+    top: top.value + "px",
+    left: left.value + "px",
+  };
+});
+
+const coordinates = computed(() => {
+  return store.getters.getContextMenuLocation;
+});
+
+function clickAction(item) {
+  item.action();
+  close();
+}
+
+function close() {
+  show.value = false;
+  left.value = 0;
+  top.value = 0;
+}
+function open() {
+  const e = store.getters.getContextMenuLocation.event;
+  left.value = e.pageX || e.clientX;
+  top.value = (e.pageY || e.clientY) - window.pageYOffset;
+  show.value = true;
+  nextTick(() => context.value.focus());
+}
+
+watch(coordinates, () => {
+  open();
+});
+</script>
+<style scoped>
+.context-menu {
+  position: fixed;
+  z-index: 999;
+  background: rgb(var(--v-theme-surface));
+  outline: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  cursor: pointer;
+}
+ul {
+  list-style: none;
+  width: 10vw;
+}
+li {
+  padding: 10px;
+  display: block;
+}
+
+li:hover {
+  background: rgba(77, 144, 254, 0.1);
+}
+</style>
diff --git a/src/entities/contextMenu/model/store/actions.type.ts b/src/entities/contextMenu/model/store/actions.type.ts
new file mode 100644
index 00000000..b426ec93
--- /dev/null
+++ b/src/entities/contextMenu/model/store/actions.type.ts
@@ -0,0 +1 @@
+export const OPEN_MENU = "openMenu";
diff --git a/src/entities/contextMenu/model/store/contextMenu.module.ts b/src/entities/contextMenu/model/store/contextMenu.module.ts
new file mode 100644
index 00000000..d1e23268
--- /dev/null
+++ b/src/entities/contextMenu/model/store/contextMenu.module.ts
@@ -0,0 +1,40 @@
+import { SET_LOCATION } from "@/entities/contextMenu/model/store/mutations.type";
+import { SET_CONTEXT_MENU_VISIBILITY } from "@/entities/contextMenu/model/store/mutations.type";
+import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
+
+const state = {
+  visible: false,
+  location: {},
+};
+
+const getters = {
+  getContextMenuVisibility: function (state) {
+    return state.visible;
+  },
+  getContextMenuLocation: function (state) {
+    return state.location;
+  },
+};
+
+const actions = {
+  [OPEN_MENU]({ commit }, payload) {
+    commit(SET_LOCATION, payload.location);
+    commit(SET_CONTEXT_MENU_VISIBILITY, payload.visibility);
+  },
+};
+
+const mutations = {
+  [SET_LOCATION](state, payload) {
+    state.location = payload;
+  },
+  [SET_CONTEXT_MENU_VISIBILITY](state, payload) {
+    state.visible = payload;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
diff --git a/src/entities/contextMenu/model/store/mutations.type.ts b/src/entities/contextMenu/model/store/mutations.type.ts
new file mode 100644
index 00000000..dc436d3b
--- /dev/null
+++ b/src/entities/contextMenu/model/store/mutations.type.ts
@@ -0,0 +1,2 @@
+export const SET_LOCATION = "setLocation";
+export const SET_CONTEXT_MENU_VISIBILITY = "setContextMenuVisibility";
diff --git a/src/features/NotesLoader/NotesLoader.vue b/src/features/NotesLoader/NotesLoader.vue
new file mode 100755
index 00000000..bfb63e59
--- /dev/null
+++ b/src/features/NotesLoader/NotesLoader.vue
@@ -0,0 +1,28 @@
+<template>
+  <v-file-input density="compact" variant="outlined" v-model="file">
+  </v-file-input>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { ref, watch } from "vue";
+import { IMPORT_NOTES_FROM_FILE } from "@/widgets/notesPanel/model/store/actions.type";
+
+const store = useStore();
+
+const reader = new FileReader();
+reader.addEventListener("load", (e) => {
+  const data = e.target.result;
+  store.dispatch(IMPORT_NOTES_FROM_FILE, JSON.parse(data));
+});
+
+const file = ref(null);
+
+watch(file, () => {
+  if (file.value[0]) {
+    reader.readAsText(file.value[0]);
+  }
+});
+</script>
+
+<style scoped></style>
diff --git a/src/features/exportNotesFile/ExportNotesFileButton.vue b/src/features/exportNotesFile/ExportNotesFileButton.vue
new file mode 100755
index 00000000..936a616f
--- /dev/null
+++ b/src/features/exportNotesFile/ExportNotesFileButton.vue
@@ -0,0 +1,32 @@
+<template>
+  <v-btn
+    variant="flat"
+    block
+    :download="`notes-${dataUrl.date}.json`"
+    :href="dataUrl.url"
+    ><a download="notesData.json">Export Notes</a>
+  </v-btn>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { computed } from "vue";
+
+const store = useStore();
+
+const dataUrl = computed(() => {
+  const taBlob = new Blob([JSON.stringify(store.getters.getNotes)], {
+    type: "application/json",
+  });
+
+  const date = new Date();
+
+  const dateString = `${date.getFullYear()}/${
+    date.getMonth() + 1
+  }/${date.getDate()}`;
+
+  return { url: URL.createObjectURL(taBlob), date: dateString };
+});
+</script>
+
+<style scoped></style>
diff --git a/src/main.ts b/src/main.ts
index 8d90c073..21de3f04 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -10,6 +10,7 @@ import environment from "@/shared/api/environment";
 import { authActions } from "@/shared/api/webAPI";
 //todo: Think how to improve auth
 import { settingsActions } from "@/widgets/settings";
+import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 // adds reactive router module to global state
 sync(store, router);
 
@@ -20,7 +21,9 @@ environment.load().then(() => {
     .catch()
     .finally(() => {
       store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-        createApp(App).use(store).use(router).use(vuetify).mount("#app");
+        store.dispatch(LOAD_NOTES).then(() => {
+          createApp(App).use(store).use(router).use(vuetify).mount("#app");
+        });
       });
     });
 });
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
new file mode 100644
index 00000000..a5ef5613
--- /dev/null
+++ b/src/pages/model/lib/listeners.ts
@@ -0,0 +1,79 @@
+import { RouteLocation } from "vue-router";
+import {
+  SET_CURRENT_SELECTION_AREA,
+  SET_SELECTED_RECTANGLE,
+} from "@/widgets/notesPanel/model/store/mutations.type";
+import {
+  CREATE_SELECTION,
+  SHOW_DIALOG,
+} from "@/widgets/notesPanel/model/store/actions.type";
+import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
+import { debounce } from "lodash";
+
+export const setRectangleLocationClick = function (result, route, store) {
+  return result.view.addEventListener("click", (event, item) => {
+    if (item.mark.name === "layer_1_marks") {
+      store.commit(SET_SELECTED_RECTANGLE, {
+        item: item.datum,
+        report: event.srcElement.offsetParent.id,
+      });
+    }
+  });
+};
+
+export const showNotesEditDialogRightClick = function (result, store) {
+  console.log(store);
+  return result.view.addEventListener("contextmenu", (event, item) => {
+    event.preventDefault();
+    //Right click on brush
+    if (item.mark.name === "secondBrush_brush") {
+      const action = function (e, i) {
+        return (title, description) => {
+          store.dispatch(CREATE_SELECTION, {
+            reportName: e.srcElement.offsetParent.id,
+            date: new Date(),
+            item: i.datum,
+            title,
+            description,
+          });
+        };
+      };
+      store.dispatch(SHOW_DIALOG, {
+        show: true,
+        data: null,
+        action: action(event, item),
+      });
+    }
+    //Right click on existing rectangle
+    if (item.mark.name === "layer_1_marks") {
+      store.commit(SET_SELECTED_RECTANGLE, {
+        item: item.datum,
+        report: event.srcElement.offsetParent.id,
+      });
+      store.dispatch(OPEN_MENU, {
+        visibility: true,
+        location: {
+          x: event.clientX,
+          y: event.clientY,
+          element: event.srcElement.offsetParent.id,
+          event,
+        },
+        clickEventData: {
+          reportName: event.srcElement.offsetParent.id,
+          date: new Date(),
+          item: item.datum,
+          newSelection: true,
+        },
+      });
+    }
+  });
+};
+
+export const setSelectionAreaSignal = function (result, store) {
+  return result.view.addSignalListener(
+    "secondBrush",
+    debounce((signalName, event) => {
+      store.commit(SET_CURRENT_SELECTION_AREA, { signalName, event });
+    }, 100)
+  );
+};
diff --git a/src/pages/reports/release/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
similarity index 99%
rename from src/pages/reports/release/ConceptReport.vue
rename to src/pages/reports/release/ConceptReport/ConceptReport.vue
index 46a74059..ae93ffa8 100644
--- a/src/pages/reports/release/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -595,7 +595,7 @@
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "../../../widgets/infoPanel";
+import InfoPanel from "../../../../widgets/infoPanel";
 import ReturnButton from "@/features/returnToPreviousPage";
 import { useRoute } from "vue-router";
 import { chartConfigs, Chart } from "@/widgets/chart";
diff --git a/src/pages/reports/release/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
similarity index 99%
rename from src/pages/reports/release/DataQualityResults.vue
rename to src/pages/reports/release/DataQualityResults/DataQualityResults.vue
index 00947206..36b89aa1 100644
--- a/src/pages/reports/release/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
@@ -548,7 +548,7 @@
 <script setup lang="ts">
 import Codemirror from "codemirror-editor-vue3";
 import { VDataTable } from "vuetify/labs/VDataTable";
-import Pivot from "../../../widgets/pivot";
+import Pivot from "../../../../widgets/pivot";
 import "codemirror/lib/codemirror.css";
 import "codemirror/mode/sql/sql";
 import "codemirror/theme/neat.css";
diff --git a/src/pages/reports/release/DeathReport.vue b/src/pages/reports/release/DeathReport/DeathReport.vue
similarity index 100%
rename from src/pages/reports/release/DeathReport.vue
rename to src/pages/reports/release/DeathReport/DeathReport.vue
diff --git a/src/pages/reports/release/DomainDensity.vue b/src/pages/reports/release/DomainDensity.vue
deleted file mode 100644
index d5f2b2cf..00000000
--- a/src/pages/reports/release/DomainDensity.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <div v-if="!store.getters.getErrors">
-    <v-card
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-overview"
-        width="80"
-        title="Domain
-      Density"
-        :config="chartConfigs.defOverview"
-        :data="store.getters.getData.domainDensity"
-      />
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DATA_DENSITY
-              .DATADENSITY_RECORDS_PER_PERSON[0]
-          )
-        "
-        :divider="true"
-      ></info-panel>
-    </v-card>
-    <v-card
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-recordsperperson"
-        width="80"
-        title="Domain Records per Person"
-        :config="chartConfigs.defRecordsPerPerson"
-        :data="store.getters.getData.domainRecords"
-      />
-      <InfoPanel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
-          )
-        "
-        :divider="true"
-      ></InfoPanel>
-    </v-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
-import { links } from "@/shared/config/links";
-
-import { useStore } from "vuex";
-const store = useStore();
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/ui/DomainDensity.vue b/src/pages/reports/release/DomainDensity/ui/DomainDensity.vue
new file mode 100644
index 00000000..b6e86a68
--- /dev/null
+++ b/src/pages/reports/release/DomainDensity/ui/DomainDensity.vue
@@ -0,0 +1,24 @@
+<template>
+  <div v-if="!store.getters.getErrors">
+    <DomainDensity />
+    <DomainRecordsPerPerson />
+    <form-dialog
+      @close="store.commit(SET_DIALOG, false)"
+      :show="store.getters.getDialogData.show"
+      :action="store.getters.getDialogData.action"
+      :data="store.getters.getDialogData.data"
+      :form-title="'Edit selection'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import DomainRecordsPerPerson from "./charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue";
+import DomainDensity from "./charts/DomainDensity/DomainDensity.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue
new file mode 100644
index 00000000..8cc94dc4
--- /dev/null
+++ b/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue
@@ -0,0 +1,56 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-overview"
+      width="80"
+      title="Domain
+      Density"
+      :config="defOverview"
+      :data="store.getters.getData.domainDensity"
+      :click-listener="listeners.setRectangleLocationClick"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :notes="notes"
+      annotations
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.DATA_DENSITY
+            .DATADENSITY_RECORDS_PER_PERSON[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { defOverview } from "./defOverview";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+
+const store = useStore();
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-overview"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts b/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts
new file mode 100644
index 00000000..30733b6d
--- /dev/null
+++ b/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts
@@ -0,0 +1,219 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function defOverview(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    transform: [
+      {
+        timeUnit: "yearmonth",
+        field: "date",
+        as: "transformedDate",
+      },
+    ],
+    data: { name: "conceptData" },
+
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        selection: {
+          domain: { type: "multi", fields: ["domain"], bind: "legend" },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            title: "Date",
+          },
+          y: {
+            field: "records",
+            type: "quantitative",
+            title: "Records",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: { field: "domain", type: "nominal" },
+        },
+        layer: [
+          {
+            mark: { type: "line", interpolate: "linear" },
+            params: [
+              {
+                name: "source",
+                select: { type: "point", fields: ["domain"] },
+                bind: "legend",
+              },
+            ],
+            encoding: {
+              opacity: {
+                condition: { param: "source", value: 1 },
+                value: 0.2,
+              },
+            },
+          },
+          {
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
+            },
+            params: [
+              {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
+                },
+              },
+              {
+                name: "secondBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
+                },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
+                {
+                  field: "description",
+                  title: "Description",
+                },
+              ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              /*color: {
+                condition: {
+                  param: "justBrush",
+                  field: "CONCEPT_NAME",
+                  type: "ordinal",
+                  legend: null,
+                },
+                value: "grey",
+              },*/
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
+            },
+          },
+
+          {
+            transform: [{ filter: { param: "source" } }],
+            selection: {
+              x: {
+                type: "single",
+                on: "mousemove",
+                fields: ["transformedDate"],
+                nearest: true,
+              },
+            },
+            mark: { type: "point", tooltip: true },
+            encoding: {
+              tooltip: [
+                {
+                  field: "records",
+                  type: "quantitative",
+                  title: "# Records",
+                  format: ",",
+                },
+                {
+                  field: "transformedDate",
+                  type: "temporal",
+                  title: "Date",
+                },
+                { field: "domain", type: "nominal", title: "Domain" },
+              ],
+            },
+          },
+          {
+            transform: [
+              {
+                filter: {
+                  and: ["x.transformedDate", { selection: "x" }],
+                },
+              },
+            ],
+            layer: [
+              {
+                mark: "rule",
+                encoding: {
+                  y: {
+                    height: 1,
+                  },
+                  color: {
+                    value: "black",
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+      {
+        width: "container",
+        height: 50,
+        mark: "line",
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "records",
+            type: "quantitative",
+            axis: { title: "" },
+          },
+          color: { field: "domain", type: "nominal" },
+        },
+        layer: [
+          {
+            mark: { type: "line", interpolate: "linear" },
+            selection: {
+              brush: { type: "interval", encodings: ["x"] },
+            },
+            params: [
+              {
+                name: "source",
+                select: { type: "point", fields: ["domain"] },
+                bind: "legend",
+              },
+            ],
+            encoding: {
+              opacity: {
+                condition: { param: "source", value: 1 },
+                value: 0.2,
+              },
+            },
+          },
+          {
+            transform: [{ filter: { param: "source" } }],
+            mark: { type: "point", tooltip: true },
+          },
+        ],
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
new file mode 100644
index 00000000..bb07cef3
--- /dev/null
+++ b/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -0,0 +1,49 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-recordsperperson"
+      width="80"
+      title="Domain Records per Person"
+      :config="defRecordsPerPerson"
+      :data="store.getters.getData.domainRecords"
+    />
+    <InfoPanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
+        )
+      "
+      :divider="true"
+    ></InfoPanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { defRecordsPerPerson } from "./defRecordsPerPerson";
+import { computed } from "vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-recordsperperson"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts b/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
new file mode 100644
index 00000000..5574098a
--- /dev/null
+++ b/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
@@ -0,0 +1,162 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function defRecordsPerPerson(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    transform: [
+      {
+        timeUnit: "yearmonth",
+        field: "date",
+        as: "transformedDate",
+      },
+    ],
+    data: { name: "conceptData" },
+
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            axis: { title: "Date" },
+            scale: { domain: { selection: "brush" } },
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "records",
+            type: "quantitative",
+            title: "Records",
+            format: ",",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: { field: "domain", type: "nominal" },
+        },
+        layer: [
+          {
+            mark: { type: "line", interpolate: "linear" },
+            params: [
+              {
+                name: "source",
+                select: { type: "point", fields: ["domain"] },
+                bind: "legend",
+              },
+            ],
+            encoding: {
+              opacity: {
+                condition: { param: "source", value: 1 },
+                value: 0.2,
+              },
+            },
+          },
+          {
+            transform: [{ filter: { param: "source" } }],
+            selection: {
+              x: {
+                type: "single",
+                on: "mousemove",
+                fields: ["transformedDate"],
+                nearest: true,
+              },
+            },
+            mark: { type: "point", tooltip: true },
+            encoding: {
+              tooltip: [
+                {
+                  field: "records",
+                  type: "quantitative",
+                  title: "Records per person",
+                  format: ",",
+                },
+                {
+                  field: "date",
+                  type: "temporal",
+                  title: "Date",
+                },
+                {
+                  field: "domain",
+                  type: "nominal",
+                  title: "Domain",
+                },
+              ],
+            },
+          },
+          {
+            transform: [
+              {
+                filter: {
+                  and: ["x.transformedDate", { selection: "x" }],
+                },
+              },
+            ],
+            layer: [
+              {
+                mark: "rule",
+                encoding: {
+                  y: {
+                    height: 1,
+                  },
+                  color: {
+                    value: "black",
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+
+      {
+        width: "container",
+        height: 50,
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "records",
+            type: "quantitative",
+            axis: { title: "" },
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: { field: "domain", type: "nominal", title: "Domain" },
+        },
+        layer: [
+          {
+            mark: { type: "line", interpolate: "linear" },
+            selection: {
+              brush: { type: "interval", encodings: ["x"] },
+            },
+            params: [
+              {
+                name: "source",
+                select: { type: "point", fields: ["domain"] },
+                bind: "legend",
+              },
+            ],
+            encoding: {
+              opacity: {
+                condition: { param: "source", value: 1 },
+                value: 0.2,
+              },
+            },
+          },
+          {
+            transform: [{ filter: { param: "source" } }],
+            mark: { type: "point", tooltip: true },
+          },
+        ],
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/DomainTable.vue b/src/pages/reports/release/DomainTable/DomainTable.vue
similarity index 99%
rename from src/pages/reports/release/DomainTable.vue
rename to src/pages/reports/release/DomainTable/DomainTable.vue
index 485c88f5..9a5745be 100644
--- a/src/pages/reports/release/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable/DomainTable.vue
@@ -247,7 +247,7 @@
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "../../../widgets/infoPanel";
+import InfoPanel from "../../../../widgets/infoPanel";
 import { chartConfigs, Chart } from "@/widgets/chart";
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { helpers } from "@/shared/lib/mixins";
diff --git a/src/pages/reports/release/MetadataReport.vue b/src/pages/reports/release/MetadataReport/MetadataReport.vue
similarity index 100%
rename from src/pages/reports/release/MetadataReport.vue
rename to src/pages/reports/release/MetadataReport/MetadataReport.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport.vue
deleted file mode 100644
index b02c1bfd..00000000
--- a/src/pages/reports/release/ObservationPeriodReport.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-<template>
-  <div>
-    <v-container v-if="!store.getters.getErrors" fluid>
-      <v-responsive min-width="900">
-        <div class="text-uppercase text-h6">Observation Period Report</div>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-cumulativeobservation"
-            :config="chartConfigs.specCumulativeObservation"
-            :data="
-              store.getters.getData.observationPeriodData.CUMULATIVE_DURATION
-            "
-            title="Cumulative Observation"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .CUMULATIVE_DURATION[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.dataInStore"
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <v-card-title>Observation Periods per Person</v-card-title>
-          <v-data-table
-            v-if="store.getters.dataInStore"
-            class="mt-4"
-            density="compact"
-            :headers="headers"
-            :items="store.getters.getData.personPeriods"
-            :footer-props="{
-              'items-per-page-options': [5, 10, 25, 50],
-            }"
-            :items-per-page="5"
-            :sort-by="['PERCENT_PEOPLE']"
-            :sort-desc="[true, false]"
-          >
-            <template #item.PERCENT_PEOPLE="{ item }">
-              {{ item.raw.PERCENT_PEOPLE }}%
-            </template>
-            <template #item.COUNT_VALUE="{ item }">
-              {{ helpers.formatComma(item.raw.COUNT_VALUE) }}
-            </template>
-          </v-data-table>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .PERSON_PERIODS_DATA[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-observationbymonth"
-            width="90"
-            :config="chartConfigs.specObservationByMonth"
-            :data="
-              store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH
-            "
-            title="Observation over Time"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .OBSERVED_BY_MONTH[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-observationbyage"
-            :config="chartConfigs.specObservationByAge"
-            :data="
-              store.getters.getData.observationPeriodData
-                .OBSERVATION_PERIOD_LENGTH_BY_AGE
-            "
-            title="Years of Observation by Age"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-observationbysex"
-            :config="chartConfigs.specObservationBySex"
-            :data="
-              store.getters.getData.observationPeriodData
-                .OBSERVATION_PERIOD_LENGTH_BY_GENDER
-            "
-            title="Years of Observation by Sex"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatfirstobservation"
-            :config="chartConfigs.specAgeAtFirstObservation"
-            :data="
-              store.getters.getData.observationPeriodData
-                .AGE_AT_FIRST_OBSERVATION
-            "
-            title="Age at First Observation"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .AGE_AT_FIRST_OBSERVATION[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-agebysex"
-            :config="chartConfigs.specAgeBySex"
-            :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
-            title="Age at First Observation by Sex"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-      </v-responsive>
-    </v-container>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
-import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-import { VDataTable } from "vuetify/labs/VDataTable";
-
-import { useStore } from "vuex";
-
-const store = useStore();
-import { ref, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Number of Observation Periods",
-    sortable: true,
-    key: "CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "Number of People",
-    sortable: true,
-    key: "COUNT_VALUE",
-    align: "end",
-  },
-  {
-    title: "% of People",
-    sortable: true,
-    key: "PERCENT_PEOPLE",
-    align: "end",
-  },
-]);
-</script>
-
-<style scoped>
-.viz-container {
-  width: 90%;
-}
-</style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
new file mode 100644
index 00000000..8be26470
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <v-container v-if="!store.getters.getErrors" fluid>
+      <v-responsive min-width="900">
+        <div class="text-uppercase text-h6">Observation Period Report</div>
+        <CumulativeObservation />
+        <ObservationPeriodsPerPerson />
+        <ObservationOverTime />
+        <YearsOfObservationByAge />
+        <YearsOfObservationBySex />
+        <AgeAtFirstObservation />
+        <AgeAtFirstObservationBySex />
+      </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
+    </v-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import CumulativeObservation from "@/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue";
+import ObservationPeriodsPerPerson from "@/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue";
+import ObservationOverTime from "@/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue";
+import YearsOfObservationByAge from "@/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue";
+import YearsOfObservationBySex from "@/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue";
+import AgeAtFirstObservation from "@/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue";
+import AgeAtFirstObservationBySex from "@/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue";
+import { useStore } from "vuex";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+
+const store = useStore();
+</script>
+
+<style scoped>
+.viz-container {
+  width: 90%;
+}
+</style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
new file mode 100644
index 00000000..e799efd7
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -0,0 +1,57 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ageatfirstobservation"
+      :config="specAgeAtFirstObservation"
+      :annotations-config="specAgeAtFirstObservationAnnotation"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :data="
+        store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION
+      "
+      title="Age at First Observation"
+    />
+    <NotesPanel report="viz-ageatfirstobservation" />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD
+            .AGE_AT_FIRST_OBSERVATION[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
+import { specAgeAtFirstObservationAnnotation } from "./specAgeAtFirstObservationAnnotation";
+import { useStore } from "vuex";
+import { computed } from "vue";
+import * as listeners from "@/pages/model/lib/listeners";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-ageatfirstobservation"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
new file mode 100644
index 00000000..379555cd
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
@@ -0,0 +1,63 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeAtFirstObservation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 200,
+    width: "container",
+    data: { name: "conceptData" },
+
+    encoding: {
+      x: {
+        field: "INTERVAL_INDEX",
+        type: "quantitative",
+        title: "Age",
+      },
+      y: {
+        field: "PERCENT_VALUE",
+        type: "quantitative",
+        axis: { format: ",.2%" },
+        title: "% of Population",
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear" },
+      },
+      {
+        selection: {
+          x: {
+            type: "single",
+            on: "mousemove",
+            encodings: ["x"],
+            nearest: true,
+          },
+        },
+        mark: { type: "point", tooltip: true },
+      },
+      {
+        transform: [
+          {
+            filter: {
+              and: ["x.INTERVAL_INDEX", { selection: "x" }],
+            },
+          },
+        ],
+        layer: [
+          {
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
new file mode 100644
index 00000000..31b1bf33
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -0,0 +1,91 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 200,
+    width: "container",
+    data: { name: "conceptData" },
+
+    encoding: {
+      x: {
+        field: "INTERVAL_INDEX",
+        type: "quantitative",
+        title: "Age",
+      },
+      y: {
+        field: "PERCENT_VALUE",
+        type: "quantitative",
+        axis: { format: ",.2%" },
+        title: "% of Population",
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear" },
+      },
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
+        },
+        params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
+            },
+          },
+          {
+            name: "secondBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+          },
+          color: {
+            condition: {
+              param: "justBrush",
+              field: "CONCEPT_NAME",
+              type: "ordinal",
+              legend: null,
+            },
+            value: "grey",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
new file mode 100644
index 00000000..e54fce23
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-agebysex"
+      :config="specAgeBySex"
+      :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
+      title="Age at First Observation by Sex"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specAgeBySex } from "./specAgeBySex";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
new file mode 100644
index 00000000..5adc617c
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
@@ -0,0 +1,64 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeBySex(zeroBaseline = false, minMax = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 75,
+    width: "container",
+    data: { name: "conceptData" },
+
+    encoding: {
+      y: {
+        field: "CATEGORY",
+        type: "nominal",
+        title: null,
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "rule" },
+        encoding: {
+          x: {
+            field: minMax ? "MIN_VALUE" : "P10_VALUE",
+            type: "quantitative",
+            title: null,
+          },
+          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+        },
+      },
+      {
+        mark: { type: "bar", size: 14, tooltip: true },
+        encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
+          x: { field: "P25_VALUE", type: "quantitative" },
+          x2: { field: "P75_VALUE" },
+          color: { field: "CATEGORY", type: "nominal", legend: null },
+        },
+      },
+      {
+        mark: { type: "tick", color: "white", size: 14 },
+        encoding: {
+          x: { field: "MEDIAN_VALUE", type: "quantitative" },
+        },
+      },
+    ],
+    row: {
+      field: "CATEGORY",
+      type: "nominal",
+      title: "Measurement",
+    },
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue
new file mode 100644
index 00000000..53299ddf
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-cumulativeobservation"
+      :config="specCumulativeObservation"
+      :annotations-config="specCumulativeObservationAnnotation"
+      :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      title="Cumulative Observation"
+      annotations
+    />
+    <NotesPanel report="viz-cumulativeobservation" />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specCumulativeObservation } from "./specCumulativeObservation";
+import { specCumulativeObservationAnnotation } from "./specCumulativeObservationAnnotation";
+import { useStore } from "vuex";
+import { computed } from "vue";
+import * as listeners from "@/pages/model/lib/listeners";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-cumulativeobservation"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts
new file mode 100644
index 00000000..79546e1f
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts
@@ -0,0 +1,62 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specCumulativeObservation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 150,
+    width: "container",
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "YEARS",
+        type: "quantitative",
+        title: "Years of Observation",
+      },
+      y: {
+        field: "PERCENT_PEOPLE",
+        type: "quantitative",
+        title: "% of People",
+        axis: { format: ",.2%" },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear" },
+      },
+      {
+        selection: {
+          x: {
+            type: "single",
+            on: "mousemove",
+            encodings: ["x"],
+            nearest: true,
+          },
+        },
+        mark: { type: "point", tooltip: true },
+      },
+      {
+        transform: [
+          {
+            filter: {
+              and: ["x.YEARS", { selection: "x" }],
+            },
+          },
+        ],
+        layer: [
+          {
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
new file mode 100644
index 00000000..9e0f6976
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -0,0 +1,90 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specCumulativeObservationAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 150,
+    width: "container",
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "YEARS",
+        type: "quantitative",
+        title: "Years of Observation",
+      },
+      y: {
+        field: "PERCENT_PEOPLE",
+        type: "quantitative",
+        title: "% of People",
+        axis: { format: ",.2%" },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear" },
+      },
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
+        },
+        params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
+            },
+          },
+          {
+            name: "secondBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+          },
+          color: {
+            condition: {
+              param: "justBrush",
+              field: "CONCEPT_NAME",
+              type: "ordinal",
+              legend: null,
+            },
+            value: "grey",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue
new file mode 100644
index 00000000..eee934f3
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue
@@ -0,0 +1,56 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-observationbymonth"
+      width="90"
+      :annotations-config="specObservationByMonthAnnotation"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :config="specObservationByMonth"
+      :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
+      title="Observation over Time"
+    />
+    <NotesPanel report="viz-observationbymonth" />
+
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD.OBSERVED_BY_MONTH[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specObservationByMonth } from "./specObservationByMonth";
+import { specObservationByMonthAnnotation } from "./specObservationByMonthAnnotation";
+import { useStore } from "vuex";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-observationbymonth"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts
new file mode 100644
index 00000000..934e1413
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts
@@ -0,0 +1,114 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specObservationByMonth(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        data: { name: "conceptData" },
+
+        encoding: {
+          x: {
+            field: "DATE",
+            type: "temporal",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "PERCENT_VALUE",
+            type: "quantitative",
+            title: "% of People",
+            axis: { format: "%" },
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "DATE",
+              title: "Date",
+              timeUnit: "yearmonth",
+            },
+            {
+              field: "COUNT_VALUE",
+              title: "# of People",
+              format: ",",
+            },
+            {
+              field: "PERCENT_VALUE",
+              title: "% of People",
+              format: "0.2%",
+            },
+          ],
+        },
+        layer: [
+          {
+            mark: {
+              type: "line",
+              point: true,
+              strokeWidth: 1,
+            },
+            encoding: {
+              y: { field: "PERCENT_VALUE", type: "quantitative" },
+            },
+          },
+          {
+            params: [
+              {
+                name: "index",
+                select: {
+                  type: "point",
+                  fields: ["DATE"],
+                  on: "mousemove",
+                  nearest: true,
+                },
+              },
+            ],
+            mark: { type: "point" },
+            encoding: {
+              y: { field: "PERCENT_VALUE", type: "quantitative" },
+              opacity: { value: 0 },
+            },
+          },
+          {
+            transform: [
+              {
+                filter: {
+                  and: ["index.DATE", { param: "index" }],
+                },
+              },
+            ],
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
+      },
+      {
+        width: "container",
+        height: 50,
+        mark: "line",
+        data: { name: "conceptData" },
+
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: { field: "DATE", type: "temporal", title: "Date" },
+          y: {
+            field: "COUNT_VALUE",
+            type: "quantitative",
+            axis: null,
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
new file mode 100644
index 00000000..d0cbdf69
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -0,0 +1,138 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specObservationByMonthAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        data: { name: "conceptData" },
+
+        encoding: {
+          x: {
+            field: "DATE",
+            type: "quantitative",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "PERCENT_VALUE",
+            type: "quantitative",
+            title: "% of People",
+            axis: { format: "%" },
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "DATE",
+              title: "Date",
+              timeUnit: "yearmonth",
+            },
+            {
+              field: "COUNT_VALUE",
+              title: "# of People",
+              format: ",",
+            },
+            {
+              field: "PERCENT_VALUE",
+              title: "% of People",
+              format: "0.2%",
+            },
+          ],
+        },
+        layer: [
+          {
+            mark: {
+              type: "line",
+              point: true,
+              strokeWidth: 1,
+            },
+            encoding: {
+              y: { field: "PERCENT_VALUE", type: "quantitative" },
+            },
+          },
+          {
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
+            },
+            params: [
+              {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
+                },
+              },
+              {
+                name: "secondBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
+                },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
+                {
+                  field: "description",
+                  title: "Description",
+                },
+              ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              color: {
+                condition: {
+                  param: "justBrush",
+                  field: "CONCEPT_NAME",
+                  type: "ordinal",
+                  legend: null,
+                },
+                value: "grey",
+              },
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
+            },
+          },
+        ],
+      },
+      {
+        width: "container",
+        height: 50,
+        mark: "line",
+        data: { name: "conceptData" },
+
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: { field: "DATE", type: "temporal", title: "Date" },
+          y: {
+            field: "COUNT_VALUE",
+            type: "quantitative",
+            axis: null,
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
new file mode 100644
index 00000000..a1a15f23
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -0,0 +1,76 @@
+<template>
+  <v-card
+    v-if="store.getters.dataInStore"
+    :loading="!store.getters.getData"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-card-title>Observation Periods per Person</v-card-title>
+    <v-data-table
+      v-if="store.getters.dataInStore"
+      class="mt-4"
+      density="compact"
+      :headers="headers"
+      :items="store.getters.getData.personPeriods"
+      :footer-props="{
+        'items-per-page-options': [5, 10, 25, 50],
+      }"
+      :items-per-page="5"
+      :sort-by="['PERCENT_PEOPLE']"
+      :sort-desc="[true, false]"
+    >
+      <template #item.PERCENT_PEOPLE="{ item }">
+        {{ item.raw.PERCENT_PEOPLE }}%
+      </template>
+      <template #item.COUNT_VALUE="{ item }">
+        {{ helpers.formatComma(item.raw.COUNT_VALUE) }}
+      </template>
+    </v-data-table>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD.PERSON_PERIODS_DATA[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import InfoPanel from "@/widgets/infoPanel";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { links } from "@/shared/config/links";
+import { helpers } from "@/shared/lib/mixins";
+import { useStore } from "vuex";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Number of Observation Periods",
+    sortable: true,
+    key: "CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "Number of People",
+    sortable: true,
+    key: "COUNT_VALUE",
+    align: "end",
+  },
+  {
+    title: "% of People",
+    sortable: true,
+    key: "PERCENT_PEOPLE",
+    align: "end",
+  },
+]);
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
new file mode 100644
index 00000000..4a387179
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-observationbyage"
+      :config="specObservationByAge"
+      :data="
+        store.getters.getData.observationPeriodData
+          .OBSERVATION_PERIOD_LENGTH_BY_AGE
+      "
+      title="Years of Observation by Age"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD
+            .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specObservationByAge } from "./specObservationByAge";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts
new file mode 100644
index 00000000..ed140029
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts
@@ -0,0 +1,72 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specObservationByAge(zeroBaseline = false, minMax = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: { step: 20 },
+    width: "container",
+    data: { name: "conceptData" },
+
+    encoding: {
+      y: {
+        field: "CATEGORY",
+        type: "nominal",
+        title: null,
+        sort: { field: "categoryOrder" },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: {
+          type: "rule",
+        },
+        encoding: {
+          x: {
+            field: minMax ? "MIN_VALUE" : "P10_VALUE",
+            type: "quantitative",
+            scale: { zero: false },
+            title: "Years",
+            format: ".0d",
+          },
+          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+        },
+      },
+      {
+        mark: {
+          type: "bar",
+          size: 14,
+        },
+        encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
+          x: { field: "P25_VALUE", type: "quantitative" },
+          x2: { field: "P75_VALUE" },
+          color: { field: "CATEGORY", type: "nominal", legend: null },
+        },
+      },
+      {
+        mark: { type: "tick", color: "white", size: 14 },
+        encoding: {
+          x: { field: "MEDIAN_VALUE", type: "quantitative" },
+        },
+      },
+    ],
+    row: {
+      field: "CATEGORY",
+      type: "nominal",
+      title: "Measurement",
+    },
+  };
+}
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
new file mode 100644
index 00000000..399ec245
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-observationbysex"
+      :config="specObservationBySex"
+      :data="
+        store.getters.getData.observationPeriodData
+          .OBSERVATION_PERIOD_LENGTH_BY_GENDER
+      "
+      title="Years of Observation by Sex"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD
+            .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specObservationBySex } from "./specObservationBySex";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts
new file mode 100644
index 00000000..3cbc3b4b
--- /dev/null
+++ b/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts
@@ -0,0 +1,64 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specObservationBySex(zeroBaseline = false, minMax = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    height: 75,
+    width: "container",
+    data: { name: "conceptData" },
+    encoding: {
+      y: {
+        field: "CATEGORY",
+        type: "nominal",
+        title: null,
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "rule" },
+        encoding: {
+          x: {
+            field: minMax ? "MIN_VALUE" : "P10_VALUE",
+            type: "quantitative",
+            scale: { zero: false },
+            title: "Years",
+          },
+          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+        },
+      },
+      {
+        mark: { type: "bar", size: 14, tooltip: true },
+        encoding: {
+          tooltip: [
+            { field: "CATEGORY", title: "CATEGORY" },
+            { field: "MIN_VALUE", title: "MIN_VALUE" },
+            { field: "P10_VALUE", title: "P10_VALUE" },
+            { field: "P25_VALUE", title: "P25_VALUE" },
+            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+            { field: "P75_VALUE", title: "P75_VALUE" },
+            { field: "P90_VALUE", title: "P90_VALUE" },
+            { field: "MAX_VALUE", title: "MAX_VALUE" },
+          ],
+          x: { field: "P25_VALUE", type: "quantitative" },
+          x2: { field: "P75_VALUE" },
+          color: { field: "CATEGORY", type: "nominal", legend: null },
+        },
+      },
+      {
+        mark: { type: "tick", color: "white", size: 14 },
+        encoding: {
+          x: { field: "MEDIAN_VALUE", type: "quantitative" },
+        },
+      },
+    ],
+    row: {
+      field: "CATEGORY",
+      type: "nominal",
+      title: "Measurement",
+    },
+  };
+}
diff --git a/src/pages/reports/release/PerformanceTable.vue b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
similarity index 100%
rename from src/pages/reports/release/PerformanceTable.vue
rename to src/pages/reports/release/PerformanceReport/PerformanceTable.vue
diff --git a/src/pages/reports/release/PersonReport.vue b/src/pages/reports/release/PersonReport.vue
deleted file mode 100644
index ed948511..00000000
--- a/src/pages/reports/release/PersonReport.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<template>
-  <div>
-    <v-container
-      v-if="!store.getters.getErrors && store.getters.dataInStore"
-      fluid
-    >
-      <div class="text-uppercase text-h5 ma-4">Person Report</div>
-      <v-responsive min-width="900">
-        <v-row class="ma-4" justify="start">
-          <!-- Total persons in top bar -->
-          <v-col cols="2">
-            <v-icon left color="primary">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="helpers.formatComma(store.getters.getData.numPersons)"
-            ></v-badge>
-            <p class="text-caption">Number of People</p>
-          </v-col>
-          <!-- Gender breakdown in top bar -->
-          <v-col cols="4" align="center">
-            <v-icon left color="primary">mdi-human-male-female</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="
-                'Male: ' +
-                helpers.formatComma(store.getters.getData.genderMaleCount) +
-                ' (' +
-                helpers.formatPercent(store.getters.getData.genderMalePct) +
-                ')'
-              "
-            ></v-badge>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="
-                'Female: ' +
-                helpers.formatComma(store.getters.getData.genderFemaleCount) +
-                ' (' +
-                helpers.formatPercent(store.getters.getData.genderFemalePct) +
-                ')'
-              "
-            ></v-badge>
-            <p class="text-caption">Proportion by Sex</p>
-          </v-col>
-        </v-row>
-        <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-populationbyageandsex"
-            title="Population by Age &amp; Sex"
-            width="90"
-            :data="store.getters.getData.personData.AGE_GENDER_DATA"
-            :config="chartConfigs.specAgeSex"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="2"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-race"
-            :config="chartConfigs.specRace"
-            :data="store.getters.getData.personData.RACE_DATA"
-            title="Population by Race"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.PERSON.RACE_DATA
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="2"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-birthyear"
-            :config="chartConfigs.specBirthYear"
-            :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
-            title="Population by Year of Birth"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="2"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ethnicity"
-            :config="chartConfigs.specEthnicity"
-            :data="store.getters.getData.personData.ETHNICITY_DATA"
-            title="Population by Ethnicity"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.PERSON.ETHNICITY_DATA
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-      </v-responsive>
-    </v-container>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
-import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-
-import { useStore } from "vuex";
-
-const store = useStore();
-</script>
-
-<style scoped>
-.viz-container {
-  width: 90%;
-}
-.v-tooltip__content {
-  pointer-events: initial;
-}
-.query-link {
-  color: white;
-}
-</style>
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
new file mode 100755
index 00000000..eac396d6
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <v-container
+      v-if="!store.getters.getErrors && store.getters.dataInStore"
+      fluid
+    >
+      <div class="text-uppercase text-h5 ma-4">Person Report</div>
+      <v-responsive min-width="900">
+        <v-row class="ma-4" justify="start">
+          <!-- Total persons in top bar -->
+          <v-col cols="2">
+            <v-icon left color="primary">mdi-account-group</v-icon>
+            <v-badge
+              tile
+              inline
+              dark
+              color="primary"
+              :content="helpers.formatComma(store.getters.getData.numPersons)"
+            ></v-badge>
+            <p class="text-caption">Number of People</p>
+          </v-col>
+          <!-- Gender breakdown in top bar -->
+          <v-col cols="4" align="center">
+            <v-icon left color="primary">mdi-human-male-female</v-icon>
+            <v-badge
+              tile
+              inline
+              dark
+              color="primary"
+              :content="
+                'Male: ' +
+                helpers.formatComma(store.getters.getData.genderMaleCount) +
+                ' (' +
+                helpers.formatPercent(store.getters.getData.genderMalePct) +
+                ')'
+              "
+            ></v-badge>
+            <v-badge
+              tile
+              inline
+              dark
+              color="primary"
+              :content="
+                'Female: ' +
+                helpers.formatComma(store.getters.getData.genderFemaleCount) +
+                ' (' +
+                helpers.formatPercent(store.getters.getData.genderFemalePct) +
+                ')'
+              "
+            ></v-badge>
+            <p class="text-caption">Proportion by Sex</p>
+          </v-col>
+        </v-row>
+        <PopulationByAgeSex />
+        <PopulationByRace />
+        <PopulationByYearBirth />
+        <PopulationByEthnicity />
+      </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
+    </v-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { helpers } from "@/shared/lib/mixins";
+import { useStore } from "vuex";
+import PopulationByAgeSex from "@/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue";
+import PopulationByRace from "@/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue";
+import PopulationByYearBirth from "@/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue";
+import PopulationByEthnicity from "@/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+
+const store = useStore();
+
+/*const leftClickEventListener = function (result, route: RouteLocation) {
+  return result.view.addEventListener("click", (event, item) => {
+    if (item.mark.name === "layer_1_marks") {
+      store.commit(SET_SELECTED_RECTANGLE, item.datum);
+    }
+  });
+};
+
+const clickEventListener = function (result, route: RouteLocation) {
+  return result.view.addEventListener("contextmenu", (event, item) => {
+    event.preventDefault();
+    //Right click on brush
+    if (item.mark.name === "secondBrush_brush") {
+      const action = function (e, i) {
+        return (title, description) => {
+          store.dispatch(CREATE_SELECTION, {
+            reportName: e.srcElement.offsetParent.id,
+            date: new Date(),
+            item: i.datum,
+            title,
+            description,
+          });
+        };
+      };
+      store.dispatch(SHOW_DIALOG, {
+        show: true,
+        data: null,
+        action: action(event, item),
+      });
+    }
+    //Right click on existing rectangle
+    if (item.mark.name === "layer_1_marks") {
+      store.commit(SET_SELECTED_RECTANGLE, {
+        item: item.datum,
+        report: event.srcElement.offsetParent.id,
+      });
+      store.dispatch(OPEN_MENU, {
+        visibility: true,
+        location: {
+          x: event.clientX,
+          y: event.clientY,
+          element: event.srcElement.offsetParent.id,
+          event,
+        },
+        clickEventData: {
+          reportName: event.srcElement.offsetParent.id,
+          date: new Date(),
+          item: item.datum,
+          newSelection: true,
+        },
+      });
+    }
+  });
+};
+
+const annotationsMode = ref(false);
+
+const signalListener = function (result) {
+  return result.view.addSignalListener(
+    "secondBrush",
+    debounce((signalName, event) => {
+      store.commit(SET_CURRENT_SELECTION_AREA, { signalName, event });
+    }, 100)
+  );
+};*/
+</script>
+
+<style scoped>
+.viz-container {
+  width: 90%;
+}
+.v-tooltip__content {
+  pointer-events: initial;
+}
+.query-link {
+  color: white;
+}
+</style>
diff --git a/src/pages/reports/release/PersonReport/index.ts b/src/pages/reports/release/PersonReport/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue
new file mode 100644
index 00000000..d761ffdf
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -0,0 +1,37 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-populationbyageandsex"
+      title="Population by Age &amp; Sex"
+      width="90"
+      :data="store.getters.getData.personData.AGE_GENDER_DATA"
+      :config="specAgeSex"
+    />
+    <v-divider inset class="pa-1"></v-divider>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specAgeSex } from "./specAgeSex";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts b/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts
new file mode 100644
index 00000000..3f5c3e7a
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts
@@ -0,0 +1,65 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeSex(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 75,
+    data: { name: "conceptData" },
+    params: [
+      {
+        name: "paintbrush",
+        select: { type: "point", on: "mouseover", nearest: true },
+      },
+    ],
+    mark: "bar",
+    transform: [{ filter: "datum.AGE >= 0" }],
+    encoding: {
+      tooltip: [
+        { field: "CONCEPT_NAME", title: "Sex" },
+        { field: "AGE", title: "Age" },
+        { field: "COUNT_VALUE", title: "# of People", format: "," },
+      ],
+      color: {
+        condition: {
+          param: "paintbrush",
+          field: "CONCEPT_NAME",
+          type: "ordinal",
+          legend: null,
+        },
+        value: "grey",
+      },
+      /* color: {
+        field: "CONCEPT_NAME",
+        legend: null,
+      },*/
+      row: {
+        field: "CONCEPT_NAME",
+        title: null,
+        header: {
+          title: "Number of People",
+          labelOrient: "top",
+          labelAnchor: "start",
+          labelFontSize: 12,
+          labelPadding: 2,
+          labelFontWeight: "bold",
+        },
+      },
+      x: {
+        field: "AGE",
+        title: "Age at First Observation",
+        type: "quantitative",
+        scale: { domain: [0, 100] },
+      },
+      y: {
+        aggregate: "sum",
+        field: "COUNT_VALUE",
+        title: null,
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue
new file mode 100644
index 00000000..caab12fd
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -0,0 +1,33 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ethnicity"
+      :config="specEthnicity"
+      :data="store.getters.getData.personData.ETHNICITY_DATA"
+      title="Population by Ethnicity"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.ETHNICITY_DATA)
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specEthnicity } from "./specEthnicity";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts b/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts
new file mode 100644
index 00000000..74ac9a22
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts
@@ -0,0 +1,52 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specEthnicity(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 100,
+    mark: "bar",
+    data: { name: "conceptData" },
+    transform: [
+      {
+        joinaggregate: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_RECORDS",
+          },
+        ],
+        groupby: ["CHECK_NAME"],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_RECORDS",
+        as: "PERCENT",
+      },
+    ],
+    encoding: {
+      tooltip: [
+        { field: "CONCEPT_NAME", title: "Ethnicity" },
+        { field: "COUNT_VALUE", title: "Count" },
+        { field: "PERCENT", title: "Percent", format: ",.2%" },
+      ],
+      x: {
+        field: "PERCENT",
+        type: "quantitative",
+        aggregate: "sum",
+        title: "% of People",
+        axis: {
+          format: "0%",
+        },
+      },
+      color: {
+        field: "CONCEPT_NAME",
+        legend: {
+          orient: "right",
+          columns: 2,
+          title: "Ethnicity",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue
new file mode 100644
index 00000000..91896211
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue
@@ -0,0 +1,33 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-race"
+      :config="specRace"
+      :data="store.getters.getData.personData.RACE_DATA"
+      title="Population by Race"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.RACE_DATA)
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specRace } from "./specRace";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts b/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts
new file mode 100644
index 00000000..c6fe51ea
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts
@@ -0,0 +1,57 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRace(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 75,
+    mark: "bar",
+    data: { name: "conceptData" },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
+    encoding: {
+      tooltip: [
+        { field: "CONCEPT_NAME", title: "Race" },
+        { field: "PERCENT", title: "Percent", format: "0.2%" },
+        { field: "COUNT_VALUE", title: "Number of People", format: ",d" },
+      ],
+      x: {
+        field: "PERCENT",
+        type: "quantitative",
+        aggregate: "sum",
+        title: "% of People",
+        axis: {
+          format: "0%",
+        },
+      },
+      color: {
+        field: "CONCEPT_NAME",
+        type: "nominal",
+        legend: {
+          orient: "right",
+          title: "Race",
+        },
+      },
+      order: {
+        aggregate: "sum",
+        field: "COUNT_VALUE",
+        sort: "descending",
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue
new file mode 100644
index 00000000..bc9abe30
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-birthyearnote"
+      title="Population by Year of Birth"
+      :config="specBirthYear"
+      :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      :notes="notes"
+      annotations
+    >
+    </Chart>
+    <NotesPanel
+      :datum-id="store.getters.getSelectedRectangle"
+      report-name="viz-populationbyageandsex"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specBirthYear } from "./specBirthYear";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { ref } from "vue";
+import * as listeners from "@/pages/model/lib/listeners";
+
+import { computed } from "vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-birthyearnote"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts b/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts
new file mode 100755
index 00000000..2be0b403
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts
@@ -0,0 +1,112 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specBirthYear(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 100,
+    data: { name: "conceptData" },
+    layer: [
+      {
+        params: [
+          {
+            name: "paintbrush",
+            select: { type: "point", on: "mouseover", nearest: false },
+          },
+        ],
+        mark: { type: "bar" },
+        encoding: {
+          tooltip: [
+            { field: "COUNT_PERSON", title: "# of People", format: "," },
+            {
+              field: "YEAR",
+              title: "Year of Birth",
+              type: "quantitative",
+            },
+          ],
+          x: {
+            field: "YEAR",
+            type: "quantitative",
+            title: "Year of Birth",
+            axis: { format: "0000" },
+          },
+          y: {
+            field: "COUNT_PERSON",
+            aggregate: "sum",
+            title: "Number of People",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: {
+            condition: {
+              param: "paintbrush",
+              type: "nominal",
+              legend: null,
+            },
+            value: "grey",
+          },
+        },
+      },
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
+        },
+        params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
+            },
+          },
+          {
+            name: "secondBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+          },
+          color: {
+            condition: {
+              param: "justBrush",
+              field: "CONCEPT_NAME",
+              type: "ordinal",
+              legend: null,
+            },
+            value: "grey",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/PersonReport/ui/index.vue b/src/pages/reports/release/PersonReport/ui/index.vue
new file mode 100644
index 00000000..60929a0e
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/ui/index.vue
@@ -0,0 +1,9 @@
+<template></template>
+
+<script>
+export default {
+  name: "index",
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
similarity index 100%
rename from src/pages/reports/release/TemporalCharacterization.vue
rename to src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
diff --git a/src/pages/reports/release/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
similarity index 100%
rename from src/pages/reports/release/UnmappedSourceCodes.vue
rename to src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index 98b3fa64..cfddbdcd 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -10,17 +10,17 @@ import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandRe
 import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport.vue";
 import networkOverview from "@/pages/reports/network/NetworkOverview.vue";
 import networkConceptReport from "@/pages/reports/network/NetworkConceptReport.vue";
-import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport.vue";
-import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterization.vue";
-import metadataReport from "@/pages/reports/release/MetadataReport.vue";
-import deathReport from "@/pages/reports/release/DeathReport.vue";
-import dataQualityResults from "@/pages/reports/release/DataQualityResults.vue";
-import domainDensity from "@/pages/reports/release/DomainDensity.vue";
-import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodes.vue";
-import performanceReport from "@/pages/reports/release/PerformanceTable.vue";
-import personReport from "@/pages/reports/release/PersonReport.vue";
-import domainTable from "@/pages/reports/release/DomainTable.vue";
-import conceptReport from "@/pages/reports/release/ConceptReport.vue";
+import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue";
+import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue";
+import metadataReport from "@/pages/reports/release/MetadataReport/MetadataReport.vue";
+import deathReport from "@/pages/reports/release/DeathReport/DeathReport.vue";
+import dataQualityResults from "@/pages/reports/release/DataQualityResults/DataQualityResults.vue";
+import domainDensity from "@/pages/reports/release/DomainDensity/ui/DomainDensity.vue";
+import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue";
+import performanceReport from "@/pages/reports/release/PerformanceReport/PerformanceTable.vue";
+import personReport from "@/pages/reports/release/PersonReport/PersonReport.vue";
+import domainTable from "@/pages/reports/release/DomainTable/DomainTable.vue";
+import conceptReport from "@/pages/reports/release/ConceptReport/ConceptReport.vue";
 import dataQualityHistory from "@/pages/reports/source/DataQualityHistory.vue";
 import SourceOverview from "@/pages/reports/source/SourceOverview.vue";
 import domainContinuity from "@/pages/reports/source/DomainContinuity.vue";
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index dd5089b7..453920bc 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -28,6 +28,7 @@ import { useStore } from "vuex";
 
 import { watch, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
+import NewNote from "@/widgets/newNoteDialog/newNote.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
old mode 100644
new mode 100755
index 300b8bfe..2be0b403
--- a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
+++ b/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
@@ -6,44 +6,107 @@ export function specBirthYear(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 100,
-    params: [
+    data: { name: "conceptData" },
+    layer: [
       {
-        name: "paintbrush",
-        select: { type: "point", on: "mouseover", nearest: false },
-      },
-    ],
-    mark: { type: "bar" },
-    encoding: {
-      tooltip: [
-        { field: "COUNT_PERSON", title: "# of People", format: "," },
-        {
-          field: "YEAR",
-          title: "Year of Birth",
-          type: "quantitative",
+        params: [
+          {
+            name: "paintbrush",
+            select: { type: "point", on: "mouseover", nearest: false },
+          },
+        ],
+        mark: { type: "bar" },
+        encoding: {
+          tooltip: [
+            { field: "COUNT_PERSON", title: "# of People", format: "," },
+            {
+              field: "YEAR",
+              title: "Year of Birth",
+              type: "quantitative",
+            },
+          ],
+          x: {
+            field: "YEAR",
+            type: "quantitative",
+            title: "Year of Birth",
+            axis: { format: "0000" },
+          },
+          y: {
+            field: "COUNT_PERSON",
+            aggregate: "sum",
+            title: "Number of People",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: {
+            condition: {
+              param: "paintbrush",
+              type: "nominal",
+              legend: null,
+            },
+            value: "grey",
+          },
         },
-      ],
-      x: {
-        field: "YEAR",
-        type: "quantitative",
-        title: "Year of Birth",
-        axis: { format: "0000" },
       },
-      y: {
-        field: "COUNT_PERSON",
-        aggregate: "sum",
-        title: "Number of People",
-        scale: {
-          zero: zeroBaseline,
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
         },
-      },
-      color: {
-        condition: {
-          param: "paintbrush",
-          type: "nominal",
-          legend: null,
+        params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
+            },
+          },
+          {
+            name: "secondBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+          },
+          color: {
+            condition: {
+              param: "justBrush",
+              field: "CONCEPT_NAME",
+              type: "ordinal",
+              legend: null,
+            },
+            value: "grey",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
         },
-        value: "grey",
       },
-    },
+    ],
   };
 }
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
old mode 100644
new mode 100755
index 76331120..89f53d93
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,7 +1,16 @@
 <template>
   <div>
-    <v-card-title v-if="title">{{ title }}</v-card-title>
+    <div class="title">
+      <v-card-title v-if="title">{{ title }}</v-card-title>
+      <v-btn
+        v-if="annotations"
+        variant="plain"
+        @click="annotationMode = !annotationMode"
+        >{{ annotationMode ? "Annotations on" : "Annotations off" }}</v-btn
+      >
+    </div>
     <div :id="id" :style="style"></div>
+    <ContextMenu v-if="annotations" :items="actions" />
   </div>
 </template>
 
@@ -14,9 +23,16 @@ export default {
 <script setup lang="ts">
 import embed from "vega-embed";
 import { useStore } from "vuex";
-import { computed, watch, onBeforeMount, defineProps } from "vue";
+import { computed, watch, onBeforeMount, defineProps, ref } from "vue";
 import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
+import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
+import {
+  ADD_NEW_NOTE,
+  DELETE_SELECTION,
+  EDIT_SELECTION,
+  SHOW_DIALOG,
+} from "@/widgets/notesPanel/model/store/actions.type";
 
 //Find a way to type function props
 interface Props {
@@ -25,20 +41,87 @@ interface Props {
   id: string;
   width?: string;
   config: (a?: boolean, b?: boolean) => TopLevelSpec;
-  listener?: (a: any, b: RouteLocationNormalizedLoaded) => void;
+  annotationsConfig: (a?: boolean, b?: boolean) => TopLevelSpec;
+  clickListener?: (a: any, b: RouteLocationNormalizedLoaded, c: any) => void;
+  signalListener?: (a: any, b: any) => void;
+  notes?: [];
+  contextMenuListener?: (a: any, b: any) => void;
+  annotations?: boolean;
 }
+
+const actions = [
+  {
+    title: "Edit selection details",
+    action: () => {
+      const action = function (title, description) {
+        store.dispatch(EDIT_SELECTION, {
+          report: props.id,
+          data: { title, description },
+        });
+      };
+      store.dispatch(SHOW_DIALOG, {
+        show: true,
+        data: {
+          title: store.getters.getSelectedRectangle.item.title,
+          description: store.getters.getSelectedRectangle.item.description,
+        },
+        action,
+      });
+    },
+  },
+  {
+    title: "Remove selection",
+    action: () => {
+      store.dispatch(DELETE_SELECTION, { report: props.id });
+    },
+  },
+  {
+    title: "Add note",
+    action: () => {
+      const action = function (title, description) {
+        store.dispatch(ADD_NEW_NOTE, {
+          report: props.id,
+          data: { title, description },
+        });
+      };
+      store.dispatch(SHOW_DIALOG, {
+        show: true,
+        data: null,
+        action,
+      });
+    },
+  },
+];
+
 const store = useStore();
 const route = useRoute();
 const props = defineProps<Props>();
 
+const annotationMode = ref(false);
+
 const processedConfig = computed(function (): TopLevelSpec {
-  return {
-    ...props.config(
-      store.getters.getSettings.zeroBaseline,
-      store.getters.getSettings.minMax
-    ),
-    data: { values: props.data },
-  };
+  if (annotationMode.value) {
+    return {
+      ...props.annotationsConfig(
+        store.getters.getSettings.zeroBaseline,
+        store.getters.getSettings.minMax
+      ),
+      datasets: {
+        conceptData: props.data,
+        notesData: props.notes ? [...props.notes] : [],
+      },
+    };
+  } else {
+    return {
+      ...props.config(
+        store.getters.getSettings.zeroBaseline,
+        store.getters.getSettings.minMax
+      ),
+      datasets: {
+        conceptData: props.data,
+      },
+    };
+  }
 });
 
 const darkMode = computed(function (): boolean {
@@ -53,8 +136,14 @@ const load = function (): void {
   embed(`#${props.id}`, processedConfig.value, {
     theme: store.getters.getSettings.darkMode ? "dark" : undefined,
   }).then((result) => {
-    if (props.listener) {
-      props.listener(result, route);
+    if (props.clickListener) {
+      props.clickListener(result, route, store);
+    }
+    if (props.signalListener && annotationMode.value) {
+      props.signalListener(result, store);
+    }
+    if (props.contextMenuListener && annotationMode.value) {
+      props.contextMenuListener(result, store);
     }
   });
 };
@@ -72,4 +161,10 @@ onBeforeMount((): void => {
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.title {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/widgets/newNoteDialog/formDialog.vue b/src/widgets/newNoteDialog/formDialog.vue
new file mode 100755
index 00000000..bf106802
--- /dev/null
+++ b/src/widgets/newNoteDialog/formDialog.vue
@@ -0,0 +1,93 @@
+<template>
+  <div v-if="props.show" class="text-center">
+    <v-dialog v-model="sh" width="auto">
+      <v-card>
+        <v-card-title class="bg-blue px-5 text-center">{{
+          formTitle
+        }}</v-card-title>
+        <v-sheet width="300" class="mx-auto">
+          <v-form class="px-5 pt-4">
+            <v-text-field
+              :rules="[rules.required]"
+              variant="outlined"
+              v-model="title"
+              label="Title"
+            ></v-text-field>
+            <v-textarea
+              :rules="[rules.characterLimit]"
+              variant="outlined"
+              v-model="description"
+              label="Description"
+              placeholder="optional"
+              counter
+            ></v-textarea>
+          </v-form>
+        </v-sheet>
+        <v-card-actions class="justify-space-between">
+          <v-btn block @click="submit">Save</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+
+import { ref, defineProps, defineEmits, computed, watch } from "vue";
+interface Props {
+  action: (a, b) => void;
+  data?: {
+    title: string;
+    description: string;
+  };
+  formTitle?: string;
+  show: boolean;
+}
+
+const sh = computed({
+  get: function () {
+    return props.show;
+  },
+  set: function () {
+    emit("close");
+    title.value = "";
+    description.value = "";
+  },
+});
+
+const emit = defineEmits(["close"]);
+
+const props = defineProps<Props>();
+
+const store = useStore();
+
+const title = ref("");
+const description = ref("");
+
+const computedData = computed(() => {
+  return props.data;
+});
+
+const rules = {
+  required: (value) => !!value || "Required field",
+  characterLimit: (v) => v.length <= 125 || "Max 125 characters",
+};
+
+watch(computedData, () => {
+  if (!computedData.value) {
+    return;
+  }
+  title.value = props.data.title;
+  description.value = props.data.description;
+});
+
+function submit() {
+  props.action(title.value, description.value);
+  emit("close");
+  title.value = "";
+  description.value = "";
+}
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/notesPanel/index.ts b/src/widgets/notesPanel/index.ts
new file mode 100755
index 00000000..e69de29b
diff --git a/src/widgets/notesPanel/model/store/actions.type.ts b/src/widgets/notesPanel/model/store/actions.type.ts
new file mode 100755
index 00000000..b6f51a4b
--- /dev/null
+++ b/src/widgets/notesPanel/model/store/actions.type.ts
@@ -0,0 +1,15 @@
+export const IMPORT_NOTES_FROM_FILE = "importNotesFromFile";
+export const SHOW_DIALOG = "showDialog";
+export const ADD_NEW_NOTE = "addNewNote";
+export const LOAD_NOTES = "loadNotes";
+
+export const EDIT_METADATA_CARD = "editMetadataCard";
+export const SHOW_DATUM_NOTES = "showDatumNotes";
+
+export const DELETE_SELECTION = "deleteSelection";
+
+export const EDIT_SELECTION = "editSelection";
+
+export const DELETE_METADATA_CARD = "deleteMetadataCard";
+
+export const CREATE_SELECTION = "createSelection";
diff --git a/src/widgets/notesPanel/model/store/mutations.type.ts b/src/widgets/notesPanel/model/store/mutations.type.ts
new file mode 100755
index 00000000..729104d9
--- /dev/null
+++ b/src/widgets/notesPanel/model/store/mutations.type.ts
@@ -0,0 +1,8 @@
+export const SET_LOADED_NOTES = "setLoadedNotes";
+export const SET_NOTES = "setNewNotes";
+export const SET_DIALOG = "setShowDialog";
+export const SET_CURRENT_SELECTION_AREA = "setCurrentItem";
+export const SET_SELECTED_RECTANGLE = "setSelectedRectangle";
+export const SET_CLICK_EVENT_DATA = "setClickEventData";
+export const REMOVE_METADATA_CONTAINER = "removeMetadataContainer";
+export const REMOVE_METADATUM = "removeMetadatum";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
new file mode 100755
index 00000000..79ea0514
--- /dev/null
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -0,0 +1,321 @@
+import localStorageService from "@/shared/api/localStorageService";
+import {
+  ADD_NEW_NOTE,
+  CREATE_SELECTION,
+  DELETE_METADATA_CARD,
+  DELETE_SELECTION,
+  EDIT_METADATA_CARD,
+  EDIT_SELECTION,
+  IMPORT_NOTES_FROM_FILE,
+  LOAD_NOTES,
+  SHOW_DATUM_NOTES,
+  SHOW_DIALOG,
+} from "@/widgets/notesPanel/model/store/actions.type";
+
+import {
+  REMOVE_METADATUM,
+  SET_CURRENT_SELECTION_AREA,
+  SET_LOADED_NOTES,
+  SET_NOTES,
+  SET_SELECTED_RECTANGLE,
+  SET_DIALOG,
+  SET_CLICK_EVENT_DATA,
+} from "@/widgets/notesPanel/model/store/mutations.type";
+import { SET_SETTINGS } from "@/widgets/settings/model/store/mutations.type";
+
+const state = {
+  notes: {},
+  dialog: { show: false, data: {}, action: null },
+  clickEventData: {},
+  currentSelectionArea: "",
+  selectedRectangle: null,
+};
+
+const getters = {
+  getNotes: function (state) {
+    return state.notes;
+  },
+  getDialogData: function (state) {
+    return state.dialog;
+  },
+  getClickEventData: function (state) {
+    return state.clickEventData;
+  },
+  getCurrentSelectionArea: function (state) {
+    return state.currentSelectionArea;
+  },
+  getSelectedRectangle: function (state) {
+    return state.selectedRectangle;
+  },
+};
+
+const actions = {
+  [IMPORT_NOTES_FROM_FILE]({ commit }, params) {
+    commit(SET_LOADED_NOTES, params);
+  },
+  [LOAD_NOTES]({ commit }) {
+    if (localStorageService.get("notes")) {
+      commit(SET_NOTES, localStorageService.get("notes"));
+    }
+  },
+  [DELETE_METADATA_CARD]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource?.cdm_source_key;
+    const releaseName = getters.getSelectedRelease?.release_id;
+    const reportName = getters.getSelectedRectangle.report;
+    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
+      (value) => value.id !== getters.getSelectedRectangle.item.id
+    );
+
+    let selection = getters.getNotes[sourceName][releaseName][
+      reportName
+    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
+
+    selection = {
+      ...selection,
+      notes: [...selection.notes.filter((value) => value.id !== params.cardId)],
+    };
+
+    report.push(selection);
+
+    const release = {
+      ...getters.getNotes[sourceName][releaseName],
+      [reportName]: report,
+    };
+    const source = {
+      ...getters.getNotes[sourceName],
+      [getters.getSelectedRelease.release_id]: release,
+    };
+
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [EDIT_METADATA_CARD]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource?.cdm_source_key;
+    const releaseName = getters.getSelectedRelease?.release_id;
+    const reportName = getters.getSelectedRectangle.report;
+    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
+      (value) => value.id !== getters.getSelectedRectangle.item.id
+    );
+
+    let selection = getters.getNotes[sourceName][releaseName][
+      reportName
+    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
+
+    const datum = {
+      title: params.data.title,
+      description: params.data.description,
+      id: Date.now(),
+    };
+
+    selection = {
+      ...selection,
+      notes: [
+        ...selection.notes.map((value) =>
+          value.id === params.cardId ? datum : value
+        ),
+      ],
+    };
+
+    report.push(selection);
+
+    const release = {
+      ...getters.getNotes[sourceName][releaseName],
+      [reportName]: report,
+    };
+    const source = {
+      ...getters.getNotes[sourceName],
+      [getters.getSelectedRelease.release_id]: release,
+    };
+
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [ADD_NEW_NOTE]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource?.cdm_source_key;
+    const releaseName = getters.getSelectedRelease?.release_id;
+    const reportName = getters.getSelectedRectangle.report;
+    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
+      (value) => value.id !== getters.getSelectedRectangle.item.id
+    );
+    const datum = {
+      title: params.data.title,
+      description: params.data.description,
+      id: Date.now(),
+    };
+
+    let selection = getters.getNotes[sourceName][releaseName][
+      reportName
+    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
+
+    selection = {
+      ...selection,
+      notes: [...selection.notes, datum],
+    };
+
+    report.push(selection);
+
+    const release = {
+      ...getters.getNotes[sourceName][releaseName],
+      [reportName]: report,
+    };
+    const source = {
+      ...getters.getNotes[sourceName],
+      [getters.getSelectedRelease.release_id]: release,
+    };
+
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [SHOW_DIALOG]({ commit }, params) {
+    commit(SET_CLICK_EVENT_DATA, params.clickEventData);
+    commit(SET_DIALOG, {
+      show: params.show,
+      data: params.data,
+      action: params.action,
+    });
+  },
+  [SHOW_DATUM_NOTES]({ commit }, params) {
+    commit(SET_CURRENT_SELECTION_AREA, params);
+  },
+  [CREATE_SELECTION]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource.cdm_source_key;
+    const releaseName = getters.getSelectedRelease.release_id;
+    let source = getters.getSelectedSource
+      ? getters.getNotes[sourceName] || []
+      : null;
+    let release = getters.getSelectedRelease
+      ? getters.getNotes[sourceName][releaseName] || []
+      : null;
+    const chartName = params.reportName;
+    const report =
+      getters.getNotes[sourceName]?.[releaseName]?.[chartName] || [];
+    const coordinates = getters.getCurrentSelectionArea.event;
+    const selection = {
+      start: coordinates.start[0],
+      end: coordinates.start[1],
+      y: coordinates.y[0],
+      y1: coordinates.y[1],
+      title: params.title,
+      description: params.description,
+      notes: [],
+      id: Date.now(),
+    };
+    console.log(release);
+
+    report.push(selection);
+    release = { ...release, [chartName]: report };
+    source = { ...source, [releaseName]: release };
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [DELETE_SELECTION]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource?.cdm_source_key;
+    const releaseName = getters.getSelectedRelease?.release_id;
+    const reportName = getters.getSelectedRectangle.report;
+    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
+      (value) => value.id !== getters.getSelectedRectangle.item.id
+    );
+
+    const release = {
+      ...getters.getNotes[sourceName][releaseName],
+      [reportName]: report,
+    };
+    const source = {
+      ...getters.getNotes[sourceName],
+      [getters.getSelectedRelease.release_id]: release,
+    };
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [EDIT_SELECTION]({ commit, getters }, params) {
+    const sourceName = getters.getSelectedSource?.cdm_source_key;
+    const releaseName = getters.getSelectedRelease?.release_id;
+    const reportName = getters.getSelectedRectangle.report;
+    let selection = getters.getNotes[sourceName][releaseName][
+      reportName
+    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
+
+    selection = {
+      ...selection,
+      title: params.data.title,
+      description: params.data.description,
+    };
+
+    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
+      (value) => value.id !== getters.getSelectedRectangle.item.id
+    );
+
+    report.push(selection);
+
+    const release = {
+      ...getters.getNotes[sourceName][releaseName],
+      [reportName]: report,
+    };
+    const source = {
+      ...getters.getNotes[sourceName],
+      [getters.getSelectedRelease.release_id]: release,
+    };
+
+    const data = {
+      ...getters.getNotes,
+      [sourceName]: source,
+    };
+    commit(SET_NOTES, data);
+    localStorageService.set("notes", getters.getNotes);
+  },
+};
+
+const mutations = {
+  [SET_NOTES](state, payload) {
+    state.notes = payload;
+  },
+  [SET_DIALOG](state, payload) {
+    state.dialog = payload;
+  },
+  [SET_CLICK_EVENT_DATA](state, payload) {
+    state.clickEventData = payload;
+  },
+  [SET_CURRENT_SELECTION_AREA](state, payload) {
+    state.currentSelectionArea = payload;
+  },
+  [SET_SELECTED_RECTANGLE](state, payload) {
+    state.selectedRectangle = payload;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};
+
+/*
+ * TODO: Load notes from external file and save to local storage (the file or the parsed data?)
+ * TODO: Load notes from local storage if present
+ * TODO: Merge new notes and loaded notes on save (do we really need to separate the old and the new?)
+ * TODO: Where do we read the file (store or the UI component). I'm thinking of store for now.
+ * TODO:
+ *
+ *  */
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
new file mode 100755
index 00000000..07331061
--- /dev/null
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <v-slide-group v-model="model" class="pa-4" show-arrows>
+      <v-slide-group-item v-for="note in notes" :key="note.title">
+        <MetadataCard
+          :title="note.title"
+          :description="note.description"
+          :id="note.id"
+          :key="note.title"
+        >
+        </MetadataCard>
+      </v-slide-group-item>
+    </v-slide-group>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, ref } from "vue";
+import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const route = useRoute();
+
+interface Props {
+  report: string;
+}
+
+const props = defineProps<Props>();
+
+import { computed } from "vue";
+
+const store = useStore();
+
+const model = ref(null);
+
+const notes = computed(() => {
+  const sourceName = route.params.cdm;
+  const releaseName = route.params.release;
+  const selectionId = store.getters.getSelectedRectangle?.item.id;
+  const data =
+    store.getters.getNotes[sourceName]?.[releaseName]?.[props.report] || [];
+  return data.filter((value) => value.id === selectionId)?.[0]?.notes;
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
old mode 100644
new mode 100755
index 3702b73c..31559f93
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -27,6 +27,13 @@
           <ToggleTheme></ToggleTheme>
           <ToggleDarkMode />
         </v-list>
+        <v-divider></v-divider>
+        <v-list>
+          <v-list-subheader>Other</v-list-subheader>
+          <!--Features-->
+          <NotesLoader></NotesLoader>
+          <ExportNotesFileButton></ExportNotesFileButton>
+        </v-list>
       </v-card>
     </v-navigation-drawer>
   </v-row>
@@ -47,6 +54,8 @@ import ToggleTheme from "@/features/toggleTheme";
 
 import { computed } from "vue";
 import { useStore } from "vuex";
+import NotesLoader from "@/features/NotesLoader/NotesLoader.vue";
+import ExportNotesFileButton from "@/features/exportNotesFile/ExportNotesFileButton.vue";
 
 const store = useStore();
 

From b886eaa6eb8698ae1e2d836bc47566e5917c7dfa Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 8 May 2023 20:24:45 +0500
Subject: [PATCH 034/202] feat: added metadata cards functionality

---
 package.json                                  |  15 +-
 .../chartMetadataCard/metadataCard.vue        |   8 +-
 src/features/NotesLoader/NotesLoader.vue      |  28 -
 src/features/exportNotes/ExportNotes.vue      |  38 +
 .../exportNotesFile/ExportNotesFileButton.vue |  32 -
 src/main.ts                                   |   4 +-
 src/pages/model/lib/listeners.ts              |  96 +-
 .../reports/network/NetworkConceptReport.vue  | 211 -----
 .../NetworkConceptReport.vue                  |  57 ++
 .../MeasurementValueDistributionChart.vue     |  84 ++
 .../specMeasurementValueDistribution.ts       |   1 +
 .../MeasurementValueDistributionTable.vue     |  89 ++
 .../network/NetworkDataQualitySummary.vue     |  45 -
 .../NetworkDataQualitySummary.vue             |  29 +
 .../NetworkDataQualityIssuesByCategory.vue    |  22 +
 .../specIssueStratificationByCategory.ts      |   1 +
 .../NetworkDataQualityIssuesByCdmTable.vue    |  21 +
 .../specIssueStratificationByTable.ts         |   1 +
 .../NetworkDatastrandReport.vue               |   6 +-
 .../specDatastrand.ts                         |   0
 src/pages/reports/network/NetworkOverview.vue | 212 -----
 .../NetworkOverview/NetworkOverview.vue       |  44 +
 .../components/DataNetworkOverview.vue        |  89 ++
 .../components/DataSourcesList.vue            | 100 ++
 .../NetworkPerformance.vue                    |   0
 .../network/NetworkPopulationReport.vue       |  74 --
 .../NetworkPopulationReport.vue               |  33 +
 .../AgeAtFirstObservation.vue                 |  41 +
 .../specAgeAtFirstObservation.ts              |   1 +
 .../CumulativeObservation.vue                 |  39 +
 .../specCumulativeObservation.ts              |   0
 .../NetworkUnmappedSourceCodes.vue            |   0
 .../release/ConceptReport/ConceptReport.vue   | 644 +------------
 .../AgeAtFirstDiagnosis.vue                   |  50 +
 .../specAgeAtFirstDiagnosis.ts                |   1 +
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |  51 ++
 .../specAgeAtFirstExposure.ts                 |   1 +
 .../AgeAtFirstOccurrence.vue                  |  45 +
 .../specAgeAtFirstOccurrence.ts               |   1 +
 .../ConditionsByType/ConditionsByType.vue     |  50 +
 .../ConditionsByType}/specConditionsByType.ts |   1 +
 .../charts/DaysSupply/DaysSupply.vue          |  47 +
 .../charts/DaysSupply}/specDaysSupply.ts      |   2 +
 .../charts/DrugsByType/DrugsByType.vue        |  49 +
 .../charts/DrugsByType}/specDrugsByType.ts    |   1 +
 .../charts/LengthOfEra/LengthOfEra.vue        |  42 +
 .../charts/LengthOfEra}/specLengthOfEra.ts    |   1 +
 .../MeasurementTable/MeasurementTable.vue     |  82 ++
 .../MeasurementValueDistribution.vue          | 108 +++
 .../specMeasurementValueDistribution.ts}      |  10 +-
 .../MeasurementsByType/MeasurementsByType.vue |  50 +
 .../specMeasurementsByType.ts                 |   2 +
 .../QuantityDistribution.vue                  |  46 +
 .../QuantityDistribution}/specQuantity.ts     |   1 +
 .../RecordCountProportionByAgeSexYear.vue     |  47 +
 .../specRecordProportionByAgeSexYear.ts       |   1 +
 .../charts/RecordsByUnit/RecordsByUnit.vue    |  43 +
 .../RecordsByUnit}/specRecordsByUnit.ts       |   1 +
 .../RecordCountProportionByMonth.vue          |  94 ++
 .../specRecordProportionByMonth.ts}           |  76 +-
 .../specRecordProportionByMonthAnnotation.ts  | 132 +++
 .../VisitDurationByType.vue                   |  43 +
 .../specVisitDurationByType.ts                |   1 +
 .../DataQualityResults/DataQualityResults.vue | 856 +-----------------
 .../components/MetadataTable.vue              |  65 ++
 .../components/OverviewTable.vue              | 207 +++++
 .../components/PivotDataTable.vue             |  77 ++
 .../components/ResultsTable.vue               | 450 +++++++++
 .../release/DeathReport/DeathReport.vue       | 132 +--
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  42 +
 .../charts/AgeAtDeath}/specAgeAtDeath.ts      |   1 +
 .../charts/DeathByType/DeathByType.vue        |  42 +
 .../charts/DeathByType}/specDeathByType.ts    |   2 +
 .../RecordCountProportionByAgeSexYear.vue     |  43 +
 .../specRecordProportionByAgeSexYear.ts       | 122 +++
 .../RecordCountProportionByMonth.vue          |  65 ++
 .../specRecordProportionByMonth.ts            |   1 +
 .../specRecordProportionByMonthAnnotation.ts  | 139 +++
 .../DomainDensity/{ui => }/DomainDensity.vue  |   4 +-
 .../charts/DomainDensity/DomainDensity.vue    |   5 +
 .../charts/DomainDensity}/defOverview.ts      |   1 +
 .../DomainDensity/defOverviewAnnotation.ts}   |  71 +-
 .../DomainRecordsPerPerson.vue                |  11 +
 .../defRecordsPerPerson.ts                    |   0
 .../defRecordsPerPersonAnnotation.ts}         |  92 +-
 .../release/DomainTable/DomainTable.vue       | 425 +--------
 .../DataStratificationByDrug.vue              |  47 +
 .../specDrugTypeStratification.ts             |   2 +-
 .../DataStratificationByVisit.vue             |  42 +
 .../specVisitStratification.ts                |   1 +
 .../DomainTable/components/MainTable.vue      | 360 ++++++++
 .../release/MetadataReport/MetadataReport.vue | 108 +--
 .../MetadataReport/tables/Metadata.vue        |  84 ++
 .../MetadataReport/tables/SourceDetails.vue   |  41 +
 .../ObservationPeriodReport.vue               |  14 +-
 .../AgeAtFirstObservation.vue                 |   0
 .../specAgeAtFirstObservation.ts              |   0
 .../specAgeAtFirstObservationAnnotation.ts    |   2 +-
 .../AgeAtFirstObservationBySex.vue            |   0
 .../specAgeBySex.ts                           |   0
 .../CumulativeObservation.vue                 |   0
 .../specCumulativeObservation.ts              |   1 +
 .../specCumulativeObservationAnnotation.ts    |   2 +-
 .../ObservationOverTime.vue                   |   0
 .../specObservationByMonth.ts                 |   0
 .../specObservationByMonthAnnotation.ts       |   3 +-
 .../ObservationPeriodsPerPerson.vue           |   0
 .../YearsOfObservationByAge.vue               |   0
 .../specObservationByAge.ts                   |   0
 .../YearsOfObservationBySex.vue               |   0
 .../specObservationBySex.ts                   |   0
 .../PerformanceReport/PerformanceTable.vue    | 123 +--
 .../components/PerformanceInformation.vue     | 131 +++
 .../release/PersonReport/PersonReport.vue     |  74 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue |   0
 .../charts/PopulationByAgeSex/specAgeSex.ts   |   0
 .../specAgeSexAnnotation.ts}                  |   5 +-
 .../PopulationByEthnicity.vue                 |   0
 .../PopulationByEthnicity/specEthnicity.ts    |   0
 .../PopulationByRace/PopulationByRace.vue     |   0
 .../charts/PopulationByRace/specRace.ts       |   0
 .../PopulationByYearBirth.vue                 |   8 +-
 .../PopulationByYearBirth/specBirthYear.ts    |  54 ++
 .../specBirthYearAnnotation.ts}               |   4 +-
 .../reports/release/PersonReport/index.ts     |   0
 .../reports/release/PersonReport/ui/index.vue |   9 -
 .../reports/source/DataQualityHistory.vue     | 140 ---
 .../DataQualityHistory/DataQualityHistory.vue |  29 +
 .../HistoricalDataQuality.vue                 | 121 +++
 .../specDataQualityResults.ts                 |   1 +
 .../specDataQualityResultsAnnotation.ts       |  76 ++
 .../HistoricalDataQualityByCategory.vue       |  26 +
 .../specDataQualityResultsByCategory.ts       |   1 +
 .../HistoricalDataQualityByDomain.vue         |  27 +
 .../specDataQualityResultsByDomain.ts         |   1 +
 src/pages/reports/source/DomainContinuity.vue |  78 --
 .../DomainContinuity/DomainContinuity.vue     |  15 +
 .../charts/domainRecords/DomainRecords.vue    |  72 ++
 .../charts/domainRecords}/specOverview.ts     |   1 +
 .../SourceConceptReport.vue                   |  44 +-
 .../RecordProportionByMonth.vue               |  56 ++
 .../specRecordProportionByMonth.ts}           | 109 ++-
 .../specRecordProportionByMonthAnnotation.ts  | 122 +++
 src/pages/reports/source/SourceOverview.vue   | 206 -----
 .../source/SourceOverview/SourceOverview.vue  |  47 +
 .../DataQualityIssuesHistory.vue              |  48 +
 .../specIssuesByRelease.ts                    |   1 +
 .../specIssuesByReleaseAnnotation.ts}         |  76 +-
 .../overviewDisplay/OverviewDisplay.vue       |  65 ++
 .../populationHistory/PopulationHistory.vue   |  55 ++
 .../specPopulationByRelease.ts                |   1 +
 .../specPopulationByReleaseAnnotation.ts      |  95 ++
 .../charts/releaseListing/ReleaseListing.vue  |  87 ++
 src/processes/exploreReports/config/routes.ts |  80 +-
 .../exploreReports/ui/ReportsView.vue         |   6 +-
 src/shared/api/getFilePath.ts                 |   1 +
 src/shared/config/files.ts                    |   2 +
 .../specAgeAtFirstObservationBySource.ts      |  90 --
 .../chartSpecifications/specAgeBySex.ts       |  62 --
 .../specCumulativeObservationBySource.ts      |  91 --
 .../chartSpecifications/specEthnicity.ts      |  51 --
 .../specMeasurementValueDistribution1.ts      |  70 --
 .../specObservationByAge.ts                   |  70 --
 .../config/chartSpecifications/specRace.ts    |  56 --
 src/widgets/chart/config/index.ts             |  89 --
 src/widgets/chart/index.ts                    |   3 +-
 src/widgets/chart/ui/Chart.vue                |   2 +-
 src/widgets/notesPanel/model/lib/helpers.ts   |  60 ++
 .../notesPanel/model/store/actions.type.ts    |   6 +-
 .../notesPanel/model/store/notes.module.ts    | 420 ++++-----
 src/widgets/notesPanel/ui/NotesPanel.vue      |  13 +-
 src/widgets/settings/ui/Settings.vue          |   8 +-
 172 files changed, 5377 insertions(+), 4515 deletions(-)
 delete mode 100755 src/features/NotesLoader/NotesLoader.vue
 create mode 100755 src/features/exportNotes/ExportNotes.vue
 delete mode 100755 src/features/exportNotesFile/ExportNotesFileButton.vue
 delete mode 100644 src/pages/reports/network/NetworkConceptReport.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart}/specMeasurementValueDistribution.ts (98%)
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
 delete mode 100644 src/pages/reports/network/NetworkDataQualitySummary.vue
 create mode 100644 src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
 create mode 100644 src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory}/specIssueStratificationByCategory.ts (98%)
 create mode 100644 src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable}/specIssueStratificationByTable.ts (97%)
 rename src/pages/reports/network/{ => NetworkDatastrandReport}/NetworkDatastrandReport.vue (94%)
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/network/NetworkDatastrandReport}/specDatastrand.ts (100%)
 delete mode 100644 src/pages/reports/network/NetworkOverview.vue
 create mode 100644 src/pages/reports/network/NetworkOverview/NetworkOverview.vue
 create mode 100644 src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
 create mode 100644 src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
 rename src/pages/reports/network/{ => NetworkPerformance}/NetworkPerformance.vue (100%)
 delete mode 100644 src/pages/reports/network/NetworkPopulationReport.vue
 create mode 100644 src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
 create mode 100644 src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation}/specAgeAtFirstObservation.ts (97%)
 create mode 100644 src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
 rename src/pages/reports/{release/ObservationPeriodReport/ui/charts/CumulativeObservation => network/NetworkPopulationReport/charts/cumulativeObservation}/specCumulativeObservation.ts (100%)
 rename src/pages/reports/network/{ => NetworkUnmappedSourceCodes}/NetworkUnmappedSourceCodes.vue (100%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis}/specAgeAtFirstDiagnosis.ts (98%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/AgeAtFirstExposure}/specAgeAtFirstExposure.ts (98%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence}/specAgeAtFirstOccurrence.ts (98%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/ConditionsByType}/specConditionsByType.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/DaysSupply}/specDaysSupply.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/DrugsByType}/specDrugsByType.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/LengthOfEra}/specLengthOfEra.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
 create mode 100644 src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
 rename src/{widgets/chart/config/chartSpecifications/specObservationBySex.ts => pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/specMeasurementValueDistribution.ts} (90%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/MeasurementsByType}/specMeasurementsByType.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/QuantityDistribution}/specQuantity.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear}/specRecordProportionByAgeSexYear.ts (98%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/RecordsByUnit}/specRecordsByUnit.ts (97%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
 rename src/{widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts => pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonth.ts} (52%)
 create mode 100644 src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
 create mode 100644 src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ConceptReport/charts/VisitDurationByType}/specVisitDurationByType.ts (98%)
 create mode 100644 src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
 create mode 100644 src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
 create mode 100644 src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
 create mode 100644 src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
 create mode 100644 src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DeathReport/charts/AgeAtDeath}/specAgeAtDeath.ts (97%)
 create mode 100644 src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DeathReport/charts/DeathByType}/specDeathByType.ts (97%)
 create mode 100644 src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
 create mode 100644 src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
 create mode 100644 src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DeathReport/charts/RecordCountProportionByMonth}/specRecordProportionByMonth.ts (98%)
 create mode 100644 src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
 rename src/pages/reports/release/DomainDensity/{ui => }/DomainDensity.vue (72%)
 rename src/pages/reports/release/DomainDensity/{ui => }/charts/DomainDensity/DomainDensity.vue (88%)
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DomainDensity/charts/DomainDensity}/defOverview.ts (99%)
 rename src/pages/reports/release/DomainDensity/{ui/charts/DomainDensity/defOverview.ts => charts/DomainDensity/defOverviewAnnotation.ts} (69%)
 rename src/pages/reports/release/DomainDensity/{ui => }/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue (72%)
 rename src/pages/reports/release/DomainDensity/{ui => }/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts (100%)
 rename src/{widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts => pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts} (69%)
 create mode 100644 src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DomainTable/components/DataStratificationByDrug}/specDrugTypeStratification.ts (94%)
 create mode 100644 src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/DomainTable/components/DataStratificationByVisit}/specVisitStratification.ts (95%)
 create mode 100644 src/pages/reports/release/DomainTable/components/MainTable.vue
 create mode 100644 src/pages/reports/release/MetadataReport/tables/Metadata.vue
 create mode 100644 src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts (98%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/AgeAtFirstObservationBySex/specAgeBySex.ts (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/CumulativeObservation/CumulativeObservation.vue (100%)
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation}/specCumulativeObservation.ts (97%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts (98%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/ObservationOverTime/ObservationOverTime.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/ObservationOverTime/specObservationByMonth.ts (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/ObservationOverTime/specObservationByMonthAnnotation.ts (97%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/YearsOfObservationByAge/specObservationByAge.ts (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue (100%)
 rename src/pages/reports/release/ObservationPeriodReport/{ui => }/charts/YearsOfObservationBySex/specObservationBySex.ts (100%)
 create mode 100644 src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByAgeSex/PopulationByAgeSex.vue (100%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByAgeSex/specAgeSex.ts (100%)
 rename src/{widgets/chart/config/chartSpecifications/specAgeSex.ts => pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts} (96%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByEthnicity/PopulationByEthnicity.vue (100%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByEthnicity/specEthnicity.ts (100%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByRace/PopulationByRace.vue (100%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByRace/specRace.ts (100%)
 rename src/pages/reports/release/PersonReport/{ui => }/charts/PopulationByYearBirth/PopulationByYearBirth.vue (91%)
 create mode 100755 src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYear.ts
 rename src/{widgets/chart/config/chartSpecifications/specBirthYear.ts => pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts} (96%)
 delete mode 100644 src/pages/reports/release/PersonReport/index.ts
 delete mode 100644 src/pages/reports/release/PersonReport/ui/index.vue
 delete mode 100644 src/pages/reports/source/DataQualityHistory.vue
 create mode 100644 src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality}/specDataQualityResults.ts (97%)
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory}/specDataQualityResultsByCategory.ts (98%)
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain}/specDataQualityResultsByDomain.ts (98%)
 delete mode 100644 src/pages/reports/source/DomainContinuity.vue
 create mode 100644 src/pages/reports/source/DomainContinuity/DomainContinuity.vue
 create mode 100644 src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/DomainContinuity/charts/domainRecords}/specOverview.ts (98%)
 rename src/pages/reports/source/{ => SourceConceptReport}/SourceConceptReport.vue (58%)
 create mode 100644 src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
 rename src/{widgets/chart/config/chartSpecifications/specObservationByMonth.ts => pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonth.ts} (58%)
 create mode 100644 src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
 delete mode 100644 src/pages/reports/source/SourceOverview.vue
 create mode 100644 src/pages/reports/source/SourceOverview/SourceOverview.vue
 create mode 100644 src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory}/specIssuesByRelease.ts (97%)
 rename src/pages/reports/{release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts => source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts} (56%)
 mode change 100755 => 100644
 create mode 100644 src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
 create mode 100644 src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
 rename src/{widgets/chart/config/chartSpecifications => pages/reports/source/SourceOverview/charts/populationHistory}/specPopulationByRelease.ts (97%)
 create mode 100644 src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
 create mode 100644 src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specEthnicity.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
 delete mode 100644 src/widgets/chart/config/chartSpecifications/specRace.ts
 delete mode 100644 src/widgets/chart/config/index.ts
 create mode 100644 src/widgets/notesPanel/model/lib/helpers.ts

diff --git a/package.json b/package.json
index fd609fb2..5ddd846d 100644
--- a/package.json
+++ b/package.json
@@ -12,11 +12,14 @@
     "lint:fix": "eslint src --fix"
   },
   "dependencies": {
+    "@mdi/font": "^7.0.96",
     "axios": "^1.2.3",
     "codemirror-editor-vue3": "^2.1.7",
     "d3-dsv": "^3.0.1",
     "d3-format": "^3.0.1",
     "d3-time-format": "^4.0.0",
+    "file-saver": "^2.0.5",
+    "jszip": "^3.10.1",
     "lodash": "^4.17.21",
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.6.0",
@@ -28,18 +31,17 @@
     "vuedraggable": "^4.1.0",
     "vuetify": "^3.1.3",
     "vuex": "^4.1.0",
-    "@mdi/font": "^7.0.96",
     "yorkie": "^2.0.0"
   },
   "devDependencies": {
-    "vite-plugin-vuetify": "^1.0.1",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@types/d3-format": "^3.0.1",
     "@types/d3-time-format": "^4.0.0",
+    "@types/file-saver": "^2.0.5",
     "@types/lodash": "^4.14.191",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vue/eslint-config-typescript": "^9.1.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.3.0",
@@ -49,8 +51,9 @@
     "prettier": "^2.8.3",
     "sass": "^1.58.0",
     "typescript": "~4.9.5",
-    "yorkie": "^2.0.0",
-    "vite": "4.0.4"
+    "vite": "4.0.4",
+    "vite-plugin-vuetify": "^1.0.1",
+    "yorkie": "^2.0.0"
   },
   "browserslist": [
     "> 1%",
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index f37d814e..20ac4e89 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -21,8 +21,8 @@
 <script setup lang="ts">
 import { defineProps } from "vue";
 import {
-  DELETE_METADATA_CARD,
-  EDIT_METADATA_CARD,
+  DELETE_NOTE,
+  EDIT_NOTE,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
 import { useStore } from "vuex";
@@ -36,12 +36,12 @@ interface Props {
 }
 
 const deleteCard = function () {
-  store.dispatch(DELETE_METADATA_CARD, { cardId: props.id });
+  store.dispatch(DELETE_NOTE, { cardId: props.id });
 };
 
 const editCard = function () {
   const action = function (title, description) {
-    store.dispatch(EDIT_METADATA_CARD, {
+    store.dispatch(EDIT_NOTE, {
       cardId: props.id,
       data: { title, description },
     });
diff --git a/src/features/NotesLoader/NotesLoader.vue b/src/features/NotesLoader/NotesLoader.vue
deleted file mode 100755
index bfb63e59..00000000
--- a/src/features/NotesLoader/NotesLoader.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <v-file-input density="compact" variant="outlined" v-model="file">
-  </v-file-input>
-</template>
-
-<script setup lang="ts">
-import { useStore } from "vuex";
-import { ref, watch } from "vue";
-import { IMPORT_NOTES_FROM_FILE } from "@/widgets/notesPanel/model/store/actions.type";
-
-const store = useStore();
-
-const reader = new FileReader();
-reader.addEventListener("load", (e) => {
-  const data = e.target.result;
-  store.dispatch(IMPORT_NOTES_FROM_FILE, JSON.parse(data));
-});
-
-const file = ref(null);
-
-watch(file, () => {
-  if (file.value[0]) {
-    reader.readAsText(file.value[0]);
-  }
-});
-</script>
-
-<style scoped></style>
diff --git a/src/features/exportNotes/ExportNotes.vue b/src/features/exportNotes/ExportNotes.vue
new file mode 100755
index 00000000..821c9b6b
--- /dev/null
+++ b/src/features/exportNotes/ExportNotes.vue
@@ -0,0 +1,38 @@
+<template>
+  <v-btn variant="flat" block @click="exportFiles"> Export Notes </v-btn>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import JSZip from "jszip";
+import { saveAs } from "file-saver";
+
+const store = useStore();
+
+function exportFiles() {
+  const zip = new JSZip();
+  for (const source in store.getters.getNotes) {
+    const sourceContainer = new Blob(
+      [JSON.stringify(store.getters.getNotes[source])],
+      {
+        type: "application/json",
+      }
+    );
+    zip.folder(source).file("notes.json", sourceContainer);
+  }
+  zip
+    .generateAsync({
+      type: "blob",
+      compression: "DEFLATE",
+      compressionOptions: {
+        level: 6,
+      },
+    })
+    .then(function (content) {
+      // see FileSaver.js
+      saveAs(content, "notes.zip");
+    });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/features/exportNotesFile/ExportNotesFileButton.vue b/src/features/exportNotesFile/ExportNotesFileButton.vue
deleted file mode 100755
index 936a616f..00000000
--- a/src/features/exportNotesFile/ExportNotesFileButton.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <v-btn
-    variant="flat"
-    block
-    :download="`notes-${dataUrl.date}.json`"
-    :href="dataUrl.url"
-    ><a download="notesData.json">Export Notes</a>
-  </v-btn>
-</template>
-
-<script setup lang="ts">
-import { useStore } from "vuex";
-import { computed } from "vue";
-
-const store = useStore();
-
-const dataUrl = computed(() => {
-  const taBlob = new Blob([JSON.stringify(store.getters.getNotes)], {
-    type: "application/json",
-  });
-
-  const date = new Date();
-
-  const dateString = `${date.getFullYear()}/${
-    date.getMonth() + 1
-  }/${date.getDate()}`;
-
-  return { url: URL.createObjectURL(taBlob), date: dateString };
-});
-</script>
-
-<style scoped></style>
diff --git a/src/main.ts b/src/main.ts
index 21de3f04..b92abeca 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -21,9 +21,7 @@ environment.load().then(() => {
     .catch()
     .finally(() => {
       store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-        store.dispatch(LOAD_NOTES).then(() => {
-          createApp(App).use(store).use(router).use(vuetify).mount("#app");
-        });
+        createApp(App).use(store).use(router).use(vuetify).mount("#app");
       });
     });
 });
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index a5ef5613..5a8690b6 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -1,4 +1,3 @@
-import { RouteLocation } from "vue-router";
 import {
   SET_CURRENT_SELECTION_AREA,
   SET_SELECTED_RECTANGLE,
@@ -12,7 +11,10 @@ import { debounce } from "lodash";
 
 export const setRectangleLocationClick = function (result, route, store) {
   return result.view.addEventListener("click", (event, item) => {
-    if (item.mark.name === "layer_1_marks") {
+    if (
+      item.mark.name === "layer_1_marks" ||
+      item.mark.name === "concat_0_layer_1_marks"
+    ) {
       store.commit(SET_SELECTED_RECTANGLE, {
         item: item.datum,
         report: event.srcElement.offsetParent.id,
@@ -21,57 +23,63 @@ export const setRectangleLocationClick = function (result, route, store) {
   });
 };
 
+const handleNotesBrush = (event, item, store) => {
+  const action = (e, i) => (title, description) => {
+    store.dispatch(CREATE_SELECTION, {
+      reportName: e.srcElement.offsetParent.id,
+      item: i.datum,
+      title,
+      description,
+    });
+  };
+
+  store.dispatch(SHOW_DIALOG, {
+    show: true,
+    data: null,
+    action: action(event, item),
+  });
+};
+
+const handleLayerMarks = (event, item, store) => {
+  store.commit(SET_SELECTED_RECTANGLE, {
+    item: item.datum,
+    report: event.srcElement.offsetParent.id,
+  });
+
+  store.dispatch(OPEN_MENU, {
+    visibility: true,
+    location: {
+      x: event.clientX,
+      y: event.clientY,
+      element: event.srcElement.offsetParent.id,
+      event,
+    },
+    clickEventData: {
+      reportName: event.srcElement.offsetParent.id,
+      date: new Date(),
+      item: item.datum,
+    },
+  });
+};
+
 export const showNotesEditDialogRightClick = function (result, store) {
-  console.log(store);
   return result.view.addEventListener("contextmenu", (event, item) => {
     event.preventDefault();
-    //Right click on brush
-    if (item.mark.name === "secondBrush_brush") {
-      const action = function (e, i) {
-        return (title, description) => {
-          store.dispatch(CREATE_SELECTION, {
-            reportName: e.srcElement.offsetParent.id,
-            date: new Date(),
-            item: i.datum,
-            title,
-            description,
-          });
-        };
-      };
-      store.dispatch(SHOW_DIALOG, {
-        show: true,
-        data: null,
-        action: action(event, item),
-      });
-    }
-    //Right click on existing rectangle
-    if (item.mark.name === "layer_1_marks") {
-      store.commit(SET_SELECTED_RECTANGLE, {
-        item: item.datum,
-        report: event.srcElement.offsetParent.id,
-      });
-      store.dispatch(OPEN_MENU, {
-        visibility: true,
-        location: {
-          x: event.clientX,
-          y: event.clientY,
-          element: event.srcElement.offsetParent.id,
-          event,
-        },
-        clickEventData: {
-          reportName: event.srcElement.offsetParent.id,
-          date: new Date(),
-          item: item.datum,
-          newSelection: true,
-        },
-      });
+
+    if (item.mark.name === "notesBrush_brush") {
+      handleNotesBrush(event, item, store);
+    } else if (
+      item.mark.name === "layer_1_marks" ||
+      item.mark.name === "concat_0_layer_1_marks"
+    ) {
+      handleLayerMarks(event, item, store);
     }
   });
 };
 
 export const setSelectionAreaSignal = function (result, store) {
   return result.view.addSignalListener(
-    "secondBrush",
+    "notesBrush",
     debounce((signalName, event) => {
       store.commit(SET_CURRENT_SELECTION_AREA, { signalName, event });
     }, 100)
diff --git a/src/pages/reports/network/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport.vue
deleted file mode 100644
index 8cbcf161..00000000
--- a/src/pages/reports/network/NetworkConceptReport.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-  <div v-if="!store.getters.getErrors">
-    <v-container fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 v-if="store.getters.getData.metadata" class="text-uppercase">
-            {{ store.getters.getData.metadata.conceptName }}
-            NETWORK REPORT
-          </h2>
-          <ReturnButton />
-        </v-layout>
-        <v-row v-if="store.getters.getData.metadata" justify="start">
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-identifier</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.metadata.conceptId"
-            ></v-badge>
-            <p class="text-caption">Concept Identifier</p>
-          </v-col>
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.metadata.numPersons"
-            ></v-badge>
-            <p class="text-caption">Number of People in Network</p>
-          </v-col>
-        </v-row>
-        <v-card
-          v-if="store.getters.getData.table"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <v-data-table
-            density="compact"
-            :headers="headers"
-            :items="store.getters.getData.table.measurementValueDistribution"
-          >
-          </v-data-table>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.chart"
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <v-card-title
-            >Measurement Value Distributions by Database and Unit</v-card-title
-          >
-          <v-layout class="pa-4">
-            <v-select
-              v-model="selectedMeasurementUnits"
-              class="mr-13"
-              :items="getMeasurementUnits"
-              variant="outlined"
-              hide-selected
-              closable-chips
-              chips
-              label="Filter units"
-              multiple
-            ></v-select>
-          </v-layout>
-          <Chart
-            id="viz-measurementvaluedistribution"
-            ref="measurementvalue"
-            :config="chartConfigs.specMeasurementValueDistribution"
-            :data="
-              getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []
-            "
-          />
-          <infopanel
-            details="Learn how
-              to interpret this plot."
-            route-link="/help"
-            :divider="true"
-            :link-details="true"
-          ></infopanel>
-          <infopanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.MEASUREMENT
-                  .MEASUREMENT_VALUE_DISTRIBUTION[0]
-              )
-            "
-            :divider="false"
-          ></infopanel>
-        </v-card>
-      </v-responsive>
-    </v-container>
-  </div>
-</template>
-
-<script setup lang="ts">
-import ReturnButton from "@/features/returnToPreviousPage";
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { links } from "@/shared/config/links";
-import { useStore } from "vuex";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-
-import { computed, Ref, ref } from "vue";
-import Infopanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
-
-const store = useStore();
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Source",
-    sortable: true,
-    key: "SOURCE",
-    align: "start",
-  },
-  {
-    title: "Unit",
-    sortable: true,
-    key: "CATEGORY",
-    align: "start",
-  },
-  {
-    title: "Release",
-    sortable: true,
-    key: "RELEASE",
-    align: "start",
-  },
-  {
-    title: "Count value",
-    sortable: true,
-    key: "UNIT_COUNT",
-    align: "start",
-  },
-  {
-    title: "Min Value",
-    sortable: true,
-    key: "MIN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P10 Value",
-    sortable: true,
-    key: "P10_VALUE",
-    align: "start",
-  },
-  {
-    title: "P25 Value",
-    sortable: true,
-    key: "P25_VALUE",
-    align: "start",
-  },
-  {
-    title: "Median Value",
-    sortable: true,
-    key: "MEDIAN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P75 Value",
-    sortable: true,
-    key: "P75_VALUE",
-    align: "start",
-  },
-  {
-    title: "P90 Value",
-    sortable: true,
-    key: "P90_VALUE",
-    align: "start",
-  },
-  {
-    title: "Max Value",
-    sortable: true,
-    key: "MAX_VALUE",
-    align: "start",
-  },
-]);
-
-const getMeasurementUnits = computed(function () {
-  return [
-    ...new Set(
-      store.getters.getData?.chart?.measurementValueDistribution.map(
-        (value) => value.CATEGORY
-      )
-    ),
-  ];
-});
-
-const selectedMeasurementUnits: Ref<string[]> = ref([]);
-
-const getSelectedMeasurementUnits = computed(function () {
-  return selectedMeasurementUnits.value.length
-    ? store.getters.getData?.chart?.measurementValueDistribution.filter(
-        (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
-      )
-    : store.getters.getData?.chart?.measurementValueDistribution;
-});
-</script>
-
-<style scoped>
-.viz-container {
-  width: 90%;
-}
-</style>
diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
new file mode 100644
index 00000000..82a96a04
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -0,0 +1,57 @@
+<template>
+  <div v-if="!store.getters.getErrors">
+    <v-container fluid>
+      <v-responsive min-width="900">
+        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
+          <h2 v-if="store.getters.getData.metadata" class="text-uppercase">
+            {{ store.getters.getData.metadata.conceptName }}
+            NETWORK REPORT
+          </h2>
+          <ReturnButton />
+        </v-layout>
+        <v-row v-if="store.getters.getData.metadata" justify="start">
+          <v-col cols="2" align="center">
+            <v-icon left color="info">mdi-identifier</v-icon>
+            <v-badge
+              tile
+              inline
+              dark
+              color="info"
+              :content="store.getters.getData.metadata.conceptId"
+            ></v-badge>
+            <p class="text-caption">Concept Identifier</p>
+          </v-col>
+          <v-col cols="2" align="center">
+            <v-icon left color="info">mdi-account-group</v-icon>
+            <v-badge
+              tile
+              inline
+              dark
+              color="info"
+              :content="store.getters.getData.metadata.numPersons"
+            ></v-badge>
+            <p class="text-caption">Number of People in Network</p>
+          </v-col>
+        </v-row>
+        <MeasurementValueDistributionTable />
+        <MeasurementValueDistributionChart />
+      </v-responsive>
+    </v-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import ReturnButton from "@/features/returnToPreviousPage";
+
+import { useStore } from "vuex";
+import MeasurementValueDistributionTable from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue";
+import MeasurementValueDistributionChart from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue";
+
+const store = useStore();
+</script>
+
+<style scoped>
+.viz-container {
+  width: 90%;
+}
+</style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
new file mode 100644
index 00000000..6a678b75
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -0,0 +1,84 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.chart"
+    :loading="!store.getters.getData"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-card-title
+      >Measurement Value Distributions by Database and Unit</v-card-title
+    >
+    <v-layout class="pa-4">
+      <v-select
+        v-model="selectedMeasurementUnits"
+        class="mr-13"
+        :items="getMeasurementUnits"
+        variant="outlined"
+        hide-selected
+        closable-chips
+        chips
+        label="Filter units"
+        multiple
+      ></v-select>
+    </v-layout>
+    <Chart
+      id="viz-networkmeasurementvaluedistribution"
+      ref="measurementvalue"
+      :config="specMeasurementValueDistribution"
+      :data="getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []"
+    />
+    <infopanel
+      details="Learn how
+              to interpret this plot."
+      route-link="/help"
+      :divider="true"
+      :link-details="true"
+    ></infopanel>
+    <infopanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.MEASUREMENT
+            .MEASUREMENT_VALUE_DISTRIBUTION[0]
+        )
+      "
+      :divider="false"
+    ></infopanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import Infopanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { computed, ref, Ref } from "vue";
+
+const store = useStore();
+
+const getMeasurementUnits = computed(function () {
+  return [
+    ...new Set(
+      store.getters.getData?.chart?.measurementValueDistribution.map(
+        (value) => value.CATEGORY
+      )
+    ),
+  ];
+});
+
+const selectedMeasurementUnits: Ref<string[]> = ref([]);
+
+const getSelectedMeasurementUnits = computed(function () {
+  return selectedMeasurementUnits.value.length
+    ? store.getters.getData?.chart?.measurementValueDistribution.filter(
+        (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
+      )
+    : store.getters.getData?.chart?.measurementValueDistribution;
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/specMeasurementValueDistribution.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
rename to src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/specMeasurementValueDistribution.ts
index 5dcdced6..f2211c82 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/specMeasurementValueDistribution.ts
@@ -8,6 +8,7 @@ export function specMeasurementValueDistribution(
   return {
     $schema: VEGA_SCHEMA,
     height: { step: 20 },
+    data: { name: "conceptData" },
     width: "container",
     encoding: {
       y: {
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
new file mode 100644
index 00000000..7b3cb62e
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
@@ -0,0 +1,89 @@
+<template>
+  <v-card v-if="store.getters.getData.table" elevation="10" class="ma-4 pa-2">
+    <v-data-table
+      density="compact"
+      :headers="headers"
+      :items="store.getters.getData.table.measurementValueDistribution"
+    >
+    </v-data-table>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { useStore } from "vuex";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Source",
+    sortable: true,
+    key: "SOURCE",
+    align: "start",
+  },
+  {
+    title: "Unit",
+    sortable: true,
+    key: "CATEGORY",
+    align: "start",
+  },
+  {
+    title: "Release",
+    sortable: true,
+    key: "RELEASE",
+    align: "start",
+  },
+  {
+    title: "Count value",
+    sortable: true,
+    key: "UNIT_COUNT",
+    align: "start",
+  },
+  {
+    title: "Min Value",
+    sortable: true,
+    key: "MIN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P10 Value",
+    sortable: true,
+    key: "P10_VALUE",
+    align: "start",
+  },
+  {
+    title: "P25 Value",
+    sortable: true,
+    key: "P25_VALUE",
+    align: "start",
+  },
+  {
+    title: "Median Value",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P75 Value",
+    sortable: true,
+    key: "P75_VALUE",
+    align: "start",
+  },
+  {
+    title: "P90 Value",
+    sortable: true,
+    key: "P90_VALUE",
+    align: "start",
+  },
+  {
+    title: "Max Value",
+    sortable: true,
+    key: "MAX_VALUE",
+    align: "start",
+  },
+]);
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary.vue b/src/pages/reports/network/NetworkDataQualitySummary.vue
deleted file mode 100644
index 8a017a24..00000000
--- a/src/pages/reports/network/NetworkDataQualitySummary.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div
-    v-if="!store.getters.getErrors"
-    id="network-data-quality-summary"
-    class="pa-2"
-  >
-    <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-category"
-        title="Network Data Quality Issues By Category"
-        :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
-        :config="chartConfigs.specIssueStratificationByCategory"
-      />
-    </v-card>
-    <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-table"
-        title="Network Data Quality Issues by CDM Table"
-        :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
-        :config="chartConfigs.specIssueStratificationByTable"
-      />
-    </v-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
-import { useStore } from "vuex";
-
-const store = useStore();
-</script>
-<script lang="ts">
-export default {
-  name: "NetworkDataQualitySummary",
-};
-</script>
-
-<style scoped>
-.viz-container {
-  width: 90%;
-}
-</style>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
new file mode 100644
index 00000000..f3121b0c
--- /dev/null
+++ b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
@@ -0,0 +1,29 @@
+<template>
+  <div
+    v-if="!store.getters.getErrors"
+    id="network-data-quality-summary"
+    class="pa-2"
+  >
+    <NetworkDataQualityIssuesByCategory />
+    <NetworkDataQualityIssuesByCdmTable />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import NetworkDataQualityIssuesByCategory from "@/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue";
+import NetworkDataQualityIssuesByCdmTable from "@/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue";
+
+const store = useStore();
+</script>
+<script lang="ts">
+export default {
+  name: "NetworkDataQualitySummary",
+};
+</script>
+
+<style scoped>
+.viz-container {
+  width: 90%;
+}
+</style>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
new file mode 100644
index 00000000..0d38c226
--- /dev/null
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-category"
+      title="Network Data Quality Issues By Category"
+      :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
+      :config="specIssueStratificationByCategory"
+    />
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
+import { Chart } from "@/widgets/chart";
+import { specIssueStratificationByCategory } from "./specIssueStratificationByCategory";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/specIssueStratificationByCategory.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts
rename to src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/specIssueStratificationByCategory.ts
index 1ddb87a5..59290711 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory.ts
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/specIssueStratificationByCategory.ts
@@ -7,6 +7,7 @@ export function specIssueStratificationByCategory(zeroBaseline = false) {
     width: "container",
     autosize: "fit",
     height: 200,
+    data: { name: "conceptData" },
     mark: "bar",
     transform: [
       {
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
new file mode 100644
index 00000000..cd6ea06f
--- /dev/null
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -0,0 +1,21 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-table"
+      title="Network Data Quality Issues by CDM Table"
+      :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
+      :config="specIssueStratificationByTable"
+    />
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
+import { Chart } from "@/widgets/chart";
+import { specIssueStratificationByTable } from "./specIssueStratificationByTable";
+import { useStore } from "vuex";
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/specIssueStratificationByTable.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts
rename to src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/specIssueStratificationByTable.ts
index 117005dc..ded6c361 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssueStratificationByTable.ts
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/specIssueStratificationByTable.ts
@@ -7,6 +7,7 @@ export function specIssueStratificationByTable(zeroBaseline = false) {
     width: "container",
     autosize: "fit",
     height: 300,
+    data: { name: "conceptData" },
     mark: "bar",
     transform: [
       {
diff --git a/src/pages/reports/network/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
similarity index 94%
rename from src/pages/reports/network/NetworkDatastrandReport.vue
rename to src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index e5022dc4..e39b96b1 100644
--- a/src/pages/reports/network/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -42,11 +42,11 @@ import { useRouter } from "vue-router";
 const router = useRouter();
 const store = useStore();
 
-import InfoPanel from "../../../widgets/infoPanel";
-import { chartConfigs } from "@/widgets/chart";
+import InfoPanel from "../../../../widgets/infoPanel";
+import { specDatastrand } from "./specDatastrand";
 import { links } from "@/shared/config/links";
 
-const config = chartConfigs.specDatastrand;
+const config = specDatastrand;
 
 import { useStore } from "vuex";
 
diff --git a/src/widgets/chart/config/chartSpecifications/specDatastrand.ts b/src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts
similarity index 100%
rename from src/widgets/chart/config/chartSpecifications/specDatastrand.ts
rename to src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts
diff --git a/src/pages/reports/network/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview.vue
deleted file mode 100644
index f0fa2049..00000000
--- a/src/pages/reports/network/NetworkOverview.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div
-    v-if="store.getters.explorerLoaded"
-    id="network-data-quality-overview"
-    class="pa-4"
-  >
-    <v-row>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
-          <v-card-title>Data Network Overview</v-card-title>
-          <v-card-text>
-            <v-container fluid>
-              <v-row justify="space-around"
-                ><v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text--center">Data Sources</h3>
-                  <h1 class="text-center">
-                    {{ store.getters.getSources.length
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-database</v-icon
-                    >
-                  </h1>
-                </v-col>
-                <v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text-center">People</h3>
-                  <h1 class="text-center">
-                    {{ personCountFormatter(countPeople)
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-account</v-icon
-                    >
-                  </h1>
-                </v-col>
-                <v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text-center">Data Quality Issues</h3>
-                  <h1 class="text-center">
-                    {{ countDataQualityIssues
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-database-alert</v-icon
-                    >
-                  </h1>
-                </v-col>
-                <v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text-center">Data Source Releases</h3>
-                  <h1 class="text-center">
-                    {{ countDataSourceReleases
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-history</v-icon
-                    >
-                  </h1>
-                </v-col>
-              </v-row>
-            </v-container>
-          </v-card-text>
-        </v-card>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
-          <v-card-title>Data Sources</v-card-title>
-          <v-card-text>
-            <v-data-table
-              density="compact"
-              :items="store.getters.getSources"
-              :headers="dataSourceColumns"
-              hide-default-footer
-            >
-              <template v-slot:item.cdm_source_name="{ item }">
-                <v-row>
-                  <v-col cols="10">
-                    <router-link
-                      :to="getDataSourceRoute(item.raw)"
-                      :title="item.raw.cdm_source_name"
-                      >{{ item.raw.cdm_source_name }}
-                    </router-link>
-                  </v-col>
-                </v-row>
-              </template>
-            </v-data-table>
-          </v-card-text>
-        </v-card>
-      </v-col>
-    </v-row>
-  </div>
-</template>
-
-<script setup lang="ts">
-import * as d3 from "d3-format";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { computed, ref, Ref } from "vue";
-import { useStore } from "vuex";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-const store = useStore();
-
-const dataSourceColumns: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Data Source",
-    align: "start",
-    sortable: true,
-    key: "cdm_source_name",
-  },
-  {
-    title: "Person Count",
-    align: "end",
-    sortable: true,
-    key: "releases[0].count_person",
-  },
-  {
-    title: "Start Observed",
-    align: "end",
-    key: "obs_period_start",
-    sortable: false,
-  },
-  {
-    title: "End Observed",
-    align: "end",
-    key: "obs_period_end",
-    sortable: false,
-  },
-  {
-    title: "Latest Release",
-    align: "end",
-    sortable: false,
-    key: "releases[0].release_name",
-  },
-  {
-    title: "Data Quality Issues",
-    align: "end",
-    sortable: true,
-    key: "releases[0].count_data_quality_issues",
-  },
-  {
-    title: "Data Source Releases",
-    align: "end",
-    sortable: true,
-    key: "count_releases",
-  },
-  {
-    title: "Vocabulary Version",
-    align: "end",
-    sortable: true,
-    key: "releases[0].vocabulary_version",
-  },
-  {
-    title: "Average Update Frequency (days)",
-    align: "end",
-    sortable: true,
-    key: "average_update_interval_days",
-  },
-]);
-
-function getDataSourceRoute(item: { cdm_source_key: string }) {
-  return {
-    name: "dataSourceOverview",
-    params: { cdm: item.cdm_source_key },
-  };
-}
-const personCountFormatter = function (count: number) {
-  return d3.format(".3s")(count);
-};
-
-const countPeople = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSources.reduce(
-      (prev, current) => (prev += current.releases[0].count_person),
-      0
-    );
-  } else {
-    return [];
-  }
-});
-const countDataQualityIssues = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSources.reduce(
-      (prev, current) =>
-        (prev += current.releases[0].count_data_quality_issues),
-      0
-    );
-  } else {
-    return [];
-  }
-});
-
-const countDataSourceReleases = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSources.reduce(
-      (prev, current) => (prev += current.releases.length),
-      0
-    );
-  } else {
-    return [];
-  }
-});
-</script>
-
-<script lang="ts">
-export default {
-  name: "NetworkOverview",
-};
-</script>
-
-<style scoped>
-.v-card__title {
-  word-break: normal;
-}
-.v-card__subtitle {
-  padding-bottom: 0px;
-  padding-top: 4px;
-}
-.row {
-  margin-top: -5px;
-}
-</style>
diff --git a/src/pages/reports/network/NetworkOverview/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview/NetworkOverview.vue
new file mode 100644
index 00000000..8032135f
--- /dev/null
+++ b/src/pages/reports/network/NetworkOverview/NetworkOverview.vue
@@ -0,0 +1,44 @@
+<template>
+  <div
+    v-if="store.getters.explorerLoaded"
+    id="network-data-quality-overview"
+    class="pa-4"
+  >
+    <v-row>
+      <v-col>
+        <DataNetworkOverview />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col>
+        <DataSourcesList />
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import DataNetworkOverview from "@/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue";
+import DataSourcesList from "@/pages/reports/network/NetworkOverview/components/DataSourcesList.vue";
+const store = useStore();
+</script>
+
+<script lang="ts">
+export default {
+  name: "NetworkOverview",
+};
+</script>
+
+<style scoped>
+.v-card__title {
+  word-break: normal;
+}
+.v-card__subtitle {
+  padding-bottom: 0px;
+  padding-top: 4px;
+}
+.row {
+  margin-top: -5px;
+}
+</style>
diff --git a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
new file mode 100644
index 00000000..c36566a5
--- /dev/null
+++ b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
@@ -0,0 +1,89 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6" outlined>
+    <v-card-title>Data Network Overview</v-card-title>
+    <v-card-text>
+      <v-container fluid>
+        <v-row justify="space-around"
+          ><v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text--center">Data Sources</h3>
+            <h1 class="text-center">
+              {{ store.getters.getSources.length
+              }}<v-icon large color="primary" class="mx-2">mdi-database</v-icon>
+            </h1>
+          </v-col>
+          <v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text-center">People</h3>
+            <h1 class="text-center">
+              {{ personCountFormatter(countPeople)
+              }}<v-icon large color="primary" class="mx-2">mdi-account</v-icon>
+            </h1>
+          </v-col>
+          <v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text-center">Data Quality Issues</h3>
+            <h1 class="text-center">
+              {{ countDataQualityIssues
+              }}<v-icon large color="primary" class="mx-2"
+                >mdi-database-alert</v-icon
+              >
+            </h1>
+          </v-col>
+          <v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text-center">Data Source Releases</h3>
+            <h1 class="text-center">
+              {{ countDataSourceReleases
+              }}<v-icon large color="primary" class="mx-2">mdi-history</v-icon>
+            </h1>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { computed } from "vue";
+import * as d3 from "d3-format";
+
+const store = useStore();
+
+const countDataSourceReleases = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) => (prev += current.releases.length),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+
+const countDataQualityIssues = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) =>
+        (prev += current.releases[0].count_data_quality_issues),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+
+const countPeople = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSources.reduce(
+      (prev, current) => (prev += current.releases[0].count_person),
+      0
+    );
+  } else {
+    return [];
+  }
+});
+
+const personCountFormatter = function (count: number) {
+  return d3.format(".3s")(count);
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
new file mode 100644
index 00000000..5124f073
--- /dev/null
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -0,0 +1,100 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6" outlined>
+    <v-card-title>Data Sources</v-card-title>
+    <v-card-text>
+      <v-data-table
+        density="compact"
+        :items="store.getters.getSources"
+        :headers="dataSourceColumns"
+        hide-default-footer
+      >
+        <template v-slot:item.cdm_source_name="{ item }">
+          <v-row>
+            <v-col cols="10">
+              <router-link
+                :to="getDataSourceRoute(item.raw)"
+                :title="item.raw.cdm_source_name"
+                >{{ item.raw.cdm_source_name }}
+              </router-link>
+            </v-col>
+          </v-row>
+        </template>
+      </v-data-table>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const dataSourceColumns: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Data Source",
+    align: "start",
+    sortable: true,
+    key: "cdm_source_name",
+  },
+  {
+    title: "Person Count",
+    align: "end",
+    sortable: true,
+    key: "releases[0].count_person",
+  },
+  {
+    title: "Start Observed",
+    align: "end",
+    key: "obs_period_start",
+    sortable: false,
+  },
+  {
+    title: "End Observed",
+    align: "end",
+    key: "obs_period_end",
+    sortable: false,
+  },
+  {
+    title: "Latest Release",
+    align: "end",
+    sortable: false,
+    key: "releases[0].release_name",
+  },
+  {
+    title: "Data Quality Issues",
+    align: "end",
+    sortable: true,
+    key: "releases[0].count_data_quality_issues",
+  },
+  {
+    title: "Data Source Releases",
+    align: "end",
+    sortable: true,
+    key: "count_releases",
+  },
+  {
+    title: "Vocabulary Version",
+    align: "end",
+    sortable: true,
+    key: "releases[0].vocabulary_version",
+  },
+  {
+    title: "Average Update Frequency (days)",
+    align: "end",
+    sortable: true,
+    key: "average_update_interval_days",
+  },
+]);
+
+function getDataSourceRoute(item: { cdm_source_key: string }) {
+  return {
+    name: "dataSourceOverview",
+    params: { cdm: item.cdm_source_key },
+  };
+}
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkPerformance.vue b/src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue
similarity index 100%
rename from src/pages/reports/network/NetworkPerformance.vue
rename to src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue
diff --git a/src/pages/reports/network/NetworkPopulationReport.vue b/src/pages/reports/network/NetworkPopulationReport.vue
deleted file mode 100644
index 78fe9590..00000000
--- a/src/pages/reports/network/NetworkPopulationReport.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div v-if="!store.getters.getErrors">
-    <v-container fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-6 text-uppercase text-h6"
-          >NETWORK POPULATION OVERVIEW</v-layout
-        >
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatfirstobservation"
-            :config="chartConfigs.specAgeAtFirstObservation"
-            :data="store.getters.getData.allAgeAtFirstObservationData"
-            title="Age at First Observation"
-          />
-          <InfoPanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .AGE_AT_FIRST_OBSERVATION[0]
-              )
-            "
-            :divider="true"
-          ></InfoPanel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-cumulativeobservation"
-            :config="chartConfigs.specCumulativeObservation"
-            :data="store.getters.getData.allCumulativeDurationData"
-            title="Cumulative Observation"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.OBSERVATION_PERIOD
-                  .CUMULATIVE_DURATION[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-      </v-responsive>
-    </v-container>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { useStore } from "vuex";
-import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
-
-const store = useStore();
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
new file mode 100644
index 00000000..f0128bda
--- /dev/null
+++ b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
@@ -0,0 +1,33 @@
+<template>
+  <div v-if="!store.getters.getErrors">
+    <v-container fluid>
+      <v-responsive min-width="900">
+        <v-layout class="ma-0 mb-6 text-uppercase text-h6"
+          >NETWORK POPULATION OVERVIEW</v-layout
+        >
+        <AgeAtFirstObservation />
+        <CumulativeObservation />
+      </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
+    </v-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+
+import AgeAtFirstObservation from "@/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue";
+import CumulativeObservation from "@/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
new file mode 100644
index 00000000..efec8999
--- /dev/null
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -0,0 +1,41 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-networkageatfirstobservation"
+      :config="specAgeAtFirstObservation"
+      :data="store.getters.getData.allAgeAtFirstObservationData"
+      title="Age at First Observation"
+    />
+    <InfoPanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD
+            .AGE_AT_FIRST_OBSERVATION[0]
+        )
+      "
+      :divider="true"
+    ></InfoPanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts
rename to src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
index ddbd88c7..a3bde737 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation.ts
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
@@ -6,6 +6,7 @@ export function specAgeAtFirstObservation(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     height: 200,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       x: {
         field: "INTERVAL_INDEX",
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
new file mode 100644
index 00000000..7a8b2b87
--- /dev/null
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-networkcumulativeobservation"
+      :config="specCumulativeObservation"
+      :data="store.getters.getData.allCumulativeDurationData"
+      title="Cumulative Observation"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+import { specCumulativeObservation } from "./specCumulativeObservation";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservation.ts
rename to src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
similarity index 100%
rename from src/pages/reports/network/NetworkUnmappedSourceCodes.vue
rename to src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index ae93ffa8..0c131c74 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -91,593 +91,59 @@
             <p class="text-caption">Non-Stationary Time Series</p></v-col
           ></v-row
         >
-        <v-card
-          v-if="store.getters.getData.measurementTable"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <v-data-table
-            density="compact"
-            :headers="headers"
-            :items="store.getters.getData.measurementTable"
-          >
-          </v-data-table>
-        </v-card>
-        <v-card
-          v-if="
-            store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION
-          "
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <v-card-title>Measurement Value Distributions</v-card-title>
-          <v-layout class="pa-4">
-            <v-select
-              v-model="selectedMeasurementUnits"
-              class="mr-13"
-              :items="getMeasurementUnits"
-              attach
-              variant="outlined"
-              hide-selected
-              closable-chips
-              chips
-              label="Filter units"
-              multiple
-            ></v-select>
-          </v-layout>
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-measurementvaluedistribution"
-            ref="measurementvalue"
-            :config="chartConfigs.specMeasurementValueDistribution"
-            :data="getSelectedMeasurementUnits"
-          />
-          <info-panel
-            details="Check measurement value distributions across the network"
-            icon="mdi-check-network"
-            link-details
-            :route-link="getNetworkConceptRoute()"
-            :divider="true"
-          ></info-panel>
-          <info-panel
-            details="Learn how
-              to interpret this plot."
-            icon="mdi-help-circle"
-            link-details
-            :route-link="{ name: 'help' }"
-            divider
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            details="View export query."
-            icon="mdi-code-braces"
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .MEASUREMENT_VALUE_DISTRIBUTION[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatfirstdiagnosis"
-            :config="chartConfigs.specAgeAtFirstDiagnosis"
-            :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-            title="Age at First Diagnosis"
-          />
-          <info-panel
-            details="Learn how
-              to interpret this plot."
-            icon="mdi-help-circle"
-            link-details
-            :route-link="{ name: 'help' }"
-            divider
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .AGE_AT_FIRST_DIAGNOSIS[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatfirstexposure"
-            :config="chartConfigs.specAgeAtFirstExposure"
-            :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-            title="Age At First Exposure"
-          />
-          <info-panel
-            details="Learn how
-              to interpret this plot."
-            icon="mdi-help-circle"
-            link-details
-            :route-link="{ name: 'help' }"
-            divider
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .AGE_AT_FIRST_EXPOSURE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-lengthofera"
-            :config="chartConfigs.specLengthOfEra"
-            :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
-            title="Length of Era"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .LENGTH_OF_ERA[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-conditionsbytype"
-            :config="chartConfigs.specConditionsByType"
-            :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
-            title="Conditions by Type"
-          />
-          <info-panel
-            details="Learn about Condition types."
-            icon="mdi-help-circle"
-            link-details
-            :link="links.getDocsLink('CONDITION_OCCURRENCE')"
-            :divider="true"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .CONDITIONS_BY_TYPE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-drugsbytype"
-            :config="chartConfigs.specDrugsByType"
-            :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
-            title="Drugs by Type"
-          />
-          <info-panel
-            details="Learn about Drug types."
-            icon="mdi-help-circle"
-            link-details
-            :link="links.getDocsLink('DRUG_EXPOSURE')"
-            :divider="true"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .DRUGS_BY_TYPE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-recordsbyunit"
-            :config="chartConfigs.specRecordsByUnit"
-            :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
-            title="Records by Unit"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .RECORDS_BY_UNIT[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-measurementsbytype"
-            :config="chartConfigs.specMeasurementsByType"
-            :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
-            title="Measurements by Type"
-          />
-          <info-panel
-            details="Learn about Measurement types."
-            icon="mdi-help-circle"
-            link-details
-            :link="links.getDocsLink('MEASUREMENT')"
-            :divider="true"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .MEASUREMENTS_BY_TYPE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatfirstoccurrence"
-            :config="chartConfigs.specAgeAtFirstOccurrence"
-            :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-            title="Age at First Occurrence"
-          />
-          <info-panel
-            details="Learn how to interpret this plot"
-            :route-link="{ name: 'help' }"
-          ></info-panel>
-          <info-panel
-            details="View export query."
-            icon="mdi-code-braces"
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .AGE_AT_FIRST_OCCURRENCE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-recordproportionbymonth"
-            width="99"
-            :config="chartConfigs.specRecordProportionByMonth"
-            :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
-            title="Record Count Proportion by Month"
-          />
-          <info-panel
-            details="Proportion of people with at least one record per 1000 people."
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getData.isNotStationary"
-            icon="mdi-clock-alert"
-            details="This time series has been deemed non-stationary by temporal characterization."
-            divider
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getData.seasonalityScore"
-            icon="mdi-clock-alert"
-            :details="store.getters.getData.seasonalityComment"
-            divider
-            :link="links.getCastorLink()"
-          ></info-panel>
-          <info-panel
-            icon="mdi-database-clock"
-            divider
-            link-details
-            :route-link="getSourceConceptReportLink()"
-            details="Review this Time-Series across data source releases."
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .PREVALENCE_BY_MONTH[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-dayssupply"
-            :config="chartConfigs.specDaysSupply"
-            :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-            title="Days Supply"
-          />
-          <info-panel
-            details="Learn how to interpret this plot"
-            :route-link="{ name: 'help' }"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .DAYS_SUPPLY_DISTRIBUTION[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-quantity"
-            :config="chartConfigs.specQuantity"
-            :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
-            title="Quantity"
-          />
-          <info-panel
-            details="Learn how to interpret this plot"
-            :route-link="{ name: 'help' }"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .QUANTITY_DISTRIBUTION[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-visitdurationbytype"
-            :config="chartConfigs.specVisitDurationByType"
-            :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
-            title="Visit Duration By Type"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .VISIT_DURATION_BY_TYPE[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.getData"
-            id="viz-recordproportionbyagesexyear"
-            width="90"
-            :config="chartConfigs.specRecordProportionByAgeSexYear"
-            :data="
-              store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR
-            "
-            title="Record Count Proportion by Age, Sex, and Year"
-          />
-          <info-panel
-            details="Proportion of people with at least one record per 1000 people."
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            link-details
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .PREVALENCE_BY_GENDER_AGE_YEAR[0]
-              )
-            "
-            divider
-          ></info-panel>
-        </v-card>
+        <MeasurementTable />
+        <MeasurementValueDistribution />
+        <AgeAtFirstDiagnosis />
+        <AgeAtFirstExposure />
+        <LengthOfEra />
+        <ConditionsByType />
+        <DrugsByType />
+        <RecordsByUnit />
+        <MeasurementsByType />
+        <AgeAtFirstOccurrence />
+        <RecordCountProportionByMonth />
+        <DaysSupply />
+        <QuantityDistribution />
+        <VisitDurationByType />
+        <RecordCountProportionByAgeSexYear />
       </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
     </v-container>
   </div>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "../../../../widgets/infoPanel";
 import ReturnButton from "@/features/returnToPreviousPage";
 import { useRoute } from "vue-router";
-import { chartConfigs, Chart } from "@/widgets/chart";
 import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-import { computed, ref, Ref } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import MeasurementTable from "@/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue";
+import MeasurementValueDistribution from "@/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue";
+import AgeAtFirstDiagnosis from "@/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue";
+import AgeAtFirstExposure from "@/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue";
+import LengthOfEra from "@/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue";
+import ConditionsByType from "@/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue";
+import DrugsByType from "@/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue";
+import RecordsByUnit from "@/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue";
+import MeasurementsByType from "@/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue";
+import AgeAtFirstOccurrence from "@/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue";
+import RecordCountProportionByMonth from "@/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue";
+import DaysSupply from "@/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue";
+import QuantityDistribution from "@/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue";
+import VisitDurationByType from "@/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue";
+import RecordCountProportionByAgeSexYear from "@/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
 
 const route = useRoute();
 const store = useStore();
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Unit",
-    sortable: true,
-    key: "CATEGORY",
-    align: "start",
-  },
-  {
-    title: "Count value",
-    sortable: true,
-    key: "UNIT_COUNT",
-    align: "start",
-  },
-  {
-    title: "Min Value",
-    sortable: true,
-    key: "MIN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P10 Value",
-    sortable: true,
-    key: "P10_VALUE",
-    align: "start",
-  },
-  {
-    title: "P25 Value",
-    sortable: true,
-    key: "P25_VALUE",
-    align: "start",
-  },
-  {
-    title: "Median Value",
-    sortable: true,
-    key: "MEDIAN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P75 Value",
-    sortable: true,
-    key: "P75_VALUE",
-    align: "start",
-  },
-  {
-    title: "P90 Value",
-    sortable: true,
-    key: "P90_VALUE",
-    align: "start",
-  },
-  {
-    title: "Max Value",
-    sortable: true,
-    key: "MAX_VALUE",
-    align: "start",
-  },
-]);
-
-const selectedMeasurementUnits: Ref<string[]> = ref([]);
-
-const getSelectedMeasurementUnits = computed((): string[] => {
-  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
-    return selectedMeasurementUnits.value.length
-      ? store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.filter(
-          (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
-        )
-      : store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION;
-  } else {
-    return [];
-  }
-});
 
 const getPercentWithValues = computed((): string => {
   const missingData = store.getters.getData.domainSummary.filter(
@@ -686,36 +152,6 @@ const getPercentWithValues = computed((): string => {
   return missingData ? `${((1 - missingData) * 100).toFixed(2)}%` : "No data";
 });
 
-const getMeasurementUnits = computed((): string[] => {
-  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
-    return store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map(
-      (value) => value.CATEGORY
-    );
-  } else {
-    return [];
-  }
-});
-
-const getSourceConceptReportLink = function () {
-  return {
-    name: "sourceConceptOverlay",
-    params: {
-      domain: route.params.domain,
-      concept: route.params.concept,
-    },
-  };
-};
-
-const getNetworkConceptRoute = function (): object {
-  return {
-    name: "networkConcept",
-    params: {
-      domain: route.params.domain,
-      concept: route.params.concept,
-    },
-  };
-};
-
 const navigateToDataQuality = function () {
   return {
     name: "dataQuality",
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
new file mode 100644
index 00000000..3c45c1b7
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -0,0 +1,50 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ageatfirstdiagnosis"
+      :config="specAgeAtFirstDiagnosis"
+      :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
+      title="Age at First Diagnosis"
+    />
+    <info-panel
+      details="Learn how
+              to interpret this plot."
+      icon="mdi-help-circle"
+      link-details
+      :route-link="{ name: 'help' }"
+      divider
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .AGE_AT_FIRST_DIAGNOSIS[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
rename to src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
index 43d1f592..e0532f3d 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis.ts
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
@@ -9,6 +9,7 @@ export function specAgeAtFirstDiagnosis(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
new file mode 100644
index 00000000..680a3a00
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -0,0 +1,51 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ageatfirstexposure"
+      :config="specAgeAtFirstExposure"
+      :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
+      title="Age At First Exposure"
+    />
+    <info-panel
+      details="Learn how
+              to interpret this plot."
+      icon="mdi-help-circle"
+      link-details
+      :route-link="{ name: 'help' }"
+      divider
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .AGE_AT_FIRST_EXPOSURE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/specAgeAtFirstExposure.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
rename to src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/specAgeAtFirstExposure.ts
index 33464b09..0e3162ee 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure.ts
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/specAgeAtFirstExposure.ts
@@ -9,6 +9,7 @@ export function specAgeAtFirstExposure(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
new file mode 100644
index 00000000..18534c21
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -0,0 +1,45 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ageatfirstoccurrence"
+      :config="specAgeAtFirstOccurrence"
+      :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
+      title="Age at First Occurrence"
+    />
+    <info-panel
+      details="Learn how to interpret this plot"
+      :route-link="{ name: 'help' }"
+    ></info-panel>
+    <info-panel
+      details="View export query."
+      icon="mdi-code-braces"
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .AGE_AT_FIRST_OCCURRENCE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/specAgeAtFirstOccurrence.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
rename to src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/specAgeAtFirstOccurrence.ts
index b93a4519..e616a469 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence.ts
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/specAgeAtFirstOccurrence.ts
@@ -9,6 +9,7 @@ export function specAgeAtFirstOccurrence(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
new file mode 100644
index 00000000..07798285
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -0,0 +1,50 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-conditionsbytype"
+      :config="specConditionsByType"
+      :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
+      title="Conditions by Type"
+    />
+    <info-panel
+      details="Learn about Condition types."
+      icon="mdi-help-circle"
+      link-details
+      :link="links.getDocsLink('CONDITION_OCCURRENCE')"
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .CONDITIONS_BY_TYPE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specConditionsByType } from "./specConditionsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specConditionsByType.ts b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/specConditionsByType.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specConditionsByType.ts
rename to src/pages/reports/release/ConceptReport/charts/ConditionsByType/specConditionsByType.ts
index 59a25185..2538ce9f 100644
--- a/src/widgets/chart/config/chartSpecifications/specConditionsByType.ts
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/specConditionsByType.ts
@@ -7,6 +7,7 @@ export function specConditionsByType(zeroBaseline = false) {
     width: "container",
     height: 75,
     mark: "bar",
+    data: { name: "conceptData" },
     transform: [
       {
         window: [
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
new file mode 100644
index 00000000..9ad1b1fc
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-dayssupply"
+      :config="specDaysSupply"
+      :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
+      title="Days Supply"
+    />
+    <info-panel
+      details="Learn how to interpret this plot"
+      :route-link="{ name: 'help' }"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .DAYS_SUPPLY_DISTRIBUTION[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specDaysSupply } from "./specDaysSupply";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts b/src/pages/reports/release/ConceptReport/charts/DaysSupply/specDaysSupply.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
rename to src/pages/reports/release/ConceptReport/charts/DaysSupply/specDaysSupply.ts
index e4f57660..46d647e2 100644
--- a/src/widgets/chart/config/chartSpecifications/specDaysSupply.ts
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/specDaysSupply.ts
@@ -9,6 +9,8 @@ export function specDaysSupply(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
+
     layer: [
       {
         mark: { type: "rule" },
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
new file mode 100644
index 00000000..bdc280b1
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -0,0 +1,49 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-drugsbytype"
+      :config="specDrugsByType"
+      :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
+      title="Drugs by Type"
+    />
+    <info-panel
+      details="Learn about Drug types."
+      icon="mdi-help-circle"
+      link-details
+      :link="links.getDocsLink('DRUG_EXPOSURE')"
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .DRUGS_BY_TYPE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specDrugsByType } from "./specDrugsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDrugsByType.ts b/src/pages/reports/release/ConceptReport/charts/DrugsByType/specDrugsByType.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specDrugsByType.ts
rename to src/pages/reports/release/ConceptReport/charts/DrugsByType/specDrugsByType.ts
index 40fb3fe5..14187ec5 100644
--- a/src/widgets/chart/config/chartSpecifications/specDrugsByType.ts
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/specDrugsByType.ts
@@ -7,6 +7,7 @@ export function specDrugsByType(zeroBaseline = false) {
     width: "container",
     height: 75,
     mark: "bar",
+    data: { name: "conceptData" },
     transform: [
       {
         window: [
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
new file mode 100644
index 00000000..2c228102
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-lengthofera"
+      :config="specLengthOfEra"
+      :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
+      title="Length of Era"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .LENGTH_OF_ERA[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specLengthOfEra } from "./specLengthOfEra";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/specLengthOfEra.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
rename to src/pages/reports/release/ConceptReport/charts/LengthOfEra/specLengthOfEra.ts
index 0ffc1a16..954edf8d 100644
--- a/src/widgets/chart/config/chartSpecifications/specLengthOfEra.ts
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/specLengthOfEra.ts
@@ -9,6 +9,7 @@ export function specLengthOfEra(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     layer: [
       {
         mark: { type: "rule" },
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
new file mode 100644
index 00000000..c3d5a548
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
@@ -0,0 +1,82 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.measurementTable"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-data-table
+      density="compact"
+      :headers="headers"
+      :items="store.getters.getData.measurementTable"
+    >
+    </v-data-table>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Unit",
+    sortable: true,
+    key: "CATEGORY",
+    align: "start",
+  },
+  {
+    title: "Count value",
+    sortable: true,
+    key: "UNIT_COUNT",
+    align: "start",
+  },
+  {
+    title: "Min Value",
+    sortable: true,
+    key: "MIN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P10 Value",
+    sortable: true,
+    key: "P10_VALUE",
+    align: "start",
+  },
+  {
+    title: "P25 Value",
+    sortable: true,
+    key: "P25_VALUE",
+    align: "start",
+  },
+  {
+    title: "Median Value",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "start",
+  },
+  {
+    title: "P75 Value",
+    sortable: true,
+    key: "P75_VALUE",
+    align: "start",
+  },
+  {
+    title: "P90 Value",
+    sortable: true,
+    key: "P90_VALUE",
+    align: "start",
+  },
+  {
+    title: "Max Value",
+    sortable: true,
+    key: "MAX_VALUE",
+    align: "start",
+  },
+]);
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
new file mode 100644
index 00000000..1cf7c331
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -0,0 +1,108 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-card-title>Measurement Value Distributions</v-card-title>
+    <v-layout class="pa-4">
+      <v-select
+        v-model="selectedMeasurementUnits"
+        class="mr-13"
+        :items="getMeasurementUnits"
+        attach
+        variant="outlined"
+        hide-selected
+        closable-chips
+        chips
+        label="Filter units"
+        multiple
+      ></v-select>
+    </v-layout>
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-measurementvaluedistribution"
+      ref="measurementvalue"
+      :config="specMeasurementValueDistribution"
+      :data="getSelectedMeasurementUnits"
+    />
+    <info-panel
+      details="Check measurement value distributions across the network"
+      icon="mdi-check-network"
+      link-details
+      :route-link="getNetworkConceptRoute()"
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      details="Learn how
+              to interpret this plot."
+      icon="mdi-help-circle"
+      link-details
+      :route-link="{ name: 'help' }"
+      divider
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      details="View export query."
+      icon="mdi-code-braces"
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .MEASUREMENT_VALUE_DISTRIBUTION[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { computed, ref, Ref } from "vue";
+
+const selectedMeasurementUnits: Ref<string[]> = ref([]);
+
+const getMeasurementUnits = computed((): string[] => {
+  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
+    return store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map(
+      (value) => value.CATEGORY
+    );
+  } else {
+    return [];
+  }
+});
+
+const getSelectedMeasurementUnits = computed((): string[] => {
+  if (store.getters.getData?.conceptData?.MEASUREMENT_VALUE_DISTRIBUTION) {
+    return selectedMeasurementUnits.value.length
+      ? store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION.filter(
+          (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
+        )
+      : store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION;
+  } else {
+    return [];
+  }
+});
+
+const getNetworkConceptRoute = function (): object {
+  return {
+    name: "networkConcept",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
+    },
+  };
+};
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/specMeasurementValueDistribution.ts
similarity index 90%
rename from src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
rename to src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/specMeasurementValueDistribution.ts
index 75d7d892..4b176e15 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationBySex.ts
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/specMeasurementValueDistribution.ts
@@ -1,11 +1,15 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specObservationBySex(zeroBaseline = false, minMax = false) {
+export function specMeasurementValueDistribution(
+  zeroBaseline = false,
+  minMax = false
+) {
   return {
     $schema: VEGA_SCHEMA,
-    height: 75,
+    height: { step: 20 },
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
@@ -24,7 +28,7 @@ export function specObservationBySex(zeroBaseline = false, minMax = false) {
             field: minMax ? "MIN_VALUE" : "P10_VALUE",
             type: "quantitative",
             scale: { zero: false },
-            title: "Years",
+            title: null,
           },
           x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
         },
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
new file mode 100644
index 00000000..63f5b2b6
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -0,0 +1,50 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-measurementsbytype"
+      :config="specMeasurementsByType"
+      :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
+      title="Measurements by Type"
+    />
+    <info-panel
+      details="Learn about Measurement types."
+      icon="mdi-help-circle"
+      link-details
+      :link="links.getDocsLink('MEASUREMENT')"
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .MEASUREMENTS_BY_TYPE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specMeasurementsByType } from "./specMeasurementsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/specMeasurementsByType.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts
rename to src/pages/reports/release/ConceptReport/charts/MeasurementsByType/specMeasurementsByType.ts
index 69f98d39..02ecf267 100644
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementsByType.ts
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/specMeasurementsByType.ts
@@ -7,6 +7,8 @@ export function specMeasurementsByType(zeroBaseline = false) {
     width: "container",
     height: 75,
     mark: "bar",
+    data: { name: "conceptData" },
+
     transform: [
       {
         window: [
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
new file mode 100644
index 00000000..11bfe2fd
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -0,0 +1,46 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-quantity"
+      :config="specQuantity"
+      :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
+      title="Quantity"
+    />
+    <info-panel
+      details="Learn how to interpret this plot"
+      :route-link="{ name: 'help' }"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .QUANTITY_DISTRIBUTION[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { specQuantity } from "./specQuantity";
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specQuantity.ts b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/specQuantity.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specQuantity.ts
rename to src/pages/reports/release/ConceptReport/charts/QuantityDistribution/specQuantity.ts
index 774ce146..bada9fe6 100644
--- a/src/widgets/chart/config/chartSpecifications/specQuantity.ts
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/specQuantity.ts
@@ -9,6 +9,7 @@ export function specQuantity(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     layer: [
       {
         mark: { type: "rule" },
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
new file mode 100644
index 00000000..3c07ec65
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.getData"
+      id="viz-recordproportionbyagesexyear"
+      width="90"
+      :config="specRecordProportionByAgeSexYear"
+      :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
+      title="Record Count Proportion by Age, Sex, and Year"
+    />
+    <info-panel
+      details="Proportion of people with at least one record per 1000 people."
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts
rename to src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
index 53e1262f..ce4f4719 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
@@ -6,6 +6,7 @@ export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     spacing: 10,
     autosize: { resize: true },
+    data: { name: "conceptData" },
     facet: {
       row: {
         field: "TRELLIS_NAME",
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
new file mode 100644
index 00000000..c8c944fd
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -0,0 +1,43 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-recordsbyunit"
+      :config="specRecordsByUnit"
+      :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
+      title="Records by Unit"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .RECORDS_BY_UNIT[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specRecordsByUnit } from "./specRecordsByUnit";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/specRecordsByUnit.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts
rename to src/pages/reports/release/ConceptReport/charts/RecordsByUnit/specRecordsByUnit.ts
index ff0c26d8..47a476be 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordsByUnit.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/specRecordsByUnit.ts
@@ -8,6 +8,7 @@ export function specRecordsByUnit(zeroBaseline = false) {
     autosize: "fit",
     height: 75,
     mark: "bar",
+    data: { name: "conceptData" },
     transform: [
       {
         window: [
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
new file mode 100644
index 00000000..71d5b1da
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -0,0 +1,94 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-recordproportionbymonth"
+      width="99"
+      :config="specRecordProportionByMonth"
+      :annotations-config="specRecordProportionByMonthAnnotation"
+      :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
+      title="Record Count Proportion by Month"
+      :click-listener="listeners.setRectangleLocationClick"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :notes="notes"
+      annotations
+    />
+    <NotesPanel report="viz-recordproportionbymonth" />
+    <info-panel
+      details="Proportion of people with at least one record per 1000 people."
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getData.isNotStationary"
+      icon="mdi-clock-alert"
+      details="This time series has been deemed non-stationary by temporal characterization."
+      divider
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getData.seasonalityScore"
+      icon="mdi-clock-alert"
+      :details="store.getters.getData.seasonalityComment"
+      divider
+      :link="links.getCastorLink()"
+    ></info-panel>
+    <info-panel
+      icon="mdi-database-clock"
+      divider
+      link-details
+      :route-link="getSourceConceptReportLink()"
+      details="Review this Time-Series across data source releases."
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .PREVALENCE_BY_MONTH[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
+import _ from "lodash";
+
+const store = useStore();
+const route = useRoute();
+
+const getSourceConceptReportLink = function () {
+  return {
+    name: "sourceConceptOverlay",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
+    },
+  };
+};
+const notes = computed(() => {
+  const { cdm, release, domain, concept } = route.params;
+  const path = [cdm, release, domain, concept].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections["viz-recordproportionbymonth"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonth.ts
similarity index 52%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts
rename to src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonth.ts
index 3abf1128..75ccb667 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonth.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
+export function specRecordProportionByMonth(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     vconcat: [
@@ -9,10 +9,61 @@ export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
         height: 150,
         width: "container",
         description: "Domain Data Density",
-        mark: { type: "circle", opacity: 0.5 },
-        selection: {
-          release: { type: "multi", fields: ["release"], bind: "legend" },
-        },
+        data: { name: "conceptData" },
+
+        layer: [
+          {
+            mark: { type: "circle" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+            },
+          },
+          {
+            params: [
+              {
+                name: "index",
+                select: {
+                  type: "point",
+                  fields: ["date"],
+                  on: "mousemove",
+                  nearest: true,
+                },
+              },
+            ],
+            mark: { type: "point" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+              opacity: { value: 0 },
+            },
+          },
+          {
+            transform: [
+              {
+                filter: {
+                  and: ["index.date", { param: "index" }],
+                },
+              },
+            ],
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
         encoding: {
           x: {
             field: "date",
@@ -29,16 +80,7 @@ export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
               zero: zeroBaseline,
             },
           },
-          color: {
-            title: "Release",
-            field: "release",
-          },
-          opacity: {
-            condition: { selection: "release", value: 1 },
-            value: 0.2,
-          },
           tooltip: [
-            { field: "release", title: "Release" },
             {
               field: "Y_PREVALENCE_1000PP",
               title: "RPP1000",
@@ -56,7 +98,8 @@ export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
       {
         width: "container",
         height: 25,
-        mark: { type: "line", opacity: 0.5 },
+        mark: "line",
+        data: { name: "conceptData" },
         selection: {
           brush: { type: "interval", encodings: ["x"] },
         },
@@ -72,9 +115,6 @@ export function specRecordProportionByMonthByRelease(zeroBaseline = false) {
             type: "quantitative",
             title: "",
           },
-          color: {
-            field: "release",
-          },
         },
       },
     ],
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
new file mode 100644
index 00000000..b9019eb0
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -0,0 +1,132 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        data: { name: "conceptData" },
+
+        layer: [
+          {
+            mark: { type: "circle" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+            },
+          },
+          {
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
+            },
+            params: [
+              /* {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
+                },
+              },*/
+              {
+                name: "notesBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
+                },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
+                {
+                  field: "description",
+                  title: "Description",
+                },
+              ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
+            },
+          },
+        ],
+        encoding: {
+          x: {
+            field: "date",
+            type: "quantitative",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "Record Proportion per 1000",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "Y_PREVALENCE_1000PP",
+              title: "RPP1000",
+              type: "quantitative",
+            },
+            {
+              field: "date",
+              title: "Date",
+              type: "temporal",
+              timeUnit: "yearmonth",
+            },
+          ],
+        },
+      },
+      {
+        width: "container",
+        height: 25,
+        mark: "line",
+        data: { name: "conceptData" },
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "quantitative",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
new file mode 100644
index 00000000..0dc2b930
--- /dev/null
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -0,0 +1,43 @@
+<template>
+  <v-card
+    v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-visitdurationbytype"
+      :config="specVisitDurationByType"
+      :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
+      title="Visit Duration By Type"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      link-details
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .VISIT_DURATION_BY_TYPE[0]
+        )
+      "
+      divider
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { specVisitDurationByType } from "./specVisitDurationByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/specVisitDurationByType.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
rename to src/pages/reports/release/ConceptReport/charts/VisitDurationByType/specVisitDurationByType.ts
index cf392b5f..d58dbd60 100644
--- a/src/widgets/chart/config/chartSpecifications/specVisitDurationByType.ts
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/specVisitDurationByType.ts
@@ -9,6 +9,7 @@ export function specVisitDurationByType(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
diff --git a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
index 36b89aa1..931bbf3f 100644
--- a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
@@ -10,534 +10,16 @@
         </v-tabs>
         <v-window v-model="tab">
           <v-window-item v-if="store.getters.dataInStore" value="overview">
-            <v-container fluid class="ma-2 pa-4">
-              <table id="results">
-                <thead>
-                  <tr>
-                    <td></td>
-                    <td colspan="3" class="header text-center">Verification</td>
-                    <td colspan="3" class="header text-center">Validation</td>
-                    <td colspan="3" class="header text-center">Total</td>
-                  </tr>
-                  <tr>
-                    <td></td>
-                    <td class="subheader text-center">Pass</td>
-                    <td class="subheader text-center">Fail</td>
-                    <td class="subheader text-center">Total</td>
-                    <td class="subheader text-center">Pass</td>
-                    <td class="subheader text-center">Fail</td>
-                    <td class="subheader text-center">Total</td>
-                    <td class="subheader text-center">Pass</td>
-                    <td class="subheader text-center">Fail</td>
-                    <td class="subheader text-center">Total</td>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td class="text-left header">Plausibility</td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Plausibility.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Plausibility.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Plausibility.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Plausibility.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Plausibility.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Plausibility.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Plausibility
-                          .Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Plausibility
-                          .Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Plausibility
-                          .Total
-                      }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="text-left header">Conformance</td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Conformance.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Conformance.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Conformance.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Conformance.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Conformance.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Conformance.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Conformance
-                          .Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Conformance
-                          .Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Conformance
-                          .Total
-                      }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="text-left header">Completeness</td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Completeness.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Completeness.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification
-                          .Completeness.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Completeness.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Completeness.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation
-                          .Completeness.Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Completeness
-                          .Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Completeness
-                          .Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Completeness
-                          .Total
-                      }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="text-left header">Total</td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification.Total
-                          .Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification.Total
-                          .Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Verification.Total
-                          .Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation.Total
-                          .Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation.Total
-                          .Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Validation.Total
-                          .Total
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Total.Pass
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Total.Fail
-                      }}
-                    </td>
-                    <td>
-                      {{
-                        store.getters.getData.derivedResults.Total.Total.Total
-                      }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-              <info-panel
-                details="The Data Quality Overview provides a summary
-              of the results of the Data Quality assessment performed by the
-              Data Quality Dashboard package."
-                :link="links.getDataQualityDashboardLink()"
-              ></info-panel>
-            </v-container>
+            <OverviewTable />
           </v-window-item>
           <v-window-item v-if="store.getters.dataInStore" value="metadata">
-            <v-container fluid ma-2 pa-4>
-              <v-row>
-                <v-col cols="2">CDM Source Name</v-col>
-                <v-col>{{ store.getters.getData.cdmSourceName }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">Description</v-col>
-                <v-col>{{ store.getters.getData.sourceDescription }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">Licensee</v-col>
-                <v-col>{{ store.getters.getData.cdmHolder }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">Source Released</v-col>
-                <v-col>{{ store.getters.getData.sourceReleaseDate }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">CDM Released</v-col>
-                <v-col>{{ store.getters.getData.cdmReleaseDate }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">CDM Version</v-col>
-                <v-col>{{ store.getters.getData.cdmVersion }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">DQD Version</v-col>
-                <v-col>{{ store.getters.getData.dqdVersion }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">Vocabulary Version</v-col>
-                <v-col>{{ store.getters.getData.vocabularyVersion }}</v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">Source Documentation</v-col>
-                <v-col>
-                  {{ store.getters.getData.sourceDocumentationReference }}
-                  <a
-                    :href="store.getters.getData.sourceDocumentationReference"
-                    target="_blank"
-                  >
-                    <v-icon right small color="primary">mdi-open-in-new</v-icon>
-                  </a>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="2">ETL Reference</v-col>
-                <v-col>
-                  {{ store.getters.getData.cdmEtlReference }}
-                  <a
-                    :href="store.getters.getData.cdmEtlReference"
-                    target="_blank"
-                  >
-                    <v-icon right small color="primary">mdi-open-in-new</v-icon>
-                  </a>
-                </v-col>
-              </v-row>
-            </v-container>
+            <MetadataTable />
           </v-window-item>
           <v-window-item v-if="store.getters.dataInStore" value="results">
-            <v-container fluid class="ma-2 pa-4">
-              <v-row>
-                <v-col cols="3">
-                  <v-text-field
-                    prepend-icon="mdi-magnify"
-                    label="Search in Table"
-                    single-line
-                    variant="outlined"
-                    density="compact"
-                    hide-details
-                    @update:modelValue="debouncedSearch"
-                  ></v-text-field>
-                </v-col>
-                <v-col cols="auto">
-                  <SelectColumns :headers="headers" />
-                </v-col>
-                <v-col cols="auto">
-                  <v-menu
-                    attach
-                    v-model="chooseFilter"
-                    bottom
-                    :close-on-content-click="false"
-                    :offset-y="true"
-                  >
-                    <template #activator="{ props }">
-                      <v-btn color="primary" v-bind="props">
-                        <v-icon dark left>mdi-filter</v-icon>
-                        Helpful Filters
-                      </v-btn>
-                    </template>
-                    <v-list density="compact">
-                      <v-list-item
-                        v-for="(item, index) in helpfulFilters"
-                        :key="index"
-                      >
-                        <v-checkbox-btn
-                          v-model="selectedFilter"
-                          :label="item.text"
-                          :value="item"
-                          :multiple="false"
-                          hide-details="auto"
-                          @update:modelValue="helpfulFilterUpdate(item.preset)"
-                        ></v-checkbox-btn>
-                      </v-list-item>
-                    </v-list>
-                  </v-menu>
-                </v-col>
-                <v-col>
-                  <NestedMenu
-                    :data="store.getters.getData.checkResults"
-                    :items="showHeaders"
-                    :filters="filters"
-                  ></NestedMenu>
-                </v-col>
-              </v-row>
-            </v-container>
-            <v-data-table
-              show-expand
-              v-model:expanded="expanded"
-              :headers="showHeaders"
-              :items="filteredChecks"
-              :footer-props="{
-                'items-per-page-options': [5, 10, 25],
-              }"
-              item-key="checkId"
-              :items-per-page="10"
-              :search="route.query.search"
-              density="compact"
-            >
-              <template v-slot:expanded-row="{ columns, item }">
-                <td class="text-left pa-4" :colspan="columns.length">
-                  <v-row dense>
-                    <v-col cols="2">Check Name</v-col>
-                    <v-col>{{ item.raw.CHECK_NAME }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Description</v-col>
-                    <v-col
-                      >{{ item.raw.CHECK_DESCRIPTION }} (threshold
-                      {{ item.raw.THRESHOLD_VALUE }}%)</v-col
-                    >
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Threshold</v-col>
-                    <v-col>{{ item.raw.THRESHOLD_VALUE }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Notes</v-col>
-                    <v-col>{{ item.raw.NOTE_VALUE }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Level</v-col>
-                    <v-col>{{ item.raw.CHECK_LEVEL }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Table</v-col>
-                    <v-col>
-                      <a
-                        :href="links.getDocsLink(item.raw.CDM_TABLE_NAME)"
-                        target="_blank"
-                      >
-                        {{ item.raw.CDM_TABLE_NAME }}
-                        <v-icon small>mdi-open-in-new</v-icon>
-                      </a>
-                    </v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Field</v-col>
-                    <v-col>{{ item.raw.CDM_FIELD_NAME }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Concept Id</v-col>
-                    <v-col>
-                      <router-link
-                        v-if="item.raw.CONCEPT_ID != undefined"
-                        :to="getConceptDrilldown(item)"
-                        color="primary"
-                      >
-                        {{ item.raw.CONCEPT_ID }}
-                        <v-icon small>mdi-open-in-new</v-icon>
-                      </router-link>
-                    </v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Unit Concept Id</v-col>
-                    <v-col>{{ item.raw.UNIT_CONCEPT_ID }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2"># Rows Violated</v-col>
-                    <v-col>{{ item.raw.NUM_VIOLATED_ROWS }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2"># Rows Total</v-col>
-                    <v-col>{{ item.raw.NUM_DENOMINATOR_ROWS }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">% Rows Violated</v-col>
-                    <v-col
-                      >{{
-                        (item.raw.PCT_VIOLATED_ROWS * 100).toFixed(2)
-                      }}
-                      %</v-col
-                    >
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Execution Time</v-col>
-                    <v-col>{{ item.raw.EXECUTION_TIME }}</v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">SQL Query</v-col>
-                    <v-col>
-                      <Codemirror
-                        ref="myCm"
-                        :value="item.raw.QUERY_TEXT"
-                        :options="cmOptions"
-                      ></Codemirror>
-                    </v-col>
-                  </v-row>
-                  <v-row dense>
-                    <v-col cols="2">Errors</v-col>
-                    <v-col>{{ item.raw.ERROR }}</v-col>
-                  </v-row>
-                </td>
-              </template>
-              <template #item.SUBCATEGORY="{ item }">{{
-                item.raw.SUBCATEGORY == undefined
-                  ? item.raw.SUBCATEGORY
-                  : "None"
-              }}</template>
-              <template #item.CHECK_DESCRIPTION="{ item }">{{
-                renderDescription(item.raw)
-              }}</template>
-              <template #item.PCT_VIOLATED_ROWS="{ item }">
-                <div class="text-right">
-                  {{ renderPercentPassed(item.raw) }} %
-                </div>
-              </template>
-              <template #item.NUM_VIOLATED_ROWS="{ item }">
-                <div class="text-right">
-                  {{ helpers.formatComma(item.raw.NUM_VIOLATED_ROWS) }}
-                </div>
-              </template>
-              <template #item.NUM_DENOMINATOR_ROWS="{ item }">
-                <div class="text-right">
-                  {{ helpers.formatComma(item.raw.NUM_DENOMINATOR_ROWS) }}
-                </div>
-              </template>
-            </v-data-table>
+            <ResultsTable />
           </v-window-item>
           <v-window-item v-if="store.getters.dataInStore" value="pivot">
-            <v-container fluid>
-              <Pivot
-                :data="store.getters.getData.rawData.CheckResults"
-                :event-listener="pivotRedirectToResultsTab"
-                :attributes="[
-                  'CATEGORY',
-                  'CDM_FIELD_NAME',
-                  'CHECK_LEVEL',
-                  'CHECK_NAME',
-                  'CONTEXT',
-                  'NOTES_EXIST',
-                  'SUBCATEGORY',
-                  'CDM_TABLE_NAME',
-                  'FAILED',
-                ]"
-                :aggregator-names-list="['Count']"
-              >
-              </Pivot>
-            </v-container>
+            <PivotDataTable />
           </v-window-item>
         </v-window>
       </v-card>
@@ -546,320 +28,24 @@
 </template>
 
 <script setup lang="ts">
-import Codemirror from "codemirror-editor-vue3";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import Pivot from "../../../../widgets/pivot";
 import "codemirror/lib/codemirror.css";
 import "codemirror/mode/sql/sql";
 import "codemirror/theme/neat.css";
 import "codemirror/theme/base16-dark.css";
-import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-import SelectColumns from "@/features/selectColumns";
 
 import { useStore } from "vuex";
-import {
-  useRouter,
-  useRoute,
-  Router,
-  RouteLocationNormalizedLoaded,
-} from "vue-router";
-import { computed, ref, Ref, watch, onBeforeMount } from "vue";
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import { debounce } from "lodash";
-import NestedMenu from "@/features/nestedMenu/NestedMenu.vue";
+import { useRouter, useRoute } from "vue-router";
+import { computed } from "vue";
+
+import OverviewTable from "@/pages/reports/release/DataQualityResults/components/OverviewTable.vue";
+import ResultsTable from "@/pages/reports/release/DataQualityResults/components/ResultsTable.vue";
+import PivotDataTable from "@/pages/reports/release/DataQualityResults/components/PivotDataTable.vue";
+import MetadataTable from "@/pages/reports/release/DataQualityResults/components/MetadataTable.vue";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
 
-const expanded = ref([]);
-const chooseFilter: Ref<boolean> = ref(false);
-const helpfulFilters = ref([
-  {
-    text: "Failed Checks",
-    key: "failed",
-    preset: {
-      FAILED: ["FAIL"],
-      CDM_TABLE_NAME: [],
-      CDM_FIELD_NAME: [],
-      CHECK_NAME: [],
-      NOTES_EXIST: [],
-      CATEGORY: [],
-      SUBCATEGORY: [],
-      CONTEXT: [],
-      CHECK_LEVEL: [],
-    },
-  },
-  {
-    text: "No Filters",
-    key: "noFilters",
-    preset: {
-      FAILED: [],
-      CDM_TABLE_NAME: [],
-      CDM_FIELD_NAME: [],
-      CHECK_NAME: [],
-      NOTES_EXIST: [],
-      CATEGORY: [],
-      SUBCATEGORY: [],
-      CONTEXT: [],
-      CHECK_LEVEL: [],
-    },
-  },
-]);
-const filters = ref({
-  FAILED: [],
-  CDM_TABLE_NAME: [],
-  CDM_FIELD_NAME: [],
-  CHECK_NAME: [],
-  NOTES_EXIST: [],
-  CATEGORY: [],
-  SUBCATEGORY: [],
-  CONTEXT: [],
-  CHECK_LEVEL: [],
-});
-const selectedFilter = ref([]);
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Status",
-    sortable: true,
-    key: "FAILED",
-    show: true,
-    default: true,
-  },
-  {
-    title: "Table",
-    sortable: true,
-    key: "CDM_TABLE_NAME",
-    show: true,
-    default: true,
-  },
-  {
-    title: "Field",
-    sortable: true,
-    key: "CDM_FIELD_NAME",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Check",
-    sortable: true,
-    key: "CHECK_NAME",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Category",
-    sortable: true,
-    key: "CATEGORY",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Subcategory",
-    sortable: true,
-    key: "SUBCATEGORY",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Context",
-    sortable: true,
-    key: "CONTEXT",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Level",
-    sortable: true,
-    key: "CHECK_LEVEL",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Notes",
-    sortable: true,
-    key: "NOTES_EXIST",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Description",
-    sortable: true,
-    key: "CHECK_DESCRIPTION",
-    show: true,
-    default: true,
-  },
-  {
-    title: "% Records Failed",
-    sortable: true,
-    key: "PCT_VIOLATED_ROWS",
-    show: true,
-    default: true,
-  },
-  {
-    title: "# Records Failed",
-    sortable: true,
-    key: "NUM_VIOLATED_ROWS",
-    show: true,
-    default: true,
-  },
-  {
-    title: "# Total Records",
-    sortable: true,
-    key: "NUM_DENOMINATOR_ROWS",
-    show: false,
-    default: false,
-  },
-  {
-    title: "Execution Duration",
-    sortable: true,
-    key: "EXECUTION_TIME",
-    show: false,
-    default: false,
-  },
-]);
-
-const pivotRedirectToResultsTab = function (
-  router: Router,
-  route: RouteLocationNormalizedLoaded,
-  componentAttributes: string[]
-) {
-  return {
-    clickCallback: function (e, value, axisAttributes, pivotData) {
-      if (value) {
-        const params = Object.keys(componentAttributes)
-          .filter(
-            (attribute) =>
-              Object.keys(axisAttributes).includes(attribute) ||
-              Object.keys(pivotData.props.valueFilter).includes(attribute)
-          )
-          .reduce(
-            (acc, key) => ({
-              ...acc,
-              [key]: axisAttributes[key]
-                ? axisAttributes[key]
-                : Object.values(componentAttributes[key]).filter((attrValue) =>
-                    pivotData.props.valueFilter[key]
-                      ? !Object.keys(pivotData.props.valueFilter[key]).includes(
-                          attrValue
-                        )
-                      : //empty strings are possible values, as such need additional checks for them, otherwise Object.keys returns an error
-                        attrValue === ""
-                  ),
-            }),
-            {}
-          );
-        router.push({
-          path:
-            "/cdm/" +
-            route.params.cdm +
-            "/" +
-            route.params.release +
-            `/data_quality`,
-          query: {
-            tab: "results",
-            ...params,
-          },
-        });
-      }
-    },
-  };
-};
-
-const debouncedSearch = debounce(function (data: string): void {
-  router.push({
-    query: { ...route.query, search: data },
-  });
-}, 300);
-
-const updateColumnsList = function (): void {
-  const parsedParams = Object.keys(JSON.parse(filterParams.value));
-  headers.value = headers.value.map((header) => {
-    if (parsedParams.includes(header.key)) {
-      return { ...header, show: true };
-    } else {
-      if (header.default) {
-        return header;
-      } else {
-        return { ...header, show: false };
-      }
-    }
-  });
-};
-
-const getConceptDrilldown = function (item) {
-  return {
-    name: "networkConcept",
-    params: {
-      domain: item.CDM_TABLE_NAME.toLowerCase(),
-      concept: item.CONCEPT_ID.toString().trim(),
-    },
-  };
-};
-
-const renderDescription = function (d) {
-  let thresholdMessage = "";
-  if (d.THRESHOLD_VALUE != undefined) {
-    thresholdMessage = " (Threshold=" + d.THRESHOLD_VALUE + "%).";
-  }
-  return d.CHECK_DESCRIPTION + thresholdMessage;
-};
-
-const renderPercentPassed = function (d): string | number {
-  return d.PCT_VIOLATED_ROWS ? (d.PCT_VIOLATED_ROWS * 100).toFixed(2) : 0;
-};
-
-const cmOptions = computed(function () {
-  return {
-    theme: store.getters.getSettings.darkMode ? "base16-dark" : "neat",
-    lineWrapping: true,
-    tabSize: 2,
-    mode: "text/x-sql",
-    viewportMargin: Infinity,
-    lineNumbers: true,
-    autoRefresh: true,
-  };
-});
-const filterParams = computed(function () {
-  return JSON.stringify(
-    Object.keys(route.query)
-      .filter((param) => param !== "tab")
-      .reduce(
-        (acc, key) => ({
-          ...acc,
-          [key]: route.query[key],
-        }),
-        {}
-      )
-  );
-});
-
-const helpfulFilterUpdate = function (filter): void {
-  filters.value = Object.keys(filters.value).reduce(
-    (acc, key) => ({
-      ...acc,
-      [key]: filter[key] ? filter[key] : [],
-    }),
-    {}
-  );
-};
-const updateFiltersFromUrl = function (): void {
-  const parsedParams = JSON.parse(filterParams.value);
-  helpfulFilterUpdate(
-    Object.keys(parsedParams).reduce(
-      (acc, key) => ({
-        ...acc,
-        [key]: Array.isArray(parsedParams[key])
-          ? [...parsedParams[key]]
-          : [parsedParams[key]],
-      }),
-      {}
-    )
-  );
-};
-
 const tab = computed({
   set(tab: string): void {
     router.push({
@@ -872,26 +58,6 @@ const tab = computed({
     return route.query.tab;
   },
 });
-const filteredChecks = computed(() => {
-  return store.getters.getData.checkResults.filter((d) => {
-    return Object.keys(filters.value).every((f) => {
-      return filters.value[f].length < 1 || filters.value[f].includes(d[f]);
-    });
-  });
-});
-const showHeaders = computed((): DataTableHeader[] => {
-  return headers.value.filter((header) => header.show);
-});
-
-watch(filterParams, (): void => {
-  updateFiltersFromUrl();
-  updateColumnsList();
-});
-
-onBeforeMount((): void => {
-  updateFiltersFromUrl();
-  updateColumnsList();
-});
 </script>
 
 <style>
diff --git a/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
new file mode 100644
index 00000000..c3fdc0e8
--- /dev/null
+++ b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
@@ -0,0 +1,65 @@
+<template>
+  <v-container fluid ma-2 pa-4>
+    <v-row>
+      <v-col cols="2">CDM Source Name</v-col>
+      <v-col>{{ store.getters.getData.cdmSourceName }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">Description</v-col>
+      <v-col>{{ store.getters.getData.sourceDescription }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">Licensee</v-col>
+      <v-col>{{ store.getters.getData.cdmHolder }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">Source Released</v-col>
+      <v-col>{{ store.getters.getData.sourceReleaseDate }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">CDM Released</v-col>
+      <v-col>{{ store.getters.getData.cdmReleaseDate }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">CDM Version</v-col>
+      <v-col>{{ store.getters.getData.cdmVersion }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">DQD Version</v-col>
+      <v-col>{{ store.getters.getData.dqdVersion }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">Vocabulary Version</v-col>
+      <v-col>{{ store.getters.getData.vocabularyVersion }}</v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">Source Documentation</v-col>
+      <v-col>
+        {{ store.getters.getData.sourceDocumentationReference }}
+        <a
+          :href="store.getters.getData.sourceDocumentationReference"
+          target="_blank"
+        >
+          <v-icon right small color="primary">mdi-open-in-new</v-icon>
+        </a>
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="2">ETL Reference</v-col>
+      <v-col>
+        {{ store.getters.getData.cdmEtlReference }}
+        <a :href="store.getters.getData.cdmEtlReference" target="_blank">
+          <v-icon right small color="primary">mdi-open-in-new</v-icon>
+        </a>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
new file mode 100644
index 00000000..66dd6675
--- /dev/null
+++ b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
@@ -0,0 +1,207 @@
+<template>
+  <v-container fluid class="ma-2 pa-4">
+    <table id="results">
+      <thead>
+        <tr>
+          <td></td>
+          <td colspan="3" class="header text-center">Verification</td>
+          <td colspan="3" class="header text-center">Validation</td>
+          <td colspan="3" class="header text-center">Total</td>
+        </tr>
+        <tr>
+          <td></td>
+          <td class="subheader text-center">Pass</td>
+          <td class="subheader text-center">Fail</td>
+          <td class="subheader text-center">Total</td>
+          <td class="subheader text-center">Pass</td>
+          <td class="subheader text-center">Fail</td>
+          <td class="subheader text-center">Total</td>
+          <td class="subheader text-center">Pass</td>
+          <td class="subheader text-center">Fail</td>
+          <td class="subheader text-center">Total</td>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td class="text-left header">Plausibility</td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Plausibility
+                .Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Plausibility
+                .Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Plausibility
+                .Total
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Plausibility.Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Plausibility.Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Plausibility.Total
+            }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Plausibility.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Plausibility.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Plausibility.Total }}
+          </td>
+        </tr>
+        <tr>
+          <td class="text-left header">Conformance</td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Conformance.Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Conformance.Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Conformance
+                .Total
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Conformance.Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Conformance.Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Conformance.Total
+            }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Conformance.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Conformance.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Conformance.Total }}
+          </td>
+        </tr>
+        <tr>
+          <td class="text-left header">Completeness</td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Completeness
+                .Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Completeness
+                .Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Verification.Completeness
+                .Total
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Completeness.Pass
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Completeness.Fail
+            }}
+          </td>
+          <td>
+            {{
+              store.getters.getData.derivedResults.Validation.Completeness.Total
+            }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Completeness.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Completeness.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Completeness.Total }}
+          </td>
+        </tr>
+        <tr>
+          <td class="text-left header">Total</td>
+          <td>
+            {{ store.getters.getData.derivedResults.Verification.Total.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Verification.Total.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Verification.Total.Total }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Validation.Total.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Validation.Total.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Validation.Total.Total }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Total.Pass }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Total.Fail }}
+          </td>
+          <td>
+            {{ store.getters.getData.derivedResults.Total.Total.Total }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <info-panel
+      details="The Data Quality Overview provides a summary
+              of the results of the Data Quality assessment performed by the
+              Data Quality Dashboard package."
+      :link="links.getDataQualityDashboardLink()"
+    ></info-panel>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
new file mode 100644
index 00000000..4f8d9fe6
--- /dev/null
+++ b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
@@ -0,0 +1,77 @@
+<template>
+  <v-container fluid>
+    <Pivot
+      :data="store.getters.getData.rawData.CheckResults"
+      :event-listener="pivotRedirectToResultsTab"
+      :attributes="[
+        'CATEGORY',
+        'CDM_FIELD_NAME',
+        'CHECK_LEVEL',
+        'CHECK_NAME',
+        'CONTEXT',
+        'NOTES_EXIST',
+        'SUBCATEGORY',
+        'CDM_TABLE_NAME',
+        'FAILED',
+      ]"
+      :aggregator-names-list="['Count']"
+    >
+    </Pivot>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+import Pivot from "@/widgets/pivot";
+import { useStore } from "vuex";
+import { RouteLocationNormalizedLoaded, Router } from "vue-router";
+
+const store = useStore();
+const pivotRedirectToResultsTab = function (
+  router: Router,
+  route: RouteLocationNormalizedLoaded,
+  componentAttributes: string[]
+) {
+  return {
+    clickCallback: function (e, value, axisAttributes, pivotData) {
+      if (value) {
+        const params = Object.keys(componentAttributes)
+          .filter(
+            (attribute) =>
+              Object.keys(axisAttributes).includes(attribute) ||
+              Object.keys(pivotData.props.valueFilter).includes(attribute)
+          )
+          .reduce(
+            (acc, key) => ({
+              ...acc,
+              [key]: axisAttributes[key]
+                ? axisAttributes[key]
+                : Object.values(componentAttributes[key]).filter((attrValue) =>
+                    pivotData.props.valueFilter[key]
+                      ? !Object.keys(pivotData.props.valueFilter[key]).includes(
+                          attrValue
+                        )
+                      : //empty strings are possible values, as such need additional checks for them, otherwise Object.keys returns an error
+                        attrValue === ""
+                  ),
+            }),
+            {}
+          );
+        router.push({
+          path:
+            "/cdm/" +
+            route.params.cdm +
+            "/" +
+            route.params.release +
+            `/data_quality`,
+          query: {
+            tab: "results",
+            ...params,
+          },
+        });
+      }
+    },
+  };
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
new file mode 100644
index 00000000..15920e1b
--- /dev/null
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -0,0 +1,450 @@
+<template>
+  <v-container fluid class="ma-2 pa-4">
+    <v-row>
+      <v-col cols="3">
+        <v-text-field
+          prepend-icon="mdi-magnify"
+          label="Search in Table"
+          single-line
+          variant="outlined"
+          density="compact"
+          hide-details
+          @update:modelValue="debouncedSearch"
+        ></v-text-field>
+      </v-col>
+      <v-col cols="auto">
+        <SelectColumns :headers="headers" />
+      </v-col>
+      <v-col cols="auto">
+        <v-menu
+          attach
+          v-model="chooseFilter"
+          bottom
+          :close-on-content-click="false"
+          :offset-y="true"
+        >
+          <template #activator="{ props }">
+            <v-btn color="primary" v-bind="props">
+              <v-icon dark left>mdi-filter</v-icon>
+              Helpful Filters
+            </v-btn>
+          </template>
+          <v-list density="compact">
+            <v-list-item v-for="(item, index) in helpfulFilters" :key="index">
+              <v-checkbox-btn
+                v-model="selectedFilter"
+                :label="item.text"
+                :value="item"
+                :multiple="false"
+                hide-details="auto"
+                @update:modelValue="helpfulFilterUpdate(item.preset)"
+              ></v-checkbox-btn>
+            </v-list-item>
+          </v-list>
+        </v-menu>
+      </v-col>
+      <v-col>
+        <NestedMenu
+          :data="store.getters.getData.checkResults"
+          :items="showHeaders"
+          :filters="filters"
+        ></NestedMenu>
+      </v-col>
+    </v-row>
+  </v-container>
+  <v-data-table
+    show-expand
+    v-model:expanded="expanded"
+    :headers="showHeaders"
+    :items="filteredChecks"
+    :footer-props="{
+      'items-per-page-options': [5, 10, 25],
+    }"
+    item-key="checkId"
+    :items-per-page="10"
+    :search="route.query.search"
+    density="compact"
+  >
+    <template v-slot:expanded-row="{ columns, item }">
+      <td class="text-left pa-4" :colspan="columns.length">
+        <v-row dense>
+          <v-col cols="2">Check Name</v-col>
+          <v-col>{{ item.raw.CHECK_NAME }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Description</v-col>
+          <v-col
+            >{{ item.raw.CHECK_DESCRIPTION }} (threshold
+            {{ item.raw.THRESHOLD_VALUE }}%)</v-col
+          >
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Threshold</v-col>
+          <v-col>{{ item.raw.THRESHOLD_VALUE }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Notes</v-col>
+          <v-col>{{ item.raw.NOTE_VALUE }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Level</v-col>
+          <v-col>{{ item.raw.CHECK_LEVEL }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Table</v-col>
+          <v-col>
+            <a
+              :href="links.getDocsLink(item.raw.CDM_TABLE_NAME)"
+              target="_blank"
+            >
+              {{ item.raw.CDM_TABLE_NAME }}
+              <v-icon small>mdi-open-in-new</v-icon>
+            </a>
+          </v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Field</v-col>
+          <v-col>{{ item.raw.CDM_FIELD_NAME }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Concept Id</v-col>
+          <v-col>
+            <router-link
+              v-if="item.raw.CONCEPT_ID != undefined"
+              :to="getConceptDrilldown(item)"
+              color="primary"
+            >
+              {{ item.raw.CONCEPT_ID }}
+              <v-icon small>mdi-open-in-new</v-icon>
+            </router-link>
+          </v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Unit Concept Id</v-col>
+          <v-col>{{ item.raw.UNIT_CONCEPT_ID }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2"># Rows Violated</v-col>
+          <v-col>{{ item.raw.NUM_VIOLATED_ROWS }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2"># Rows Total</v-col>
+          <v-col>{{ item.raw.NUM_DENOMINATOR_ROWS }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">% Rows Violated</v-col>
+          <v-col>{{ (item.raw.PCT_VIOLATED_ROWS * 100).toFixed(2) }} %</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Execution Time</v-col>
+          <v-col>{{ item.raw.EXECUTION_TIME }}</v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">SQL Query</v-col>
+          <v-col>
+            <Codemirror
+              ref="myCm"
+              :value="item.raw.QUERY_TEXT"
+              :options="cmOptions"
+            ></Codemirror>
+          </v-col>
+        </v-row>
+        <v-row dense>
+          <v-col cols="2">Errors</v-col>
+          <v-col>{{ item.raw.ERROR }}</v-col>
+        </v-row>
+      </td>
+    </template>
+    <template #item.SUBCATEGORY="{ item }">{{
+      item.raw.SUBCATEGORY == undefined ? item.raw.SUBCATEGORY : "None"
+    }}</template>
+    <template #item.CHECK_DESCRIPTION="{ item }">{{
+      renderDescription(item.raw)
+    }}</template>
+    <template #item.PCT_VIOLATED_ROWS="{ item }">
+      <div class="text-right">{{ renderPercentPassed(item.raw) }} %</div>
+    </template>
+    <template #item.NUM_VIOLATED_ROWS="{ item }">
+      <div class="text-right">
+        {{ helpers.formatComma(item.raw.NUM_VIOLATED_ROWS) }}
+      </div>
+    </template>
+    <template #item.NUM_DENOMINATOR_ROWS="{ item }">
+      <div class="text-right">
+        {{ helpers.formatComma(item.raw.NUM_DENOMINATOR_ROWS) }}
+      </div>
+    </template>
+  </v-data-table>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import SelectColumns from "@/features/selectColumns";
+import NestedMenu from "@/features/nestedMenu/NestedMenu.vue";
+import Codemirror from "codemirror-editor-vue3";
+import { links } from "@/shared/config/links";
+import { helpers } from "@/shared/lib/mixins";
+import { useStore } from "vuex";
+import { computed, onBeforeMount, Ref, ref, watch } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { debounce } from "lodash";
+import { useRoute, useRouter } from "vue-router";
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+const expanded = ref([]);
+const chooseFilter: Ref<boolean> = ref(false);
+const helpfulFilters = ref([
+  {
+    text: "Failed Checks",
+    key: "failed",
+    preset: {
+      FAILED: ["FAIL"],
+      CDM_TABLE_NAME: [],
+      CDM_FIELD_NAME: [],
+      CHECK_NAME: [],
+      NOTES_EXIST: [],
+      CATEGORY: [],
+      SUBCATEGORY: [],
+      CONTEXT: [],
+      CHECK_LEVEL: [],
+    },
+  },
+  {
+    text: "No Filters",
+    key: "noFilters",
+    preset: {
+      FAILED: [],
+      CDM_TABLE_NAME: [],
+      CDM_FIELD_NAME: [],
+      CHECK_NAME: [],
+      NOTES_EXIST: [],
+      CATEGORY: [],
+      SUBCATEGORY: [],
+      CONTEXT: [],
+      CHECK_LEVEL: [],
+    },
+  },
+]);
+const filters = ref({
+  FAILED: [],
+  CDM_TABLE_NAME: [],
+  CDM_FIELD_NAME: [],
+  CHECK_NAME: [],
+  NOTES_EXIST: [],
+  CATEGORY: [],
+  SUBCATEGORY: [],
+  CONTEXT: [],
+  CHECK_LEVEL: [],
+});
+const selectedFilter = ref([]);
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "Status",
+    sortable: true,
+    key: "FAILED",
+    show: true,
+    default: true,
+  },
+  {
+    title: "Table",
+    sortable: true,
+    key: "CDM_TABLE_NAME",
+    show: true,
+    default: true,
+  },
+  {
+    title: "Field",
+    sortable: true,
+    key: "CDM_FIELD_NAME",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Check",
+    sortable: true,
+    key: "CHECK_NAME",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Category",
+    sortable: true,
+    key: "CATEGORY",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Subcategory",
+    sortable: true,
+    key: "SUBCATEGORY",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Context",
+    sortable: true,
+    key: "CONTEXT",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Level",
+    sortable: true,
+    key: "CHECK_LEVEL",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Notes",
+    sortable: true,
+    key: "NOTES_EXIST",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Description",
+    sortable: true,
+    key: "CHECK_DESCRIPTION",
+    show: true,
+    default: true,
+  },
+  {
+    title: "% Records Failed",
+    sortable: true,
+    key: "PCT_VIOLATED_ROWS",
+    show: true,
+    default: true,
+  },
+  {
+    title: "# Records Failed",
+    sortable: true,
+    key: "NUM_VIOLATED_ROWS",
+    show: true,
+    default: true,
+  },
+  {
+    title: "# Total Records",
+    sortable: true,
+    key: "NUM_DENOMINATOR_ROWS",
+    show: false,
+    default: false,
+  },
+  {
+    title: "Execution Duration",
+    sortable: true,
+    key: "EXECUTION_TIME",
+    show: false,
+    default: false,
+  },
+]);
+const getConceptDrilldown = function (item) {
+  return {
+    name: "networkConcept",
+    params: {
+      domain: item.CDM_TABLE_NAME.toLowerCase(),
+      concept: item.CONCEPT_ID.toString().trim(),
+    },
+  };
+};
+const filteredChecks = computed(() => {
+  return store.getters.getData.checkResults.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return filters.value[f].length < 1 || filters.value[f].includes(d[f]);
+    });
+  });
+});
+const cmOptions = computed(function () {
+  return {
+    theme: store.getters.getSettings.darkMode ? "base16-dark" : "neat",
+    lineWrapping: true,
+    tabSize: 2,
+    mode: "text/x-sql",
+    viewportMargin: Infinity,
+    lineNumbers: true,
+    autoRefresh: true,
+  };
+});
+const helpfulFilterUpdate = function (filter): void {
+  filters.value = Object.keys(filters.value).reduce(
+    (acc, key) => ({
+      ...acc,
+      [key]: filter[key] ? filter[key] : [],
+    }),
+    {}
+  );
+};
+const renderDescription = function (d) {
+  let thresholdMessage = "";
+  if (d.THRESHOLD_VALUE != undefined) {
+    thresholdMessage = " (Threshold=" + d.THRESHOLD_VALUE + "%).";
+  }
+  return d.CHECK_DESCRIPTION + thresholdMessage;
+};
+const renderPercentPassed = function (d): string | number {
+  return d.PCT_VIOLATED_ROWS ? (d.PCT_VIOLATED_ROWS * 100).toFixed(2) : 0;
+};
+const showHeaders = computed((): DataTableHeader[] => {
+  return headers.value.filter((header) => header.show);
+});
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: { ...route.query, search: data },
+  });
+}, 300);
+
+const filterParams = computed(function () {
+  return JSON.stringify(
+    Object.keys(route.query)
+      .filter((param) => param !== "tab")
+      .reduce(
+        (acc, key) => ({
+          ...acc,
+          [key]: route.query[key],
+        }),
+        {}
+      )
+  );
+});
+const updateColumnsList = function (): void {
+  const parsedParams = Object.keys(JSON.parse(filterParams.value));
+  headers.value = headers.value.map((header) => {
+    if (parsedParams.includes(header.key)) {
+      return { ...header, show: true };
+    } else {
+      if (header.default) {
+        return header;
+      } else {
+        return { ...header, show: false };
+      }
+    }
+  });
+};
+const updateFiltersFromUrl = function (): void {
+  const parsedParams = JSON.parse(filterParams.value);
+  helpfulFilterUpdate(
+    Object.keys(parsedParams).reduce(
+      (acc, key) => ({
+        ...acc,
+        [key]: Array.isArray(parsedParams[key])
+          ? [...parsedParams[key]]
+          : [parsedParams[key]],
+      }),
+      {}
+    )
+  );
+};
+
+watch(filterParams, (): void => {
+  updateFiltersFromUrl();
+  updateColumnsList();
+});
+
+onBeforeMount((): void => {
+  updateFiltersFromUrl();
+  updateColumnsList();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/DeathReport.vue b/src/pages/reports/release/DeathReport/DeathReport.vue
index cf818494..3fea7a2a 100644
--- a/src/pages/reports/release/DeathReport/DeathReport.vue
+++ b/src/pages/reports/release/DeathReport/DeathReport.vue
@@ -3,129 +3,31 @@
     <v-container v-if="!store.getters.getErrors" fluid>
       <v-responsive min-width="900">
         <div class="text-uppercase text-h6">Death Report</div>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-ageatdeath"
-            width="100"
-            title="Age at Death"
-            :config="chartConfigs.specAgeAtDeath"
-            :data="store.getters.getData.AGE_AT_DEATH"
-          />
-          <infopanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.name.toUpperCase()]
-                  .AGE_AT_DEATH[0]
-              )
-            "
-            :divider="true"
-          ></infopanel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-deathbytype"
-            width="100"
-            title="Death By Type"
-            :config="chartConfigs.specDeathByType"
-            :data="store.getters.getData.DEATH_BY_TYPE"
-          />
-          <infopanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.name.toUpperCase()]
-                  .DEATH_BY_TYPE[0]
-              )
-            "
-            :divider="true"
-          ></infopanel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-recordproportionbyagesexyear"
-            width="90"
-            :config="chartConfigs.specRecordProportionByAgeSexYear"
-            :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
-            title="Record Count Proportion by Age, Sex, and Year"
-          />
-          <infopanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.name.toUpperCase()]
-                  .PREVALENCE_BY_GENDER_AGE_YEAR[0]
-              )
-            "
-            :divider="true"
-          ></infopanel>
-        </v-card>
-        <v-card
-          :loading="!store.getters.dataInStore"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.dataInStore"
-            id="viz-recordproportionbymonth"
-            width="90"
-            :config="chartConfigs.specRecordProportionByMonth"
-            :data="store.getters.getData.PREVALENCE_BY_MONTH"
-            title="Record Count Proportion by Month"
-          />
-          <infopanel
-            details="Proportion of people with at least one record per 1000 people."
-            :divider="true"
-          ></infopanel>
-          <infopanel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.name.toUpperCase()]
-                  .PREVALENCE_BY_MONTH[0]
-              )
-            "
-            :divider="false"
-          ></infopanel>
-        </v-card>
+        <AgeAtDeath />
+        <DeathByType />
+        <RecordCountProportionByAgeSexYear />
+        <RecordCountProportionByMonth />
       </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
     </v-container>
   </div>
 </template>
 
 <script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
 import { useRoute } from "vue-router";
 import { useStore } from "vuex";
-import Infopanel from "@/widgets/infoPanel";
-import { links } from "@/shared/config/links";
+import AgeAtDeath from "@/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue";
+import DeathByType from "@/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue";
+import RecordCountProportionByAgeSexYear from "@/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
+import RecordCountProportionByMonth from "@/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
new file mode 100644
index 00000000..5e9713e9
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-ageatdeath"
+      width="100"
+      title="Age at Death"
+      :config="specAgeAtDeath"
+      :data="store.getters.getData.AGE_AT_DEATH"
+    />
+    <infopanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.name.toUpperCase()].AGE_AT_DEATH[0]
+        )
+      "
+      :divider="true"
+    ></infopanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specAgeAtDeath } from "./specAgeAtDeath";
+import { links } from "@/shared/config/links";
+import Infopanel from "@/widgets/infoPanel";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/specAgeAtDeath.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
rename to src/pages/reports/release/DeathReport/charts/AgeAtDeath/specAgeAtDeath.ts
index 1b1b8b32..f667d321 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtDeath.ts
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/specAgeAtDeath.ts
@@ -9,6 +9,7 @@ export function specAgeAtDeath(
     $schema: VEGA_SCHEMA,
     height: 100,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       y: {
         field: "CATEGORY",
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
new file mode 100644
index 00000000..aa5d641a
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-deathbytype"
+      width="100"
+      title="Death By Type"
+      :config="specDeathByType"
+      :data="store.getters.getData.DEATH_BY_TYPE"
+    />
+    <infopanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.name.toUpperCase()].DEATH_BY_TYPE[0]
+        )
+      "
+      :divider="true"
+    ></infopanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import Infopanel from "@/widgets/infoPanel";
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specDeathByType } from "./specDeathByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDeathByType.ts b/src/pages/reports/release/DeathReport/charts/DeathByType/specDeathByType.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specDeathByType.ts
rename to src/pages/reports/release/DeathReport/charts/DeathByType/specDeathByType.ts
index 39f4c7fe..95427536 100644
--- a/src/widgets/chart/config/chartSpecifications/specDeathByType.ts
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/specDeathByType.ts
@@ -7,6 +7,8 @@ export function specDeathByType(zeroBaseline = false) {
     width: "container",
     height: 75,
     mark: "bar",
+    data: { name: "conceptData" },
+
     transform: [
       {
         window: [
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
new file mode 100644
index 00000000..9d6e670b
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -0,0 +1,43 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-recordproportionbyagesexyear"
+      width="90"
+      :config="specRecordProportionByAgeSexYear"
+      :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
+      title="Record Count Proportion by Age, Sex, and Year"
+    />
+    <infopanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.name.toUpperCase()]
+            .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+        )
+      "
+      :divider="true"
+    ></infopanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import Infopanel from "@/widgets/infoPanel";
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
new file mode 100644
index 00000000..ce4f4719
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
@@ -0,0 +1,122 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    spacing: 10,
+    autosize: { resize: true },
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "TRELLIS_NAME",
+        title: "Age Deciles",
+        sort: { field: "trellisOrder" },
+      },
+      field: "TRELLIS_NAME",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      width: "container",
+      height: 30,
+      encoding: {
+        x: {
+          field: "X_CALENDAR_YEAR",
+          type: "quantitative",
+          title: "",
+          axis: {
+            format: "d",
+          },
+        },
+        y: {
+          field: "Y_PREVALENCE_1000PP",
+          type: "quantitative",
+          title: "",
+          scale: {
+            zero: zeroBaseline,
+          },
+        },
+        color: {
+          title: "Sex",
+          field: "SERIES_NAME",
+          type: "nominal",
+          legend: {
+            orient: "right",
+            offset: 5,
+          },
+        },
+        tooltip: [
+          { field: "X_CALENDAR_YEAR", title: "Year" },
+          {
+            field: "Y_PREVALENCE_1000PP",
+            title: "Record Proportion per 1000",
+          },
+          { field: "TRELLIS_NAME", title: "Age Decile" },
+        ],
+      },
+      layer: [
+        {
+          mark: { type: "line", interpolate: "linear" },
+          params: [
+            {
+              name: "source",
+              select: { type: "point", fields: ["SERIES_NAME"] },
+              bind: "legend",
+            },
+          ],
+          encoding: {
+            opacity: {
+              condition: { param: "source", value: 1 },
+              value: 0.2,
+            },
+          },
+        },
+        {
+          selection: {
+            dataSource: {
+              type: "multi",
+              fields: ["SERIES_NAME"],
+              bind: "legend",
+            },
+            x: {
+              type: "single",
+              on: "mousemove",
+              encodings: ["x"],
+              nearest: true,
+            },
+          },
+          transform: [
+            {
+              filter: { selection: "dataSource" },
+            },
+          ],
+          mark: { type: "point", tooltip: true },
+        },
+        {
+          transform: [
+            {
+              filter: {
+                and: ["x.X_CALENDAR_YEAR", { selection: "x" }],
+              },
+            },
+            { filter: { selection: "dataSource" } },
+          ],
+          layer: [
+            {
+              mark: "rule",
+              encoding: {
+                y: {
+                  height: 1,
+                },
+                color: {
+                  value: "black",
+                },
+              },
+            },
+          ],
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
new file mode 100644
index 00000000..490b5b39
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -0,0 +1,65 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-deathrecordproportionbymonth"
+      width="90"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :annotations-config="specRecordProportionByMonthAnnotation"
+      :config="specRecordProportionByMonth"
+      :data="store.getters.getData.PREVALENCE_BY_MONTH"
+      title="Record Count Proportion by Month"
+    />
+    <NotesPanel report="viz-deathrecordproportionbymonth" />
+    <infopanel
+      details="Proportion of people with at least one record per 1000 people."
+      :divider="true"
+    ></infopanel>
+    <infopanel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.name.toUpperCase()]
+            .PREVALENCE_BY_MONTH[0]
+        )
+      "
+      :divider="false"
+    ></infopanel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import Infopanel from "@/widgets/infoPanel";
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
+import * as listeners from "@/pages/model/lib/listeners";
+import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
+import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+const store = useStore();
+const route = useRoute();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-deathrecordproportionbymonth"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts
rename to src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
index 40bbed7e..be9e9a42 100644
--- a/src/widgets/chart/config/chartSpecifications/specRecordProportionByMonth.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
@@ -4,6 +4,7 @@ import { TopLevelSpec } from "vega-lite";
 export function specRecordProportionByMonth(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
     vconcat: [
       {
         height: 150,
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
new file mode 100644
index 00000000..879c86a7
--- /dev/null
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -0,0 +1,139 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        layer: [
+          {
+            mark: { type: "circle" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+            },
+          },
+          {
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
+            },
+            params: [
+              {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
+                },
+              },
+              {
+                name: "notesBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
+                },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
+                {
+                  field: "description",
+                  title: "Description",
+                },
+              ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              color: {
+                condition: {
+                  param: "justBrush",
+                  field: "CONCEPT_NAME",
+                  type: "ordinal",
+                  legend: null,
+                },
+                value: "grey",
+              },
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
+            },
+          },
+        ],
+        encoding: {
+          x: {
+            field: "date",
+            type: "quantitative",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "Record Proportion per 1000",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "Y_PREVALENCE_1000PP",
+              title: "RPP1000",
+              type: "quantitative",
+            },
+            {
+              field: "date",
+              title: "Date",
+              type: "temporal",
+              timeUnit: "yearmonth",
+            },
+          ],
+        },
+      },
+      {
+        width: "container",
+        height: 25,
+        mark: "line",
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/release/DomainDensity/ui/DomainDensity.vue b/src/pages/reports/release/DomainDensity/DomainDensity.vue
similarity index 72%
rename from src/pages/reports/release/DomainDensity/ui/DomainDensity.vue
rename to src/pages/reports/release/DomainDensity/DomainDensity.vue
index b6e86a68..65f97e2a 100644
--- a/src/pages/reports/release/DomainDensity/ui/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/DomainDensity.vue
@@ -14,8 +14,8 @@
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import DomainRecordsPerPerson from "./charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue";
-import DomainDensity from "./charts/DomainDensity/DomainDensity.vue";
+import DomainRecordsPerPerson from "@/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue";
+import DomainDensity from "@/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
 const store = useStore();
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
similarity index 88%
rename from src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue
rename to src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 8cc94dc4..33ab0348 100644
--- a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -11,6 +11,7 @@
       title="Domain
       Density"
       :config="defOverview"
+      :annotations-config="defOverviewAnnotation"
       :data="store.getters.getData.domainDensity"
       :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
@@ -18,6 +19,8 @@
       :notes="notes"
       annotations
     />
+    <NotesPanel report="viz-overview" />
+
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -40,8 +43,10 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defOverview } from "./defOverview";
+import { defOverviewAnnotation } from "./defOverviewAnnotation";
 import * as listeners from "@/pages/model/lib/listeners";
 import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 
 const store = useStore();
 const notes = computed(() => {
diff --git a/src/widgets/chart/config/chartSpecifications/defOverview.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
similarity index 99%
rename from src/widgets/chart/config/chartSpecifications/defOverview.ts
rename to src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
index ce5a9496..70d5feeb 100644
--- a/src/widgets/chart/config/chartSpecifications/defOverview.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
@@ -11,6 +11,7 @@ export function defOverview(zeroBaseline = false) {
         as: "transformedDate",
       },
     ],
+    data: { name: "conceptData" },
     vconcat: [
       {
         height: 150,
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
similarity index 69%
rename from src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts
rename to src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index 30733b6d..aba12707 100644
--- a/src/pages/reports/release/DomainDensity/ui/charts/DomainDensity/defOverview.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function defOverview(zeroBaseline = false) {
+export function defOverviewAnnotation(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     transform: [
@@ -24,7 +24,7 @@ export function defOverview(zeroBaseline = false) {
         encoding: {
           x: {
             field: "date",
-            type: "temporal",
+            type: "quantitative",
             timeUnit: "yearmonth",
             scale: { domain: { selection: "brush" } },
             title: "Date",
@@ -62,7 +62,7 @@ export function defOverview(zeroBaseline = false) {
               name: "notesData",
             },
             params: [
-              {
+              /* {
                 name: "justBrush",
                 select: {
                   type: "point",
@@ -70,9 +70,9 @@ export function defOverview(zeroBaseline = false) {
                   encodings: ["x", "x2", "y", "y2"],
                   value: { x: [55, 160], y: [13, 37] },
                 },
-              },
+              },*/
               {
-                name: "secondBrush",
+                name: "notesBrush",
                 select: {
                   type: "interval",
                   encodings: ["x", "y"],
@@ -91,15 +91,6 @@ export function defOverview(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
-              /*color: {
-                condition: {
-                  param: "justBrush",
-                  field: "CONCEPT_NAME",
-                  type: "ordinal",
-                  legend: null,
-                },
-                value: "grey",
-              },*/
               x2: {
                 field: "end",
                 type: "quantitative",
@@ -114,56 +105,8 @@ export function defOverview(zeroBaseline = false) {
               },
             },
           },
-
-          {
-            transform: [{ filter: { param: "source" } }],
-            selection: {
-              x: {
-                type: "single",
-                on: "mousemove",
-                fields: ["transformedDate"],
-                nearest: true,
-              },
-            },
-            mark: { type: "point", tooltip: true },
-            encoding: {
-              tooltip: [
-                {
-                  field: "records",
-                  type: "quantitative",
-                  title: "# Records",
-                  format: ",",
-                },
-                {
-                  field: "transformedDate",
-                  type: "temporal",
-                  title: "Date",
-                },
-                { field: "domain", type: "nominal", title: "Domain" },
-              ],
-            },
-          },
           {
-            transform: [
-              {
-                filter: {
-                  and: ["x.transformedDate", { selection: "x" }],
-                },
-              },
-            ],
-            layer: [
-              {
-                mark: "rule",
-                encoding: {
-                  y: {
-                    height: 1,
-                  },
-                  color: {
-                    value: "black",
-                  },
-                },
-              },
-            ],
+            mark: { type: "circle", interpolate: "linear" },
           },
         ],
       },
@@ -177,7 +120,7 @@ export function defOverview(zeroBaseline = false) {
         encoding: {
           x: {
             field: "date",
-            type: "temporal",
+            type: "quantitative",
             title: "Date",
             timeUnit: "yearmonth",
           },
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
similarity index 72%
rename from src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
rename to src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index bb07cef3..a30586b3 100644
--- a/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -10,8 +10,16 @@
       width="80"
       title="Domain Records per Person"
       :config="defRecordsPerPerson"
+      :annotations-config="defRecordsPerPersonAnnotation"
       :data="store.getters.getData.domainRecords"
+      :click-listener="listeners.setRectangleLocationClick"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :notes="notes"
+      annotations
     />
+    <NotesPanel report="viz-recordsperperson" />
+
     <InfoPanel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -33,7 +41,10 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defRecordsPerPerson } from "./defRecordsPerPerson";
+import { defRecordsPerPersonAnnotation } from "./defRecordsPerPersonAnnotation";
 import { computed } from "vue";
+import * as listeners from "@/pages/model/lib/listeners";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
similarity index 100%
rename from src/pages/reports/release/DomainDensity/ui/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
rename to src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
diff --git a/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
similarity index 69%
rename from src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts
rename to src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index 319e6bd7..3f343065 100644
--- a/src/widgets/chart/config/chartSpecifications/defRecordsPerPerson.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function defRecordsPerPerson(zeroBaseline = false) {
+export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     transform: [
@@ -11,6 +11,8 @@ export function defRecordsPerPerson(zeroBaseline = false) {
         as: "transformedDate",
       },
     ],
+    data: { name: "conceptData" },
+
     vconcat: [
       {
         height: 150,
@@ -19,7 +21,7 @@ export function defRecordsPerPerson(zeroBaseline = false) {
         encoding: {
           x: {
             field: "date",
-            type: "temporal",
+            type: "quantitative",
             axis: { title: "Date" },
             scale: { domain: { selection: "brush" } },
             timeUnit: "yearmonth",
@@ -53,58 +55,56 @@ export function defRecordsPerPerson(zeroBaseline = false) {
             },
           },
           {
-            transform: [{ filter: { param: "source" } }],
-            selection: {
-              x: {
-                type: "single",
-                on: "mousemove",
-                fields: ["transformedDate"],
-                nearest: true,
-              },
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
             },
-            mark: { type: "point", tooltip: true },
-            encoding: {
-              tooltip: [
-                {
-                  field: "records",
-                  type: "quantitative",
-                  title: "Records per person",
-                  format: ",",
+            params: [
+              /* {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
                 },
-                {
-                  field: "date",
-                  type: "temporal",
-                  title: "Date",
+              },*/
+              {
+                name: "notesBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
                 },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
                 {
-                  field: "domain",
-                  type: "nominal",
-                  title: "Domain",
+                  field: "description",
+                  title: "Description",
                 },
               ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
             },
           },
           {
-            transform: [
-              {
-                filter: {
-                  and: ["x.transformedDate", { selection: "x" }],
-                },
-              },
-            ],
-            layer: [
-              {
-                mark: "rule",
-                encoding: {
-                  y: {
-                    height: 1,
-                  },
-                  color: {
-                    value: "black",
-                  },
-                },
-              },
-            ],
+            mark: { type: "circle", interpolate: "linear" },
           },
         ],
       },
@@ -115,7 +115,7 @@ export function defRecordsPerPerson(zeroBaseline = false) {
         encoding: {
           x: {
             field: "date",
-            type: "temporal",
+            type: "quantitative",
             title: "Date",
             timeUnit: "yearmonth",
           },
diff --git a/src/pages/reports/release/DomainTable/DomainTable.vue b/src/pages/reports/release/DomainTable/DomainTable.vue
index 9a5745be..be39042a 100644
--- a/src/pages/reports/release/DomainTable/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable/DomainTable.vue
@@ -1,432 +1,21 @@
 <template>
   <div v-if="!store.getters.getErrors">
     <v-container fluid class="pa-1">
-      <v-card
-        :loading="!store.getters.dataInStore"
-        elevation="10"
-        class="ma-4 pa-2"
-      >
-        <div v-if="store.getters.dataInStore">
-          <v-row
-            ><v-col cols="8">
-              <v-layout justify-start align-center class="ml-4 mr-4">
-                <v-card-title>{{
-                  route.params.domain.toUpperCase().replace("_", " ")
-                }}</v-card-title>
-              </v-layout>
-            </v-col>
-            <v-col cols="4">
-              <v-layout class="ml-4 mr-4 justify-end align-center">
-                <v-tooltip v-if="issueCount > 0" left nudge-left="15">
-                  <template v-slot:activator="{ props }">
-                    <v-btn variant="flat" icon @click="navigateToDataQuality">
-                      <v-badge icon color="error" :content="issueCount">
-                        <v-icon size="large" v-bind="props"
-                          >mdi-database</v-icon
-                        >
-                      </v-badge>
-                    </v-btn>
-                  </template>
-                  <span
-                    >Data quality issues were identified for this domain.
-                  </span>
-                </v-tooltip>
-              </v-layout>
-            </v-col>
-          </v-row>
-          <v-container fluid>
-            <v-row>
-              <v-col>
-                <v-text-field
-                  prepend-icon="mdi-magnify"
-                  label="Search in Table"
-                  single-line
-                  density="compact"
-                  variant="outlined"
-                  hide-details
-                  @update:modelValue="debouncedSearch"
-                ></v-text-field>
-              </v-col>
-              <v-col>
-                <SelectColumns :headers="getHeadersByDomain" />
-              </v-col>
-            </v-row>
-          </v-container>
-          <v-data-table
-            v-if="store.getters.getData"
-            class="mt-4"
-            density="compact"
-            :headers="showHeaders"
-            :items="store.getters.getData.domainTable"
-            :footer-props="{
-              'items-per-page-options': [10, 25, 50],
-            }"
-            item-key="CONCEPT_ID"
-            :items-per-page="10"
-            :search="route.query.search"
-            :sort-by="['PERCENT_PERSONS']"
-            :sort-desc="[true, false]"
-          >
-            <template v-slot:item.CONCEPT_ID="{ item }">
-              <v-layout flex-end
-                ><router-link :to="getReportRoute(item)">{{
-                  item.raw.CONCEPT_ID
-                }}</router-link></v-layout
-              >
-            </template>
-            <template v-slot:item.CONCEPT_NAME="{ item }">
-              <v-row>
-                <v-col cols="10">
-                  <router-link
-                    :to="getReportRoute(item)"
-                    :title="item.raw.CONCEPT_NAME"
-                    >{{ item.raw.CONCEPT_NAME }}
-                  </router-link>
-                </v-col>
-              </v-row>
-            </template>
-            <template v-slot:item.NUM_PERSONS="{ item }">
-              <v-layout class="justify-end"
-                ><div
-                  :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
-                >
-                  {{ helpers.formatComma(item.raw.NUM_PERSONS) }}
-                </div></v-layout
-              >
-            </template>
-            <template v-slot:item.DIFF_NUM_PERSONS="{ item }">
-              <v-layout class="justify-end">
-                {{
-                  item.raw.DIFF_NUM_PERSONS
-                    ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)
-                    : "No data"
-                }}
-              </v-layout>
-            </template>
-            <template v-slot:item.PERCENT_PERSONS="{ item }">
-              <v-layout class="justify-end"
-                ><div
-                  :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
-                >
-                  {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %
-                </div></v-layout
-              >
-            </template>
-            <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">
-              <v-layout class="justify-end"
-                ><div
-                  :class="
-                    helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)
-                  "
-                >
-                  {{
-                    item.raw.DIFF_PERCENT_PERSONS
-                      ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"
-                      : "No data"
-                  }}
-                </div></v-layout
-              >
-            </template>
-            <template v-slot:item.RECORDS_PER_PERSON="{ item }">
-              <v-layout class="justify-end"
-                ><div
-                  :class="
-                    helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)
-                  "
-                >
-                  {{ item.raw.RECORDS_PER_PERSON }}
-                </div></v-layout
-              >
-            </template>
-            <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">
-              {{
-                item.raw.DIFF_RECORDS_PER_PERSON
-                  ? item.raw.DIFF_RECORDS_PER_PERSON
-                  : "No data"
-              }}
-            </template>
-            <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">
-              <v-layout class="justify-end"
-                >{{
-                  item.raw.PERCENT_MISSING_VALUES
-                    ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(
-                        2
-                      )} %`
-                    : "No data"
-                }}
-              </v-layout>
-            </template>
-          </v-data-table>
-          <info-panel
-            details="A summary of concepts in the domain including the percentage of people with at least one occurrence of the concept, the total number of people with at least one occurrence of the concept, and the average records per person."
-          >
-          </info-panel>
-          <info-panel
-            :divider="false"
-            details="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
-            icon="mdi-eye"
-          ></info-panel>
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :divider="false"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.DOMAIN_SUMMARY[
-                  route.params.domain.toUpperCase()
-                ]
-              )
-            "
-          ></info-panel>
-        </div>
-      </v-card>
+      <MainTable />
+      <DataStratificationByVisit />
+      <DataStratificationByDrug />
     </v-container>
-    <v-card
-      v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="
-          store.getters.dataInStore &&
-          store.getters.getData.domainStratification
-        "
-        id="viz-stratificationbyvisit"
-        :config="chartConfigs.specVisitStratification"
-        :data="store.getters.getData.domainStratification"
-        title="Domain Data Stratification by Visit"
-      />
-      <info-panel
-        details="Any domain data categorized as a Visit of 'No matching concept' implies
-        that this data had no associated Visit on the Domain record."
-        :divider="true"
-      ></info-panel>
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :divider="false"
-      ></info-panel>
-    </v-card>
-    <v-card
-      v-if="
-        route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' &&
-        store.getters.getData.drugStratification
-      "
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="
-          store.getters.dataInStore && store.getters.getData.drugStratification
-        "
-        id="viz-stratificationbydrugtype"
-        :config="chartConfigs.specDrugTypeStratification"
-        :data="store.getters.getData.drugStratification"
-        title="Drug Domain Stratification by Drug Type"
-      />
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :divider="false"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DOMAIN_SUMMARY
-              .DOMAIN_DRUG_STRATIFICATION
-          )
-        "
-      ></info-panel>
-    </v-card>
   </div>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "../../../../widgets/infoPanel";
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-import SelectColumns from "@/features/selectColumns";
-
-import { ref, computed } from "vue";
-import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { debounce } from "lodash";
-import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
-
-const route = useRoute();
-const router = useRouter();
-const store = useStore();
-
-const headers = ref([
-  {
-    title: "Concept Id",
-    sortable: true,
-    key: "CONCEPT_ID",
-    align: "start",
-    show: true,
-    domain: ["ALL"],
-  },
-  {
-    title: "Concept Name",
-    sortable: true,
-    key: "CONCEPT_NAME",
-    align: "start",
-    show: true,
-    domain: ["ALL"],
-  },
-  {
-    title: "# People",
-    sortable: true,
-    key: "NUM_PERSONS",
-    align: "end",
-    show: false,
-    domain: ["ALL"],
-  },
-  {
-    title: "Delta # Person",
-    sortable: true,
-    key: "DIFF_NUM_PERSONS",
-    align: "end",
-    show: false,
-    domain: ["ALL"],
-  },
-  {
-    title: "% People",
-    sortable: true,
-    key: "PERCENT_PERSONS",
-    align: "end",
-    show: true,
-    domain: ["ALL"],
-  },
-  {
-    title: "Delta % People",
-    sortable: true,
-    key: "DIFF_PERCENT_PERSONS",
-    align: "end",
-    show: false,
-    domain: ["ALL"],
-  },
-  {
-    title: "Records per Person",
-    sortable: true,
-    key: "RECORDS_PER_PERSON",
-    align: "end",
-    show: true,
-    domain: ["ALL"],
-  },
-  {
-    title: "Delta Records per Person",
-    sortable: true,
-    key: "DIFF_RECORDS_PER_PERSON",
-    align: "end",
-    show: false,
-    domain: ["ALL"],
-  },
-  {
-    title: "Avg Duration",
-    sortable: true,
-    key: "AVERAGE_DURATION",
-    align: "end",
-    domain: ["VISIT_OCCURRENCE", "VISIT_DETAIL"],
-    show: true,
-  },
-  {
-    title: "% with Values",
-    sortable: true,
-    key: "PERCENT_MISSING_VALUES",
-    align: "end",
-    domain: ["MEASUREMENT"],
-    show: true,
-  },
-  {
-    title: "Median Era Length (Days)",
-    sortable: true,
-    key: "MEDIAN_VALUE",
-    align: "end",
-    domain: ["DRUG_ERA", "CONDITION_ERA"],
-    show: true,
-  },
-  {
-    title: "25th % Era Length (Days)",
-    sortable: true,
-    align: "end",
-    key: "P25_VALUE",
-    domain: ["DRUG_ERA", "CONDITION_ERA"],
-    show: false,
-  },
-  {
-    title: "75th % Era Length (Days)",
-    sortable: true,
-    align: "end",
-    key: "P75_VALUE",
-    domain: ["DRUG_ERA", "CONDITION_ERA"],
-    show: false,
-  },
-]);
-
-const getHeadersByDomain = computed(function () {
-  //add param type check
-  const openedDomain = route.params.domain.toUpperCase();
-  return headers.value.filter(
-    (value) =>
-      value.domain.includes("ALL") || value.domain.includes(openedDomain)
-  );
-});
 
-const showHeaders = computed(() => {
-  return getHeadersByDomain.value.filter((header) => header.show);
-});
+import MainTable from "@/pages/reports/release/DomainTable/components/MainTable.vue";
+import DataStratificationByVisit from "@/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue";
+import DataStratificationByDrug from "@/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue";
 
-const debouncedSearch = debounce(function (data: string): void {
-  router.push({
-    query: {
-      search: data,
-    },
-  });
-}, 300);
-
-const domainIssue = computed(function (): DomainIssues | [] {
-  if (store.getters.getData) {
-    return store.getters.getData.domainIssues.find(
-      (di) => di.cdm_table_name === route.params.domain
-    );
-  } else {
-    return [];
-  }
-});
-
-const issueCount = computed(function (): number {
-  return domainIssue.value?.count_failed || 0;
-});
-
-const getReportRoute = function (item) {
-  return {
-    name: "concept",
-    params: { concept: item.raw.CONCEPT_ID },
-  };
-};
-
-const navigateToDataQuality = function () {
-  router.push({
-    name: "dataQuality",
-    params: {
-      cdm: route.params.cdm,
-      release: route.params.release,
-    },
-    query: {
-      tab: "results",
-      CDM_TABLE_NAME: route.params.domain.toUpperCase(),
-      FAILED: "FAIL",
-    },
-  });
-};
+const store = useStore();
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
new file mode 100644
index 00000000..0e349fa9
--- /dev/null
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-card
+    v-if="
+      route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' &&
+      store.getters.getData.drugStratification
+    "
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="
+        store.getters.dataInStore && store.getters.getData.drugStratification
+      "
+      id="viz-stratificationbydrugtype"
+      :config="specDrugTypeStratification"
+      :data="store.getters.getData.drugStratification"
+      title="Drug Domain Stratification by Drug Type"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :divider="false"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.DOMAIN_SUMMARY.DOMAIN_DRUG_STRATIFICATION
+        )
+      "
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import InfoPanel from "@/widgets/infoPanel";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { specDrugTypeStratification } from "./specDrugTypeStratification";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/specDrugTypeStratification.ts
similarity index 94%
rename from src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts
rename to src/pages/reports/release/DomainTable/components/DataStratificationByDrug/specDrugTypeStratification.ts
index 0e2bfc8e..0c586641 100644
--- a/src/widgets/chart/config/chartSpecifications/specDrugTypeStratification.ts
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/specDrugTypeStratification.ts
@@ -4,8 +4,8 @@ import { TopLevelSpec } from "vega-lite";
 export function specDrugTypeStratification(zeroBaseline = false): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
-    data: null,
     width: "container",
+    data: { name: "conceptData" },
     height: 300,
     mark: "bar",
     encoding: {
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
new file mode 100644
index 00000000..f45310e5
--- /dev/null
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-card
+    v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="
+        store.getters.dataInStore && store.getters.getData.domainStratification
+      "
+      id="viz-stratificationbyvisit"
+      :config="specVisitStratification"
+      :data="store.getters.getData.domainStratification"
+      title="Domain Data Stratification by Visit"
+    />
+    <info-panel
+      details="Any domain data categorized as a Visit of 'No matching concept' implies
+        that this data had no associated Visit on the Domain record."
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :divider="false"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { specVisitStratification } from "./specVisitStratification";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specVisitStratification.ts b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/specVisitStratification.ts
similarity index 95%
rename from src/widgets/chart/config/chartSpecifications/specVisitStratification.ts
rename to src/pages/reports/release/DomainTable/components/DataStratificationByVisit/specVisitStratification.ts
index 261f12a7..3252e3b6 100644
--- a/src/widgets/chart/config/chartSpecifications/specVisitStratification.ts
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/specVisitStratification.ts
@@ -6,6 +6,7 @@ export function specVisitStratification(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 300,
+    data: { name: "conceptData" },
     mark: "bar",
     encoding: {
       y: {
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
new file mode 100644
index 00000000..15fc35f3
--- /dev/null
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -0,0 +1,360 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <div v-if="store.getters.dataInStore">
+      <v-row
+        ><v-col cols="8">
+          <v-layout justify-start align-center class="ml-4 mr-4">
+            <v-card-title>{{
+              route.params.domain.toUpperCase().replace("_", " ")
+            }}</v-card-title>
+          </v-layout>
+        </v-col>
+        <v-col cols="4">
+          <v-layout class="ml-4 mr-4 justify-end align-center">
+            <v-tooltip v-if="issueCount > 0" left nudge-left="15">
+              <template v-slot:activator="{ props }">
+                <v-btn variant="flat" icon @click="navigateToDataQuality">
+                  <v-badge icon color="error" :content="issueCount">
+                    <v-icon size="large" v-bind="props">mdi-database</v-icon>
+                  </v-badge>
+                </v-btn>
+              </template>
+              <span>Data quality issues were identified for this domain. </span>
+            </v-tooltip>
+          </v-layout>
+        </v-col>
+      </v-row>
+      <v-container fluid>
+        <v-row>
+          <v-col>
+            <v-text-field
+              prepend-icon="mdi-magnify"
+              label="Search in Table"
+              single-line
+              density="compact"
+              variant="outlined"
+              hide-details
+              @update:modelValue="debouncedSearch"
+            ></v-text-field>
+          </v-col>
+          <v-col>
+            <SelectColumns :headers="getHeadersByDomain" />
+          </v-col>
+        </v-row>
+      </v-container>
+      <v-data-table
+        v-if="store.getters.getData"
+        class="mt-4"
+        density="compact"
+        :headers="showHeaders"
+        :items="store.getters.getData.domainTable"
+        :footer-props="{
+          'items-per-page-options': [10, 25, 50],
+        }"
+        item-key="CONCEPT_ID"
+        :items-per-page="10"
+        :search="route.query.search"
+        :sort-by="['PERCENT_PERSONS']"
+        :sort-desc="[true, false]"
+      >
+        <template v-slot:item.CONCEPT_ID="{ item }">
+          <v-layout flex-end
+            ><router-link :to="getReportRoute(item)">{{
+              item.raw.CONCEPT_ID
+            }}</router-link></v-layout
+          >
+        </template>
+        <template v-slot:item.CONCEPT_NAME="{ item }">
+          <v-row>
+            <v-col cols="10">
+              <router-link
+                :to="getReportRoute(item)"
+                :title="item.raw.CONCEPT_NAME"
+                >{{ item.raw.CONCEPT_NAME }}
+              </router-link>
+            </v-col>
+          </v-row>
+        </template>
+        <template v-slot:item.NUM_PERSONS="{ item }">
+          <v-layout class="justify-end"
+            ><div
+              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
+            >
+              {{ helpers.formatComma(item.raw.NUM_PERSONS) }}
+            </div></v-layout
+          >
+        </template>
+        <template v-slot:item.DIFF_NUM_PERSONS="{ item }">
+          <v-layout class="justify-end">
+            {{
+              item.raw.DIFF_NUM_PERSONS
+                ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)
+                : "No data"
+            }}
+          </v-layout>
+        </template>
+        <template v-slot:item.PERCENT_PERSONS="{ item }">
+          <v-layout class="justify-end"
+            ><div
+              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
+            >
+              {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %
+            </div></v-layout
+          >
+        </template>
+        <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">
+          <v-layout class="justify-end"
+            ><div
+              :class="
+                helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)
+              "
+            >
+              {{
+                item.raw.DIFF_PERCENT_PERSONS
+                  ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"
+                  : "No data"
+              }}
+            </div></v-layout
+          >
+        </template>
+        <template v-slot:item.RECORDS_PER_PERSON="{ item }">
+          <v-layout class="justify-end"
+            ><div
+              :class="helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)"
+            >
+              {{ item.raw.RECORDS_PER_PERSON }}
+            </div></v-layout
+          >
+        </template>
+        <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">
+          {{
+            item.raw.DIFF_RECORDS_PER_PERSON
+              ? item.raw.DIFF_RECORDS_PER_PERSON
+              : "No data"
+          }}
+        </template>
+        <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">
+          <v-layout class="justify-end"
+            >{{
+              item.raw.PERCENT_MISSING_VALUES
+                ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(
+                    2
+                  )} %`
+                : "No data"
+            }}
+          </v-layout>
+        </template>
+      </v-data-table>
+      <info-panel
+        details="A summary of concepts in the domain including the percentage of people with at least one occurrence of the concept, the total number of people with at least one occurrence of the concept, and the average records per person."
+      >
+      </info-panel>
+      <info-panel
+        :divider="false"
+        details="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
+        icon="mdi-eye"
+      ></info-panel>
+      <info-panel
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        details="View export query."
+        :link-details="true"
+        :divider="false"
+        :link="
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DOMAIN_SUMMARY[
+              route.params.domain.toUpperCase()
+            ]
+          )
+        "
+      ></info-panel>
+    </div>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import SelectColumns from "@/features/selectColumns";
+import InfoPanel from "@/widgets/infoPanel";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import { computed, ref } from "vue";
+import { debounce } from "lodash";
+import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+const headers = ref([
+  {
+    title: "Concept Id",
+    sortable: true,
+    key: "CONCEPT_ID",
+    align: "start",
+    show: true,
+    domain: ["ALL"],
+  },
+  {
+    title: "Concept Name",
+    sortable: true,
+    key: "CONCEPT_NAME",
+    align: "start",
+    show: true,
+    domain: ["ALL"],
+  },
+  {
+    title: "# People",
+    sortable: true,
+    key: "NUM_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },
+  {
+    title: "Delta # Person",
+    sortable: true,
+    key: "DIFF_NUM_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },
+  {
+    title: "% People",
+    sortable: true,
+    key: "PERCENT_PERSONS",
+    align: "end",
+    show: true,
+    domain: ["ALL"],
+  },
+  {
+    title: "Delta % People",
+    sortable: true,
+    key: "DIFF_PERCENT_PERSONS",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },
+  {
+    title: "Records per Person",
+    sortable: true,
+    key: "RECORDS_PER_PERSON",
+    align: "end",
+    show: true,
+    domain: ["ALL"],
+  },
+  {
+    title: "Delta Records per Person",
+    sortable: true,
+    key: "DIFF_RECORDS_PER_PERSON",
+    align: "end",
+    show: false,
+    domain: ["ALL"],
+  },
+  {
+    title: "Avg Duration",
+    sortable: true,
+    key: "AVERAGE_DURATION",
+    align: "end",
+    domain: ["VISIT_OCCURRENCE", "VISIT_DETAIL"],
+    show: true,
+  },
+  {
+    title: "% with Values",
+    sortable: true,
+    key: "PERCENT_MISSING_VALUES",
+    align: "end",
+    domain: ["MEASUREMENT"],
+    show: true,
+  },
+  {
+    title: "Median Era Length (Days)",
+    sortable: true,
+    key: "MEDIAN_VALUE",
+    align: "end",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: true,
+  },
+  {
+    title: "25th % Era Length (Days)",
+    sortable: true,
+    align: "end",
+    key: "P25_VALUE",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: false,
+  },
+  {
+    title: "75th % Era Length (Days)",
+    sortable: true,
+    align: "end",
+    key: "P75_VALUE",
+    domain: ["DRUG_ERA", "CONDITION_ERA"],
+    show: false,
+  },
+]);
+
+const getHeadersByDomain = computed(function () {
+  //add param type check
+  const openedDomain = route.params.domain.toUpperCase();
+  return headers.value.filter(
+    (value) =>
+      value.domain.includes("ALL") || value.domain.includes(openedDomain)
+  );
+});
+
+const showHeaders = computed(() => {
+  return getHeadersByDomain.value.filter((header) => header.show);
+});
+
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: {
+      search: data,
+    },
+  });
+}, 300);
+
+const domainIssue = computed(function (): DomainIssues | [] {
+  if (store.getters.getData) {
+    return store.getters.getData.domainIssues.find(
+      (di) => di.cdm_table_name === route.params.domain
+    );
+  } else {
+    return [];
+  }
+});
+
+const issueCount = computed(function (): number {
+  return domainIssue.value?.count_failed || 0;
+});
+
+const getReportRoute = function (item) {
+  return {
+    name: "concept",
+    params: { concept: item.raw.CONCEPT_ID },
+  };
+};
+
+const navigateToDataQuality = function () {
+  router.push({
+    name: "dataQuality",
+    params: {
+      cdm: route.params.cdm,
+      release: route.params.release,
+    },
+    query: {
+      tab: "results",
+      CDM_TABLE_NAME: route.params.domain.toUpperCase(),
+      FAILED: "FAIL",
+    },
+  });
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/MetadataReport/MetadataReport.vue b/src/pages/reports/release/MetadataReport/MetadataReport.vue
index a197f665..a74a3104 100644
--- a/src/pages/reports/release/MetadataReport/MetadataReport.vue
+++ b/src/pages/reports/release/MetadataReport/MetadataReport.vue
@@ -1,116 +1,16 @@
 <template>
   <div v-if="!store.getters.getErrors">
-    <v-card
-      :loading="!store.getters.getData.cdmsourceData"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <v-card-title>CDM Source Details</v-card-title>
-      <v-container v-if="store.getters.getData.cdmsourceData" fluid>
-        <v-layout
-          v-for="(d, i) in store.getters.getData.cdmsourceData.columns"
-          :key="i"
-          class="pl-8"
-        >
-          {{ d }}: {{ store.getters.getData.cdmsourceData[0][d] }}
-        </v-layout>
-      </v-container>
-      <info-panel
-        details="CDM Source
-        Details are derived from the CDM_SOURCE table."
-        :divider="true"
-      ></info-panel>
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
-        :divider="false"
-      ></info-panel>
-    </v-card>
-    <v-card
-      :loading="!store.getters.getData.metadataData"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <v-card-title>Metadata</v-card-title>
-      <v-container v-if="store.getters.getData.metadataData" fluid>
-        <v-data-table
-          v-if="store.getters.getData"
-          class="mt-4"
-          dense
-          :headers="headers"
-          :items="store.getters.getData.metadataData"
-        >
-        </v-data-table>
-      </v-container>
-      <info-panel
-        details="Metadata is
-        derived from the METADATA table."
-        :divider="true"
-      ></info-panel>
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])"
-        :divider="false"
-      ></info-panel>
-    </v-card>
+    <SourceDetails />
+    <Metadata />
   </div>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "@/widgets/infoPanel";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { links } from "@/shared/config/links";
-
 import { useStore } from "vuex";
-import { ref, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import SourceDetails from "@/pages/reports/release/MetadataReport/tables/SourceDetails.vue";
+import Metadata from "@/pages/reports/release/MetadataReport/tables/Metadata.vue";
 
 const store = useStore();
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "METADATA_CONCEPT_ID",
-    sortable: true,
-    key: "METADATA_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "NAME",
-    sortable: true,
-    key: "NAME",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_STRING",
-    sortable: true,
-    key: "VALUE_AS_STRING",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_CONCEPT_ID",
-    sortable: true,
-    key: "VALUE_AS_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATE",
-    sortable: true,
-    key: "METADATA_DATE",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATETIME",
-    sortable: true,
-    key: "METADATA_DATETIME",
-    align: "start",
-  },
-]);
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
new file mode 100644
index 00000000..c27cad62
--- /dev/null
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -0,0 +1,84 @@
+<template>
+  <v-card
+    :loading="!store.getters.getData.metadataData"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-card-title>Metadata</v-card-title>
+    <v-container v-if="store.getters.getData.metadataData" fluid>
+      <v-data-table
+        v-if="store.getters.getData"
+        class="mt-4"
+        dense
+        :headers="headers"
+        :items="store.getters.getData.metadataData"
+      >
+      </v-data-table>
+    </v-container>
+    <info-panel
+      details="Metadata is
+        derived from the METADATA table."
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])"
+      :divider="false"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { links } from "@/shared/config/links";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import InfoPanel from "@/widgets/infoPanel";
+import { useStore } from "vuex";
+import { ref, Ref } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+
+const store = useStore();
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "METADATA_CONCEPT_ID",
+    sortable: true,
+    key: "METADATA_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "NAME",
+    sortable: true,
+    key: "NAME",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_STRING",
+    sortable: true,
+    key: "VALUE_AS_STRING",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_CONCEPT_ID",
+    sortable: true,
+    key: "VALUE_AS_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "METADATA_DATE",
+    sortable: true,
+    key: "METADATA_DATE",
+    align: "start",
+  },
+  {
+    title: "METADATA_DATETIME",
+    sortable: true,
+    key: "METADATA_DATETIME",
+    align: "start",
+  },
+]);
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
new file mode 100644
index 00000000..cedc2544
--- /dev/null
+++ b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
@@ -0,0 +1,41 @@
+<template>
+  <v-card
+    :loading="!store.getters.getData.cdmsourceData"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <v-card-title>CDM Source Details</v-card-title>
+    <v-container v-if="store.getters.getData.cdmsourceData" fluid>
+      <v-layout
+        v-for="(d, i) in store.getters.getData.cdmsourceData.columns"
+        :key="i"
+        class="pl-8"
+      >
+        {{ d }}: {{ store.getters.getData.cdmsourceData[0][d] }}
+      </v-layout>
+    </v-container>
+    <info-panel
+      details="CDM Source
+        Details are derived from the CDM_SOURCE table."
+      :divider="true"
+    ></info-panel>
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
+      :divider="false"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
index 8be26470..d7423027 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -23,13 +23,13 @@
 </template>
 
 <script setup lang="ts">
-import CumulativeObservation from "@/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue";
-import ObservationPeriodsPerPerson from "@/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue";
-import ObservationOverTime from "@/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue";
-import YearsOfObservationByAge from "@/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue";
-import YearsOfObservationBySex from "@/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue";
-import AgeAtFirstObservation from "@/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue";
-import AgeAtFirstObservationBySex from "@/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue";
+import CumulativeObservation from "@/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue";
+import ObservationPeriodsPerPerson from "@/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue";
+import ObservationOverTime from "@/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue";
+import YearsOfObservationByAge from "@/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue";
+import YearsOfObservationBySex from "@/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue";
+import AgeAtFirstObservation from "@/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue";
+import AgeAtFirstObservationBySex from "@/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue";
 import { useStore } from "vuex";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservation.ts
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
similarity index 98%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index 31b1bf33..9b759f24 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -44,7 +44,7 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
             },
           },
           {
-            name: "secondBrush",
+            name: "notesBrush",
             select: {
               type: "interval",
               encodings: ["x", "y"],
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/specAgeBySex.ts
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/CumulativeObservation.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
diff --git a/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservation.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservation.ts
index 36eb0b43..79546e1f 100644
--- a/src/widgets/chart/config/chartSpecifications/specCumulativeObservation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservation.ts
@@ -6,6 +6,7 @@ export function specCumulativeObservation(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     height: 150,
     width: "container",
+    data: { name: "conceptData" },
     encoding: {
       x: {
         field: "YEARS",
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
similarity index 98%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index 9e0f6976..8540b858 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ui/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -43,7 +43,7 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
             },
           },
           {
-            name: "secondBrush",
+            name: "notesBrush",
             select: {
               type: "interval",
               encodings: ["x", "y"],
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/ObservationOverTime.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonth.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonth.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonth.ts
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
similarity index 97%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index d0cbdf69..da2f57db 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -15,6 +15,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
             field: "DATE",
             type: "quantitative",
             scale: { domain: { selection: "brush" } },
+            timeUnit: "yearmonth",
             axis: { title: "" },
           },
           y: {
@@ -71,7 +72,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                 },
               },
               {
-                name: "secondBrush",
+                name: "notesBrush",
                 select: {
                   type: "interval",
                   encodings: ["x", "y"],
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/specObservationByAge.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationByAge/specObservationByAge.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/specObservationByAge.ts
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
rename to src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
diff --git a/src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/specObservationBySex.ts
similarity index 100%
rename from src/pages/reports/release/ObservationPeriodReport/ui/charts/YearsOfObservationBySex/specObservationBySex.ts
rename to src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/specObservationBySex.ts
diff --git a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
index 62d4475b..61eaa3ba 100644
--- a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
+++ b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
@@ -5,136 +5,17 @@
       fluid
       class="pa-1"
     >
-      <v-card elevation="10" class="ma-4 pa-2">
-        <v-card-title>Performance</v-card-title>
-        <v-row>
-          <v-col cols="3">
-            <v-text-field
-              v-model="search"
-              prepend-icon="mdi-magnify"
-              label="Search in Table"
-              single-line
-              variant="outlined"
-              hide-details
-            ></v-text-field>
-          </v-col>
-          <v-col cols="9"> </v-col>
-        </v-row>
-
-        <v-data-table
-          class="mt-4"
-          density="compact"
-          :headers="headers"
-          :items="filteredRecords"
-          :footer-props="{
-            'items-per-page-options': [10, 50, 100],
-          }"
-          item-key="CONCEPT_ID"
-          :items-per-page="10"
-          :search="search"
-        >
-          <template #body.prepend>
-            <tr>
-              <th v-for="header in headers" :key="header.title">
-                <div v-if="filters.hasOwnProperty(header.key)">
-                  <v-select
-                    v-model="filters[header.key]"
-                    small-chips
-                    deletable-chips
-                    hide-details
-                    multiple
-                    :items="
-                      helpers.getValuesArray(
-                        store.getters.getData.domainTable,
-                        header.key
-                      )
-                    "
-                  ></v-select>
-                </div>
-              </th>
-            </tr>
-          </template>
-          <template #item.analysis_id="{ item }">
-            <v-layout justify-end
-              ><a
-                target="_new"
-                :href="
-                  links.getSqlQueryLink(`analyses/${item.raw.analysis_id}.sql`)
-                "
-                >{{ item.raw.analysis_id }}</a
-              ></v-layout
-            >
-          </template>
-          <template #item.elapsed_seconds="{ item }">
-            <v-layout justify-end>{{ item.raw.elapsed_seconds }}</v-layout>
-          </template>
-        </v-data-table>
-
-        <info-panel
-          details="This report
-          describes how long each analysis executed during Achilles characterization took to run in seconds."
-          :link="links.getAchillesLink"
-        >
-        </info-panel>
-
-        <info-panel
-          v-if="store.getters.getQueryIndex"
-          icon="mdi-code-braces"
-          details="View export query."
-          :link-details="true"
-          :link="
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
-            )
-          "
-          :divider="false"
-        ></info-panel>
-      </v-card>
+      <PerformanceInformation />
     </v-container>
   </div>
 </template>
 
 <script setup lang="ts">
-import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
 
 const store = useStore();
 
-import { ref, computed } from "vue";
-
-const search = ref("");
-const filters = ref({});
-const headers = ref([
-  {
-    title: "Analysis Id",
-    sortable: true,
-    key: "analysis_id",
-  },
-  {
-    title: "Analysis Name",
-    sortable: true,
-    key: "analysis_name",
-  },
-  {
-    title: "Duration (seconds)",
-    sortable: true,
-    key: "elapsed_seconds",
-  },
-]);
-
-const filteredRecords = computed(function () {
-  return store.getters.getData.domainTable.filter((d) => {
-    return Object.keys(filters.value).every((f) => {
-      return (
-        filters.value[f as keyof typeof filters].length < 1 ||
-        filters.value[f as keyof typeof filters].includes(d[f])
-      );
-    });
-  });
-});
+import PerformanceInformation from "@/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue";
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
new file mode 100644
index 00000000..24844858
--- /dev/null
+++ b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
@@ -0,0 +1,131 @@
+<template>
+  <v-card elevation="10" class="ma-4 pa-2">
+    <v-card-title>Performance</v-card-title>
+    <v-row>
+      <v-col cols="3">
+        <v-text-field
+          v-model="search"
+          prepend-icon="mdi-magnify"
+          label="Search in Table"
+          single-line
+          variant="outlined"
+          hide-details
+        ></v-text-field>
+      </v-col>
+      <v-col cols="9"> </v-col>
+    </v-row>
+
+    <v-data-table
+      class="mt-4"
+      density="compact"
+      :headers="headers"
+      :items="filteredRecords"
+      :footer-props="{
+        'items-per-page-options': [10, 50, 100],
+      }"
+      item-key="CONCEPT_ID"
+      :items-per-page="10"
+      :search="search"
+    >
+      <template #body.prepend>
+        <tr>
+          <th v-for="header in headers" :key="header.title">
+            <div v-if="filters.hasOwnProperty(header.key)">
+              <v-select
+                v-model="filters[header.key]"
+                small-chips
+                deletable-chips
+                hide-details
+                multiple
+                :items="
+                  helpers.getValuesArray(
+                    store.getters.getData.domainTable,
+                    header.key
+                  )
+                "
+              ></v-select>
+            </div>
+          </th>
+        </tr>
+      </template>
+      <template #item.analysis_id="{ item }">
+        <v-layout justify-end
+          ><a
+            target="_new"
+            :href="
+              links.getSqlQueryLink(`analyses/${item.raw.analysis_id}.sql`)
+            "
+            >{{ item.raw.analysis_id }}</a
+          ></v-layout
+        >
+      </template>
+      <template #item.elapsed_seconds="{ item }">
+        <v-layout justify-end>{{ item.raw.elapsed_seconds }}</v-layout>
+      </template>
+    </v-data-table>
+
+    <info-panel
+      details="This report
+          describes how long each analysis executed during Achilles characterization took to run in seconds."
+      :link="links.getAchillesLink"
+    >
+    </info-panel>
+
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
+        )
+      "
+      :divider="false"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import InfoPanel from "@/widgets/infoPanel";
+import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import { ref, computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const search = ref("");
+const filters = ref({});
+const headers = ref([
+  {
+    title: "Analysis Id",
+    sortable: true,
+    key: "analysis_id",
+  },
+  {
+    title: "Analysis Name",
+    sortable: true,
+    key: "analysis_name",
+  },
+  {
+    title: "Duration (seconds)",
+    sortable: true,
+    key: "elapsed_seconds",
+  },
+]);
+
+const filteredRecords = computed(function () {
+  return store.getters.getData.domainTable.filter((d) => {
+    return Object.keys(filters.value).every((f) => {
+      return (
+        filters.value[f as keyof typeof filters].length < 1 ||
+        filters.value[f as keyof typeof filters].includes(d[f])
+      );
+    });
+  });
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index eac396d6..7cd51da0 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -70,80 +70,14 @@
 <script setup lang="ts">
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
-import PopulationByAgeSex from "@/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue";
-import PopulationByRace from "@/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue";
-import PopulationByYearBirth from "@/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue";
-import PopulationByEthnicity from "@/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
+import PopulationByAgeSex from "@/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue";
+import PopulationByRace from "@/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue";
+import PopulationByYearBirth from "@/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue";
+import PopulationByEthnicity from "@/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
 
 const store = useStore();
-
-/*const leftClickEventListener = function (result, route: RouteLocation) {
-  return result.view.addEventListener("click", (event, item) => {
-    if (item.mark.name === "layer_1_marks") {
-      store.commit(SET_SELECTED_RECTANGLE, item.datum);
-    }
-  });
-};
-
-const clickEventListener = function (result, route: RouteLocation) {
-  return result.view.addEventListener("contextmenu", (event, item) => {
-    event.preventDefault();
-    //Right click on brush
-    if (item.mark.name === "secondBrush_brush") {
-      const action = function (e, i) {
-        return (title, description) => {
-          store.dispatch(CREATE_SELECTION, {
-            reportName: e.srcElement.offsetParent.id,
-            date: new Date(),
-            item: i.datum,
-            title,
-            description,
-          });
-        };
-      };
-      store.dispatch(SHOW_DIALOG, {
-        show: true,
-        data: null,
-        action: action(event, item),
-      });
-    }
-    //Right click on existing rectangle
-    if (item.mark.name === "layer_1_marks") {
-      store.commit(SET_SELECTED_RECTANGLE, {
-        item: item.datum,
-        report: event.srcElement.offsetParent.id,
-      });
-      store.dispatch(OPEN_MENU, {
-        visibility: true,
-        location: {
-          x: event.clientX,
-          y: event.clientY,
-          element: event.srcElement.offsetParent.id,
-          event,
-        },
-        clickEventData: {
-          reportName: event.srcElement.offsetParent.id,
-          date: new Date(),
-          item: item.datum,
-          newSelection: true,
-        },
-      });
-    }
-  });
-};
-
-const annotationsMode = ref(false);
-
-const signalListener = function (result) {
-  return result.view.addSignalListener(
-    "secondBrush",
-    debounce((signalName, event) => {
-      store.commit(SET_CURRENT_SELECTION_AREA, { signalName, event });
-    }, 100)
-  );
-};*/
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/PopulationByAgeSex.vue
rename to src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByAgeSex/specAgeSex.ts
rename to src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeSex.ts b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specAgeSex.ts
rename to src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
index 91aabbd5..69cf61bf 100644
--- a/src/widgets/chart/config/chartSpecifications/specAgeSex.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
@@ -6,6 +6,7 @@ export function specAgeSex(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 75,
+    data: { name: "conceptData" },
     params: [
       {
         name: "paintbrush",
@@ -33,7 +34,7 @@ export function specAgeSex(zeroBaseline = false) {
         field: "CONCEPT_NAME",
         legend: null,
       },*/
-      row: {
+      /* row: {
         field: "CONCEPT_NAME",
         title: null,
         header: {
@@ -44,7 +45,7 @@ export function specAgeSex(zeroBaseline = false) {
           labelPadding: 2,
           labelFontWeight: "bold",
         },
-      },
+      },*/
       x: {
         field: "AGE",
         title: "Age at First Observation",
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/PopulationByEthnicity.vue
rename to src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/specEthnicity.ts
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByEthnicity/specEthnicity.ts
rename to src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/specEthnicity.ts
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/PopulationByRace.vue
rename to src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts b/src/pages/reports/release/PersonReport/charts/PopulationByRace/specRace.ts
similarity index 100%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByRace/specRace.ts
rename to src/pages/reports/release/PersonReport/charts/PopulationByRace/specRace.ts
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
similarity index 91%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue
rename to src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index bc9abe30..2a0f3a0e 100644
--- a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -5,6 +5,7 @@
       id="viz-birthyearnote"
       title="Population by Year of Birth"
       :config="specBirthYear"
+      :annotations-config="specBirthYearAnnotation"
       :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
       :signal-listener="listeners.setSelectionAreaSignal"
       :context-menu-listener="listeners.showNotesEditDialogRightClick"
@@ -13,10 +14,7 @@
       annotations
     >
     </Chart>
-    <NotesPanel
-      :datum-id="store.getters.getSelectedRectangle"
-      report-name="viz-populationbyageandsex"
-    />
+    <NotesPanel report="viz-birthyearnote" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -35,11 +33,11 @@
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specBirthYear } from "./specBirthYear";
+import { specBirthYearAnnotation } from "./specBirthYearAnnotation";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { ref } from "vue";
 import * as listeners from "@/pages/model/lib/listeners";
 
 import { computed } from "vue";
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYear.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYear.ts
new file mode 100755
index 00000000..d155e86e
--- /dev/null
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYear.ts
@@ -0,0 +1,54 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specBirthYear(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 100,
+    data: { name: "conceptData" },
+    layer: [
+      {
+        params: [
+          {
+            name: "paintbrush",
+            select: { type: "point", on: "mouseover", nearest: false },
+          },
+        ],
+        mark: { type: "bar" },
+        encoding: {
+          tooltip: [
+            { field: "COUNT_PERSON", title: "# of People", format: "," },
+            {
+              field: "YEAR",
+              title: "Year of Birth",
+              type: "quantitative",
+            },
+          ],
+          x: {
+            field: "YEAR",
+            type: "quantitative",
+            title: "Year of Birth",
+            axis: { format: "0000" },
+          },
+          y: {
+            field: "COUNT_PERSON",
+            aggregate: "sum",
+            title: "Number of People",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: {
+            condition: {
+              param: "paintbrush",
+              type: "nominal",
+              legend: null,
+            },
+            value: "grey",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
similarity index 96%
rename from src/widgets/chart/config/chartSpecifications/specBirthYear.ts
rename to src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index 2be0b403..80e35b86 100755
--- a/src/widgets/chart/config/chartSpecifications/specBirthYear.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specBirthYear(zeroBaseline = false) {
+export function specBirthYearAnnotation(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     width: "container",
@@ -65,7 +65,7 @@ export function specBirthYear(zeroBaseline = false) {
             },
           },
           {
-            name: "secondBrush",
+            name: "notesBrush",
             select: {
               type: "interval",
               encodings: ["x", "y"],
diff --git a/src/pages/reports/release/PersonReport/index.ts b/src/pages/reports/release/PersonReport/index.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/pages/reports/release/PersonReport/ui/index.vue b/src/pages/reports/release/PersonReport/ui/index.vue
deleted file mode 100644
index 60929a0e..00000000
--- a/src/pages/reports/release/PersonReport/ui/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template></template>
-
-<script>
-export default {
-  name: "index",
-};
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory.vue
deleted file mode 100644
index 2912fae1..00000000
--- a/src/pages/reports/source/DataQualityHistory.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <div>
-    <v-card
-      v-if="!store.getters.getErrors"
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-dataqualityresults"
-        title="Historical Data Quality"
-        :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
-        :config="chartConfigs.specDataQualityResults"
-      />
-      <v-data-table
-        v-if="store.getters.dataInStore"
-        class="viz-container"
-        density="compact"
-        :items="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
-        :headers="historyColumns"
-      >
-        <template #item.cdm_release_date="{ item }">
-          <router-link
-            :to="{
-              name: 'dataQuality',
-              query: { tab: 'overview' },
-              params: {
-                cdm: route.params.cdm,
-                release: item.raw.cdm_release_date.replaceAll('-', ''),
-              },
-            }"
-            :title="item.raw.cdm_release_date"
-            >{{ item.raw.cdm_release_date }}
-          </router-link>
-        </template>
-        <template #item.count_failed="{ item }">
-          <router-link
-            :to="{
-              name: 'dataQuality',
-              query: { tab: 'results', FAILED: 'FAIL' },
-              params: {
-                cdm: route.params.cdm,
-                release: item.raw.cdm_release_date.replaceAll('-', ''),
-              },
-            }"
-            :title="item.raw.count_failed"
-            >{{ item.raw.count_failed }}
-          </router-link>
-        </template>
-      </v-data-table>
-    </v-card>
-
-    <v-card
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-dataqualityresultsbycategory"
-        title="Historical Data Quality by Category"
-        :data="
-          store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified
-        "
-        :config="chartConfigs.specDataQualityResultsByCategory"
-      />
-    </v-card>
-
-    <v-card
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <Chart
-        v-if="store.getters.dataInStore"
-        id="viz-dataqualityresultsbydomain"
-        title="Historical Data Quality by Domain"
-        :config="chartConfigs.specDataQualityResultsByDomain"
-        :data="
-          store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified
-        "
-      />
-    </v-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { QUALITY_INDEX } from "@/shared/config/files";
-import { useStore } from "vuex";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { ref } from "vue";
-import { useRoute } from "vue-router";
-
-const store = useStore();
-const route = useRoute();
-
-const historyColumns = ref([
-  {
-    title: "CDM Release Date",
-    align: "start",
-    sortable: true,
-    key: "cdm_release_date",
-  },
-
-  {
-    title: "DQ Execution Date",
-    align: "start",
-    sortable: true,
-    key: "end_timestamp",
-  },
-  {
-    title: "# Passed",
-    align: "end",
-    sortable: true,
-    key: "count_passed",
-  },
-  {
-    title: "# Failed",
-    align: "end",
-    sortable: true,
-    key: "count_failed",
-  },
-  {
-    title: "# Total",
-    align: "end",
-    sortable: true,
-    key: "count_total",
-  },
-  {
-    title: "Vocabulary",
-    align: "end",
-    sortable: false,
-    key: "vocabulary_version",
-  },
-]);
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
new file mode 100644
index 00000000..de81bc88
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <HistoricalDataQuality />
+    <HistoricalDataQualityByCategory />
+    <HistoricalDataQualityByDomain />
+  </div>
+  <form-dialog
+    @close="store.commit(SET_DIALOG, false)"
+    :show="store.getters.getDialogData.show"
+    :action="store.getters.getDialogData.action"
+    :data="store.getters.getDialogData.data"
+    :form-title="'Edit selection'"
+  />
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import HistoricalDataQuality from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue";
+import HistoricalDataQualityByCategory from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue";
+import HistoricalDataQualityByDomain from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
new file mode 100644
index 00000000..78e2b416
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -0,0 +1,121 @@
+<template>
+  <v-card
+    v-if="!store.getters.getErrors"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-dataqualityresults"
+      title="Historical Data Quality"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
+      :config="specDataQualityResults"
+      :annotations-config="specDataQualityResultsAnnotation"
+    />
+    <NotesPanel report="viz-dataqualityresults" />
+    <v-data-table
+      v-if="store.getters.dataInStore"
+      class="viz-container"
+      density="compact"
+      :items="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
+      :headers="historyColumns"
+    >
+      <template #item.cdm_release_date="{ item }">
+        <router-link
+          :to="{
+            name: 'dataQuality',
+            query: { tab: 'overview' },
+            params: {
+              cdm: route.params.cdm,
+              release: item.raw.cdm_release_date.replaceAll('-', ''),
+            },
+          }"
+          :title="item.raw.cdm_release_date"
+          >{{ item.raw.cdm_release_date }}
+        </router-link>
+      </template>
+      <template #item.count_failed="{ item }">
+        <router-link
+          :to="{
+            name: 'dataQuality',
+            query: { tab: 'results', FAILED: 'FAIL' },
+            params: {
+              cdm: route.params.cdm,
+              release: item.raw.cdm_release_date.replaceAll('-', ''),
+            },
+          }"
+          :title="item.raw.count_failed"
+          >{{ item.raw.count_failed }}
+        </router-link>
+      </template>
+    </v-data-table>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { QUALITY_INDEX } from "@/shared/config/files";
+import { Chart } from "@/widgets/chart";
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { specDataQualityResults } from "./specDataQualityResults";
+import { specDataQualityResultsAnnotation } from "./specDataQualityResultsAnnotation";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { computed, ref } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import * as listeners from "@/pages/model/lib/listeners";
+
+const store = useStore();
+const route = useRoute();
+const historyColumns = ref([
+  {
+    title: "CDM Release Date",
+    align: "start",
+    sortable: true,
+    key: "cdm_release_date",
+  },
+
+  {
+    title: "DQ Execution Date",
+    align: "start",
+    sortable: true,
+    key: "end_timestamp",
+  },
+  {
+    title: "# Passed",
+    align: "end",
+    sortable: true,
+    key: "count_passed",
+  },
+  {
+    title: "# Failed",
+    align: "end",
+    sortable: true,
+    key: "count_failed",
+  },
+  {
+    title: "# Total",
+    align: "end",
+    sortable: true,
+    key: "count_total",
+  },
+  {
+    title: "Vocabulary",
+    align: "end",
+    sortable: false,
+    key: "vocabulary_version",
+  },
+]);
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  return sourceContainer["viz-dataqualityresults"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResults.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts
rename to src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResults.ts
index fd6d6231..77825eb2 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResults.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResults.ts
@@ -6,6 +6,7 @@ export function specDataQualityResults(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 100,
+    data: { name: "conceptData" },
     encoding: {
       tooltip: [
         {
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
new file mode 100644
index 00000000..cc00e838
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -0,0 +1,76 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDataQualityResultsAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 100,
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "cdm_release_date",
+        type: "quantitative",
+        timeUnit: "yearmonth",
+        axis: {
+          title: "CDM Release Date",
+        },
+      },
+      y: {
+        field: "count_failed",
+        type: "quantitative",
+        axis: {
+          title: "Checks Failed",
+        },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+      },
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
+        },
+        params: [
+          {
+            name: "notesBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
new file mode 100644
index 00000000..2e8bbe51
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -0,0 +1,26 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-dataqualityresultsbycategory"
+      title="Historical Data Quality by Category"
+      :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
+      :config="specDataQualityResultsByCategory"
+    />
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { QUALITY_INDEX } from "@/shared/config/files";
+import { Chart } from "@/widgets/chart";
+import { specDataQualityResultsByCategory } from "./specDataQualityResultsByCategory";
+import { useStore } from "vuex";
+import { computed } from "vue";
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategory.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts
rename to src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategory.ts
index 6c3333f2..f4160375 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategory.ts
@@ -6,6 +6,7 @@ export function specDataQualityResultsByCategory(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 150,
+    data: { name: "conceptData" },
     encoding: {
       x: {
         field: "cdm_release_date",
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
new file mode 100644
index 00000000..bd64b341
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -0,0 +1,27 @@
+<template>
+  <v-card
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-dataqualityresultsbydomain"
+      title="Historical Data Quality by Domain"
+      :config="specDataQualityResultsByDomain"
+      :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
+    />
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specDataQualityResultsByDomain } from "./specDataQualityResultsByDomain";
+import { QUALITY_INDEX } from "@/shared/config/files";
+import { useStore } from "vuex";
+import { computed } from "vue";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomain.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts
rename to src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomain.ts
index 491bb0b2..e8175962 100644
--- a/src/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomain.ts
@@ -7,6 +7,7 @@ export function specDataQualityResultsByDomain(zeroBaseline = false) {
     width: "container",
     height: 150,
     description: "Data Quality Results by Date",
+    data: { name: "conceptData" },
     encoding: {
       x: {
         field: "cdm_release_date",
diff --git a/src/pages/reports/source/DomainContinuity.vue b/src/pages/reports/source/DomainContinuity.vue
deleted file mode 100644
index 4f238e9c..00000000
--- a/src/pages/reports/source/DomainContinuity.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-  <v-responsive min-width="900">
-    <v-card
-      v-if="!store.getters.getErrors"
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <div v-if="store.getters.dataInStore">
-        <Chart
-          id="viz-continuity"
-          title="Domain Continuity"
-          :config="chartConfigs.specOverview"
-          :data="store.getters.getData.domainRecords"
-          :listener="eventListener"
-        />
-        <info-panel
-          details="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
-        ></info-panel>
-        <info-panel
-          v-if="store.getters.getQueryIndex"
-          icon="mdi-code-braces"
-          details="View export query."
-          :link-details="true"
-          :link="
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
-            )
-          "
-          :divider="false"
-        ></info-panel>
-      </div>
-    </v-card>
-  </v-responsive>
-</template>
-
-<script setup lang="ts">
-import InfoPanel from "../../../widgets/infoPanel";
-import { chartConfigs, Chart } from "@/widgets/chart";
-import { links } from "@/shared/config/links";
-import { helpers } from "@/shared/lib/mixins";
-import { RouteLocation, useRouter } from "vue-router";
-import { useStore } from "vuex";
-
-const router = useRouter();
-const store = useStore();
-
-const navigate = function (route) {
-  router.push(route);
-  // hide tooltip otherwise it persists on navigation
-  document.getElementById("vg-tooltip-element").style.display = "none";
-};
-
-const eventListener = function (result, route: RouteLocation) {
-  return result.view.addEventListener("click", (event, item) => {
-    const itemData = item.datum.datum;
-    const releaseKey = helpers.getPaddedDate(
-      new Date(itemData.release_date),
-      ""
-    );
-    const routeUrl = {
-      name: "domainTable",
-      params: {
-        cdm: route.params.cdm,
-        release: releaseKey,
-        domain: itemData.domain.toLowerCase().split(" ").join("_"),
-      },
-    };
-    navigate(routeUrl);
-  });
-};
-</script>
-
-<style scoped>
-.viz-container {
-  width: 80%;
-}
-</style>
diff --git a/src/pages/reports/source/DomainContinuity/DomainContinuity.vue b/src/pages/reports/source/DomainContinuity/DomainContinuity.vue
new file mode 100644
index 00000000..3cd80694
--- /dev/null
+++ b/src/pages/reports/source/DomainContinuity/DomainContinuity.vue
@@ -0,0 +1,15 @@
+<template>
+  <v-responsive min-width="900">
+    <DomainRecords />
+  </v-responsive>
+</template>
+
+<script setup lang="ts">
+import DomainRecords from "@/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue";
+</script>
+
+<style scoped>
+.viz-container {
+  width: 80%;
+}
+</style>
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
new file mode 100644
index 00000000..7ffd7ffc
--- /dev/null
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -0,0 +1,72 @@
+<template>
+  <v-card
+    v-if="!store.getters.getErrors"
+    :loading="!store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <div v-if="store.getters.dataInStore">
+      <Chart
+        id="viz-continuity"
+        title="Domain Continuity"
+        :config="specOverview"
+        :data="store.getters.getData.domainRecords"
+        :listener="eventListener"
+      />
+      <info-panel
+        details="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
+      ></info-panel>
+      <info-panel
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        details="View export query."
+        :link-details="true"
+        :link="
+          links.getSqlQueryLink(
+            store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+          )
+        "
+        :divider="false"
+      ></info-panel>
+    </div>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { specOverview } from "./specOverview";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { RouteLocation, useRouter } from "vue-router";
+import { helpers } from "@/shared/lib/mixins";
+
+const store = useStore();
+const router = useRouter();
+
+const navigate = function (route) {
+  router.push(route);
+  // hide tooltip otherwise it persists on navigation
+  document.getElementById("vg-tooltip-element").style.display = "none";
+};
+const eventListener = function (result, route: RouteLocation) {
+  return result.view.addEventListener("click", (event, item) => {
+    const itemData = item.datum.datum;
+    const releaseKey = helpers.getPaddedDate(
+      new Date(itemData.release_date),
+      ""
+    );
+    const routeUrl = {
+      name: "domainTable",
+      params: {
+        cdm: route.params.cdm,
+        release: releaseKey,
+        domain: itemData.domain.toLowerCase().split(" ").join("_"),
+      },
+    };
+    navigate(routeUrl);
+  });
+};
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specOverview.ts b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
similarity index 98%
rename from src/widgets/chart/config/chartSpecifications/specOverview.ts
rename to src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
index 77d164df..9679d4d8 100644
--- a/src/widgets/chart/config/chartSpecifications/specOverview.ts
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
@@ -4,6 +4,7 @@ import { TopLevelSpec } from "vega-lite";
 export function specOverview(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
     facet: {
       row: {
         field: "domain",
diff --git a/src/pages/reports/source/SourceConceptReport.vue b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
similarity index 58%
rename from src/pages/reports/source/SourceConceptReport.vue
rename to src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
index 099a6047..914086ae 100644
--- a/src/pages/reports/source/SourceConceptReport.vue
+++ b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
@@ -34,47 +34,25 @@
             <p class="text-caption">Number of People in Network</p></v-col
           ></v-row
         >
-        <v-card
-          :loading="!store.getters.getData"
-          elevation="10"
-          class="ma-4 pa-2"
-        >
-          <Chart
-            v-if="store.getters.getData"
-            id="viz-recordproportionbymonth"
-            :config="chartConfigs.specRecordProportionByMonth"
-            :data="store.getters.getData.conceptData"
-            width="99"
-            title="Record Proportion by Month"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                  .PREVALENCE_BY_MONTH[0]
-              )
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
+        <RecordProportionByMonth />
       </v-responsive>
+      <form-dialog
+        @close="store.commit(SET_DIALOG, false)"
+        :show="store.getters.getDialogData.show"
+        :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data"
+        :form-title="'Edit selection'"
+      />
     </v-container>
   </div>
 </template>
 
 <script setup lang="ts">
 import ReturnButton from "@/features/returnToPreviousPage";
-import { chartConfigs, Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
-import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
-
-const route = useRoute();
+import RecordProportionByMonth from "@/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
new file mode 100644
index 00000000..5e9b27ad
--- /dev/null
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -0,0 +1,56 @@
+<template>
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <Chart
+      v-if="store.getters.getData"
+      id="viz-sourcerecordproportionbymonth"
+      :config="specRecordProportionByMonth"
+      :data="store.getters.getData.conceptData"
+      :annotations-config="specRecordProportionByMonthAnnotation"
+      width="99"
+      :click-listener="listeners.setRectangleLocationClick"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :notes="notes"
+      annotations
+      title="Record Proportion by Month"
+    />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="
+        links.getSqlQueryLink(
+          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+            .PREVALENCE_BY_MONTH[0]
+        )
+      "
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
+import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+import _ from "lodash";
+
+const store = useStore();
+const route = useRoute();
+const notes = computed(() => {
+  const { cdm, domain, concept } = route.params;
+  const path = [cdm, domain, concept].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
+
+  return selections["viz-sourcerecordproportionbymonth"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonth.ts
similarity index 58%
rename from src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts
rename to src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonth.ts
index 4025cd7f..a68a6796 100644
--- a/src/widgets/chart/config/chartSpecifications/specObservationByMonth.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonth.ts
@@ -1,57 +1,26 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specObservationByMonth(zeroBaseline = false) {
+export function specRecordProportionByMonth(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
     vconcat: [
       {
         height: 150,
         width: "container",
-        encoding: {
-          x: {
-            field: "DATE",
-            type: "temporal",
-            scale: { domain: { selection: "brush" } },
-            axis: { title: "" },
-            timeUnit: "yearmonth",
-          },
-          y: {
-            field: "PERCENT_VALUE",
-            type: "quantitative",
-            title: "% of People",
-            axis: { format: "%" },
-            scale: {
-              zero: zeroBaseline,
-            },
-          },
-          tooltip: [
-            {
-              field: "DATE",
-              title: "Date",
-              timeUnit: "yearmonth",
-            },
-            {
-              field: "COUNT_VALUE",
-              title: "# of People",
-              format: ",",
-            },
-            {
-              field: "PERCENT_VALUE",
-              title: "% of People",
-              format: "0.2%",
-            },
-          ],
-        },
+        description: "Domain Data Density",
         layer: [
           {
-            mark: {
-              type: "line",
-              point: true,
-              strokeWidth: 1,
-            },
+            mark: { type: "circle" },
             encoding: {
-              y: { field: "PERCENT_VALUE", type: "quantitative" },
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
             },
           },
           {
@@ -60,7 +29,7 @@ export function specObservationByMonth(zeroBaseline = false) {
                 name: "index",
                 select: {
                   type: "point",
-                  fields: ["DATE"],
+                  fields: ["date"],
                   on: "mousemove",
                   nearest: true,
                 },
@@ -68,7 +37,13 @@ export function specObservationByMonth(zeroBaseline = false) {
             ],
             mark: { type: "point" },
             encoding: {
-              y: { field: "PERCENT_VALUE", type: "quantitative" },
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
               opacity: { value: 0 },
             },
           },
@@ -76,7 +51,7 @@ export function specObservationByMonth(zeroBaseline = false) {
             transform: [
               {
                 filter: {
-                  and: ["index.DATE", { param: "index" }],
+                  and: ["index.date", { param: "index" }],
                 },
               },
             ],
@@ -88,20 +63,56 @@ export function specObservationByMonth(zeroBaseline = false) {
             },
           },
         ],
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "Record Proportion per 1000",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "Y_PREVALENCE_1000PP",
+              title: "RPP1000",
+              type: "quantitative",
+            },
+            {
+              field: "date",
+              title: "Date",
+              type: "temporal",
+              timeUnit: "yearmonth",
+            },
+          ],
+        },
       },
       {
         width: "container",
-        height: 50,
+        height: 25,
         mark: "line",
+        data: { name: "conceptData" },
         selection: {
           brush: { type: "interval", encodings: ["x"] },
         },
         encoding: {
-          x: { field: "DATE", type: "temporal", title: "Date" },
+          x: {
+            field: "date",
+            type: "temporal",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
           y: {
-            field: "COUNT_VALUE",
+            field: "Y_PREVALENCE_1000PP",
             type: "quantitative",
-            axis: null,
+            title: "",
           },
         },
       },
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
new file mode 100644
index 00000000..ae63ee6f
--- /dev/null
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -0,0 +1,122 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        layer: [
+          {
+            mark: { type: "circle" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+            },
+          },
+          {
+            mark: { type: "rect", opacity: 0.1 },
+            data: {
+              name: "notesData",
+            },
+            params: [
+              {
+                name: "notesBrush",
+                select: {
+                  type: "interval",
+                  encodings: ["x", "y"],
+                },
+              },
+            ],
+            encoding: {
+              tooltip: [
+                { field: "title", title: "Title" },
+                {
+                  field: "description",
+                  title: "Description",
+                },
+              ],
+              x: {
+                field: "start",
+                type: "quantitative",
+              },
+              x2: {
+                field: "end",
+                type: "quantitative",
+              },
+              y: {
+                field: "y",
+                type: "quantitative",
+              },
+              y2: {
+                field: "y1",
+                type: "quantitative",
+              },
+            },
+          },
+        ],
+        encoding: {
+          x: {
+            field: "date",
+            type: "quantitative",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "Record Proportion per 1000",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          tooltip: [
+            {
+              field: "Y_PREVALENCE_1000PP",
+              title: "RPP1000",
+              type: "quantitative",
+            },
+            {
+              field: "date",
+              title: "Date",
+              type: "quantitative",
+              timeUnit: "yearmonth",
+            },
+          ],
+        },
+      },
+      {
+        width: "container",
+        height: 25,
+        mark: "line",
+        data: { name: "conceptData" },
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "quantitative",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/source/SourceOverview.vue b/src/pages/reports/source/SourceOverview.vue
deleted file mode 100644
index 4654904c..00000000
--- a/src/pages/reports/source/SourceOverview.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-<template>
-  <div
-    v-if="store.getters.explorerLoaded"
-    id="network-data-quality-overview"
-    class="pa-4"
-  >
-    <v-row>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
-          <v-card-title>Source Overview</v-card-title>
-          <v-card-text>
-            <v-container fluid>
-              <v-row justify="space-around"
-                ><v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text--center">Releases</h3>
-                  <h1 class="text-center">
-                    {{ getReleasesCount
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-history</v-icon
-                    >
-                  </h1>
-                </v-col>
-                <v-col class="mx-4" cols="auto">
-                  <h3 class="mb-4 text-center">
-                    Average Days Between Releases
-                  </h3>
-                  <h1 class="text-center">
-                    {{ getDaysBetweenReleases.toFixed(0)
-                    }}<v-icon large color="primary" class="mx-2"
-                      >mdi-clock-outline</v-icon
-                    >
-                  </h1>
-                </v-col>
-              </v-row>
-            </v-container>
-          </v-card-text>
-        </v-card>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6">
-          <Chart
-            id="population_releases"
-            title="Population History"
-            width="95"
-            :config="chartConfigs.specPopulationByRelease"
-            :data="store.getters.getSelectedSource.releases"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-      </v-col>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6">
-          <Chart
-            id="issues_releases"
-            title="Data Quality Issues History"
-            width="95"
-            :config="chartConfigs.specIssuesByRelease"
-            :data="store.getters.getSelectedSource.releases"
-          />
-          <info-panel
-            v-if="store.getters.getQueryIndex"
-            icon="mdi-code-braces"
-            details="View export query."
-            :link-details="true"
-            :link="
-              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
-            "
-            :divider="true"
-          ></info-panel>
-        </v-card>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <v-card elevation="10" class="mx-auto pb-6" outlined>
-          <v-card-title>Release Listing</v-card-title>
-          <v-card-text>
-            <v-data-table
-              density="compact"
-              :items="getTable"
-              :headers="overviewTable"
-              :items-per-page="-1"
-              hide-default-footer
-            >
-              <template #item.count_person="{ item }">
-                <router-link
-                  :to="getPersonLink(item.raw)"
-                  :title="item.raw.count_person"
-                  >{{ helpers.formatComma(item.raw.count_person) }}</router-link
-                >
-              </template>
-              <template #item.count_data_quality_issues="{ item }">
-                <router-link :to="getQualityLink(item.raw)">{{
-                  helpers.formatComma(item.raw.count_data_quality_issues)
-                }}</router-link>
-              </template>
-            </v-data-table>
-          </v-card-text>
-        </v-card>
-      </v-col> </v-row
-    >'
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chartConfigs, Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
-import { helpers } from "@/shared/lib/mixins";
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { links } from "@/shared/config/links";
-import { useStore } from "vuex";
-import { computed, ref } from "vue";
-
-const store = useStore();
-
-const overviewTable = ref([
-  {
-    title: "Release date",
-    align: "start",
-    sortable: true,
-    key: "release_name",
-  },
-  {
-    title: "Number of people",
-    align: "end",
-    sortable: true,
-    key: "count_person",
-  },
-  {
-    title: "Data quality issues",
-    align: "end",
-    sortable: true,
-    key: "count_data_quality_issues",
-  },
-]);
-
-const getQualityLink = function (item) {
-  return {
-    name: "dataQuality",
-    params: {
-      cdm: store.getters.getSelectedSource.cdm_source_key,
-      release: item.release_id,
-    },
-    query: { tab: "overview" },
-  };
-};
-const getPersonLink = function (item) {
-  return {
-    name: "person",
-    params: {
-      cdm: store.getters.getSelectedSource.cdm_source_key,
-      release: item.release_id,
-    },
-  };
-};
-
-const getReleasesCount = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSelectedSource.count_releases;
-  } else {
-    return [];
-  }
-});
-
-const getDaysBetweenReleases = computed(function () {
-  if (store.getters.explorerLoaded) {
-    const dates = store.getters.getSelectedSource.releases.map(
-      (value) => new Date(value.release_name)
-    );
-    //todo rewrite using array functional methods
-    const numbers = [];
-
-    for (let i = 0; i < dates.length - 1; i++) {
-      numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
-    }
-
-    return numbers.length
-      ? numbers.reduce((prevValue, current) => prevValue + current, 0) /
-          numbers.length
-      : 0;
-  } else {
-    return [];
-  }
-});
-
-const getTable = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSelectedSource.releases;
-  } else {
-    return [];
-  }
-});
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
new file mode 100644
index 00000000..cdd0d38b
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -0,0 +1,47 @@
+<template>
+  <div
+    v-if="store.getters.explorerLoaded"
+    id="network-data-quality-overview"
+    class="pa-4"
+  >
+    <v-row>
+      <v-col>
+        <OverviewDisplay />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col class="overflow-auto">
+        <PopulationHistory />
+      </v-col>
+      <v-col class="overflow-auto">
+        <DataQualityIssuesHistory />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col>
+        <ReleaseListing />
+      </v-col>
+    </v-row>
+    <form-dialog
+      @close="store.commit(SET_DIALOG, false)"
+      :show="store.getters.getDialogData.show"
+      :action="store.getters.getDialogData.action"
+      :data="store.getters.getDialogData.data"
+      :form-title="'Edit selection'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import OverviewDisplay from "@/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue";
+import PopulationHistory from "@/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue";
+import DataQualityIssuesHistory from "@/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue";
+import ReleaseListing from "@/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
new file mode 100644
index 00000000..2b389a77
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -0,0 +1,48 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6">
+    <Chart
+      id="issues_releases"
+      title="Data Quality Issues History"
+      width="95"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :config="specIssuesByRelease"
+      :annotations-config="specIssuesByReleaseAnnotation"
+      :data="store.getters.getSelectedSource.releases"
+    />
+    <NotesPanel report="issues_releases" />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { specIssuesByRelease } from "./specIssuesByRelease";
+import { specIssuesByReleaseAnnotation } from "./specIssuesByReleaseAnnotation";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  return sourceContainer["issues_releases"] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByRelease.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts
rename to src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByRelease.ts
index 9f1c9ede..a0f1712d 100644
--- a/src/widgets/chart/config/chartSpecifications/specIssuesByRelease.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByRelease.ts
@@ -6,6 +6,7 @@ export function specIssuesByRelease(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 200,
+    data: { name: "conceptData" },
     transform: [
       {
         timeUnit: "yearmonthdate",
diff --git a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
old mode 100755
new mode 100644
similarity index 56%
rename from src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts
rename to src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index 2be0b403..1d45eca2
--- a/src/pages/reports/release/PersonReport/ui/charts/PopulationByYearBirth/specBirthYear.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -1,54 +1,43 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specBirthYear(zeroBaseline = false) {
+export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     width: "container",
-    height: 100,
+    height: 200,
     data: { name: "conceptData" },
-    layer: [
+    transform: [
       {
-        params: [
-          {
-            name: "paintbrush",
-            select: { type: "point", on: "mouseover", nearest: false },
-          },
-        ],
-        mark: { type: "bar" },
-        encoding: {
-          tooltip: [
-            { field: "COUNT_PERSON", title: "# of People", format: "," },
-            {
-              field: "YEAR",
-              title: "Year of Birth",
-              type: "quantitative",
-            },
-          ],
-          x: {
-            field: "YEAR",
-            type: "quantitative",
-            title: "Year of Birth",
-            axis: { format: "0000" },
-          },
-          y: {
-            field: "COUNT_PERSON",
-            aggregate: "sum",
-            title: "Number of People",
-            scale: {
-              zero: zeroBaseline,
-            },
-          },
-          color: {
-            condition: {
-              param: "paintbrush",
-              type: "nominal",
-              legend: null,
-            },
-            value: "grey",
-          },
+        timeUnit: "yearmonthdate",
+        field: "release_name",
+        as: "date",
+      },
+    ],
+    encoding: {
+      x: {
+        field: "date",
+        type: "quantitative",
+        timeUnit: "yearmonthdate",
+        axis: {
+          title: "Release",
+        },
+      },
+      y: {
+        field: "count_data_quality_issues",
+        type: "quantitative",
+        axis: {
+          title: "Issues",
+        },
+        scale: {
+          zero: zeroBaseline,
         },
       },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+      },
       {
         mark: { type: "rect", opacity: 0.1 },
         data: {
@@ -61,11 +50,10 @@ export function specBirthYear(zeroBaseline = false) {
               type: "point",
               on: "mousedown",
               encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
             },
           },
           {
-            name: "secondBrush",
+            name: "notesBrush",
             select: {
               type: "interval",
               encodings: ["x", "y"],
@@ -83,6 +71,7 @@ export function specBirthYear(zeroBaseline = false) {
           x: {
             field: "start",
             type: "quantitative",
+            timeUnit: "yearmonth",
           },
           color: {
             condition: {
@@ -96,6 +85,7 @@ export function specBirthYear(zeroBaseline = false) {
           x2: {
             field: "end",
             type: "quantitative",
+            timeUnit: "yearmonth",
           },
           y: {
             field: "y",
diff --git a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
new file mode 100644
index 00000000..81b9c89a
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
@@ -0,0 +1,65 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6" outlined>
+    <v-card-title>Source Overview</v-card-title>
+    <v-card-text>
+      <v-container fluid>
+        <v-row justify="space-around"
+          ><v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text--center">Releases</h3>
+            <h1 class="text-center">
+              {{ getReleasesCount
+              }}<v-icon large color="primary" class="mx-2">mdi-history</v-icon>
+            </h1>
+          </v-col>
+          <v-col class="mx-4" cols="auto">
+            <h3 class="mb-4 text-center">Average Days Between Releases</h3>
+            <h1 class="text-center">
+              {{ getDaysBetweenReleases.toFixed(0)
+              }}<v-icon large color="primary" class="mx-2"
+                >mdi-clock-outline</v-icon
+              >
+            </h1>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const getReleasesCount = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSelectedSource.count_releases;
+  } else {
+    return [];
+  }
+});
+
+const getDaysBetweenReleases = computed(function () {
+  if (store.getters.explorerLoaded) {
+    const dates = store.getters.getSelectedSource.releases.map(
+      (value) => new Date(value.release_name)
+    );
+    //todo rewrite using array functional methods
+    const numbers = [];
+
+    for (let i = 0; i < dates.length - 1; i++) {
+      numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
+    }
+
+    return numbers.length
+      ? numbers.reduce((prevValue, current) => prevValue + current, 0) /
+          numbers.length
+      : 0;
+  } else {
+    return [];
+  }
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
new file mode 100644
index 00000000..9a4a7528
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -0,0 +1,55 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6">
+    <Chart
+      id="population_releases"
+      title="Population History"
+      width="95"
+      :notes="notes"
+      :signal-listener="listeners.setSelectionAreaSignal"
+      :context-menu-listener="listeners.showNotesEditDialogRightClick"
+      :click-listener="listeners.setRectangleLocationClick"
+      annotations
+      :config="specPopulationByRelease"
+      :annotations-config="specPopulationByReleaseAnnotation"
+      :data="releases"
+    />
+    <NotesPanel report="population_releases" />
+    <info-panel
+      v-if="store.getters.getQueryIndex"
+      icon="mdi-code-braces"
+      details="View export query."
+      :link-details="true"
+      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
+      :divider="true"
+    ></info-panel>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import InfoPanel from "@/widgets/infoPanel";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { specPopulationByRelease } from "./specPopulationByRelease";
+import { specPopulationByReleaseAnnotation } from "./specPopulationByReleaseAnnotation";
+import * as listeners from "@/pages/model/lib/listeners";
+import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+
+const store = useStore();
+
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  return sourceContainer["population_releases"] || [];
+});
+
+const releases = computed(() => {
+  return store.getters.getSelectedSource.releases.map((value) => ({
+    ...value,
+    dateU: new Date(value.dqd_execution_date),
+  }));
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByRelease.ts
similarity index 97%
rename from src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts
rename to src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByRelease.ts
index 69592c61..b9e33f92 100644
--- a/src/widgets/chart/config/chartSpecifications/specPopulationByRelease.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByRelease.ts
@@ -6,6 +6,7 @@ export function specPopulationByRelease(zeroBaseline = false) {
     $schema: VEGA_SCHEMA,
     width: "container",
     height: 200,
+    data: { name: "conceptData" },
     transform: [
       {
         timeUnit: "yearmonthdate",
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
new file mode 100644
index 00000000..aabac1f0
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -0,0 +1,95 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 200,
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "dateU",
+        type: "quantitative",
+        timeUnit: "yearmonthdate",
+        axis: {
+          title: "Release",
+        },
+      },
+      y: {
+        field: "count_person",
+        type: "quantitative",
+        axis: {
+          title: "People",
+        },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+      },
+      {
+        mark: { type: "rect", opacity: 0.1 },
+        data: {
+          name: "notesData",
+        },
+        params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+            },
+          },
+          {
+            name: "notesBrush",
+            select: {
+              type: "interval",
+              encodings: ["x", "y"],
+            },
+          },
+        ],
+        encoding: {
+          tooltip: [
+            { field: "title", title: "Title" },
+            {
+              field: "description",
+              title: "Description",
+            },
+          ],
+          x: {
+            field: "start",
+            type: "quantitative",
+            timeUnit: "yearmonth",
+          },
+          color: {
+            condition: {
+              param: "justBrush",
+              field: "CONCEPT_NAME",
+              type: "ordinal",
+              legend: null,
+            },
+            value: "grey",
+          },
+          x2: {
+            field: "end",
+            type: "quantitative",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "y",
+            type: "quantitative",
+          },
+          y2: {
+            field: "y1",
+            type: "quantitative",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
new file mode 100644
index 00000000..e4573aa8
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -0,0 +1,87 @@
+<template>
+  <v-card elevation="10" class="mx-auto pb-6" outlined>
+    <v-card-title>Release Listing</v-card-title>
+    <v-card-text>
+      <v-data-table
+        density="compact"
+        :items="getTable"
+        :headers="overviewTable"
+        :items-per-page="-1"
+        hide-default-footer
+      >
+        <template #item.count_person="{ item }">
+          <router-link
+            :to="getPersonLink(item.raw)"
+            :title="item.raw.count_person"
+            >{{ helpers.formatComma(item.raw.count_person) }}</router-link
+          >
+        </template>
+        <template #item.count_data_quality_issues="{ item }">
+          <router-link :to="getQualityLink(item.raw)">{{
+            helpers.formatComma(item.raw.count_data_quality_issues)
+          }}</router-link>
+        </template>
+      </v-data-table>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+import { helpers } from "@/shared/lib/mixins";
+import { computed, ref } from "vue";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const overviewTable = ref([
+  {
+    title: "Release date",
+    align: "start",
+    sortable: true,
+    key: "release_name",
+  },
+  {
+    title: "Number of people",
+    align: "end",
+    sortable: true,
+    key: "count_person",
+  },
+  {
+    title: "Data quality issues",
+    align: "end",
+    sortable: true,
+    key: "count_data_quality_issues",
+  },
+]);
+
+const getTable = computed(function () {
+  if (store.getters.explorerLoaded) {
+    return store.getters.getSelectedSource.releases;
+  } else {
+    return [];
+  }
+});
+
+const getQualityLink = function (item) {
+  return {
+    name: "dataQuality",
+    params: {
+      cdm: store.getters.getSelectedSource.cdm_source_key,
+      release: item.release_id,
+    },
+    query: { tab: "overview" },
+  };
+};
+const getPersonLink = function (item) {
+  return {
+    name: "person",
+    params: {
+      cdm: store.getters.getSelectedSource.cdm_source_key,
+      release: item.release_id,
+    },
+  };
+};
+</script>
+
+<style scoped></style>
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index cfddbdcd..082700ab 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -2,29 +2,29 @@ import reportsView from "@/processes/exploreReports/ui/ReportsView.vue";
 import home from "@/pages/info/Home.vue";
 import help from "@/pages/info/Help.vue";
 import article from "@/pages/info/Article.vue";
-import networkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary.vue";
-import networkPerformance from "@/pages/reports/network/NetworkPerformance.vue";
-import networkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes.vue";
+import networkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue";
+import networkPerformance from "@/pages/reports/network/NetworkPerformance/NetworkPerformance.vue";
+import networkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue";
 import NetworkDataFeasibilityReport from "@/pages/reports/network/NetworkDataFeasibilityReport/index.vue";
-import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport.vue";
-import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport.vue";
-import networkOverview from "@/pages/reports/network/NetworkOverview.vue";
-import networkConceptReport from "@/pages/reports/network/NetworkConceptReport.vue";
+import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue";
+import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue";
+import networkOverview from "@/pages/reports/network/NetworkOverview/NetworkOverview.vue";
+import networkConceptReport from "@/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue";
 import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue";
 import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue";
 import metadataReport from "@/pages/reports/release/MetadataReport/MetadataReport.vue";
 import deathReport from "@/pages/reports/release/DeathReport/DeathReport.vue";
 import dataQualityResults from "@/pages/reports/release/DataQualityResults/DataQualityResults.vue";
-import domainDensity from "@/pages/reports/release/DomainDensity/ui/DomainDensity.vue";
+import domainDensity from "@/pages/reports/release/DomainDensity/DomainDensity.vue";
 import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue";
 import performanceReport from "@/pages/reports/release/PerformanceReport/PerformanceTable.vue";
 import personReport from "@/pages/reports/release/PersonReport/PersonReport.vue";
 import domainTable from "@/pages/reports/release/DomainTable/DomainTable.vue";
 import conceptReport from "@/pages/reports/release/ConceptReport/ConceptReport.vue";
-import dataQualityHistory from "@/pages/reports/source/DataQualityHistory.vue";
-import SourceOverview from "@/pages/reports/source/SourceOverview.vue";
-import domainContinuity from "@/pages/reports/source/DomainContinuity.vue";
-import sourceConceptReport from "@/pages/reports/source/SourceConceptReport.vue";
+import dataQualityHistory from "@/pages/reports/source/DataQualityHistory/DataQualityHistory.vue";
+import SourceOverview from "@/pages/reports/source/SourceOverview/SourceOverview.vue";
+import domainContinuity from "@/pages/reports/source/DomainContinuity/DomainContinuity.vue";
+import sourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 import networkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
 
@@ -105,6 +105,34 @@ export const routes: RouteRecordRaw[] = [
       },
     ],
   },
+  {
+    path: "/cdm/:cdm",
+    name: "datasource",
+    components: { main: reportsView },
+    redirect: { name: "dataSourceOverview" },
+    children: [
+      {
+        path: "data_quality_history",
+        name: "dataQualityHistory",
+        components: { reportsView: dataQualityHistory },
+      },
+      {
+        path: "data_source_overview",
+        name: "dataSourceOverview",
+        components: { reportsView: SourceOverview },
+      },
+      {
+        path: "domain_continuity",
+        name: "domainContinuity",
+        components: { reportsView: domainContinuity },
+      },
+      {
+        path: ":domain/:concept/overlay",
+        name: "sourceConceptOverlay",
+        components: { reportsView: sourceConceptReport },
+      },
+    ],
+  },
 
   {
     path: "/cdm/:cdm/:release",
@@ -169,32 +197,4 @@ export const routes: RouteRecordRaw[] = [
       },
     ],
   },
-  {
-    path: "/datasource/:cdm",
-    name: "datasource",
-    components: { main: reportsView },
-    redirect: { name: "dataSourceOverview" },
-    children: [
-      {
-        path: "data_quality_history",
-        name: "dataQualityHistory",
-        components: { reportsView: dataQualityHistory },
-      },
-      {
-        path: "data_source_overview",
-        name: "dataSourceOverview",
-        components: { reportsView: SourceOverview },
-      },
-      {
-        path: "domain_continuity",
-        name: "domainContinuity",
-        components: { reportsView: domainContinuity },
-      },
-      {
-        path: ":domain/:concept/overlay",
-        name: "sourceConceptOverlay",
-        components: { reportsView: sourceConceptReport },
-      },
-    ],
-  },
 ];
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index 453920bc..c216384f 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -29,6 +29,7 @@ import { useStore } from "vuex";
 import { watch, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
 import NewNote from "@/widgets/newNoteDialog/newNote.vue";
+import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 
 const route = useRoute();
 const store = useStore();
@@ -63,7 +64,10 @@ onMounted(() => {
   });
   store
     .dispatch(explorerActions.FETCH_INDEX, { route: route.params })
-    .then(() => loadViewData());
+    .then(() => {
+      loadViewData();
+      store.dispatch(LOAD_NOTES);
+    });
 });
 </script>
 
diff --git a/src/shared/api/getFilePath.ts b/src/shared/api/getFilePath.ts
index 736279d0..2e8a3338 100644
--- a/src/shared/api/getFilePath.ts
+++ b/src/shared/api/getFilePath.ts
@@ -36,5 +36,6 @@ export default function getFilePath(params: Params) {
     [files.NETWORK_PERFORMANCE]: "data/network-performance.csv",
     [files.EXPORT_QUERY_INDEX]: "data/export_query_index.json",
     [files.TEMPORAL_CHARACTERIZATION]: `data/${params.cdm}/${params.release}/temporal-characterization.csv`,
+    [files.NOTES]: `data/${params.cdm}/notes.json`,
   };
 }
diff --git a/src/shared/config/files.ts b/src/shared/config/files.ts
index e864cf2a..dd49324f 100644
--- a/src/shared/config/files.ts
+++ b/src/shared/config/files.ts
@@ -2,6 +2,8 @@ export const INDEX = "index";
 export const CONCEPT = "concept";
 export const QUALITY_INDEX = "qualityIndex";
 export const QUALITY_RESULTS = "qualityResults";
+
+export const NOTES = "notes";
 export const DEATH = "death";
 export const SOURCE_HISTORY_INDEX = "sourceHistoryIndex";
 export const DENSITY_RECORDS_PERSON = "densityRecordsPerson";
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts b/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
deleted file mode 100644
index 724acce6..00000000
--- a/src/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specAgeAtFirstObservationBySource(zeroBaseline = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    height: 200,
-    width: "container",
-    encoding: {
-      x: {
-        field: "INTERVAL_INDEX",
-        type: "quantitative",
-        title: "Age",
-      },
-      y: {
-        field: "PERCENT_VALUE",
-        type: "quantitative",
-        axis: { format: "0.0%" },
-        title: "% of Population",
-        scale: {
-          zero: zeroBaseline,
-        },
-      },
-      color: {
-        field: "DATA_SOURCE_KEY",
-        title: "Data Source",
-        legend: { orient: "right", columns: 2 },
-      },
-    },
-    layer: [
-      {
-        mark: { type: "line", interpolate: "linear" },
-        params: [
-          {
-            name: "source",
-            select: { type: "point", fields: ["DATA_SOURCE_KEY"] },
-            bind: "legend",
-          },
-        ],
-        encoding: {
-          opacity: {
-            condition: { param: "source", value: 1 },
-            value: 0.2,
-          },
-        },
-      },
-      {
-        selection: {
-          dataSource: {
-            type: "multi",
-            fields: ["DATA_SOURCE_KEY"],
-            bind: "legend",
-          },
-          x: {
-            type: "single",
-            on: "mousemove",
-            encodings: ["x"],
-            nearest: true,
-          },
-        },
-        transform: [
-          {
-            filter: { selection: "dataSource" },
-          },
-        ],
-        mark: { type: "point", tooltip: true },
-      },
-      {
-        transform: [
-          {
-            filter: {
-              and: ["x.INTERVAL_INDEX", { selection: "x" }],
-            },
-          },
-          { filter: { selection: "dataSource" } },
-        ],
-        layer: [
-          {
-            mark: "rule",
-            encoding: {
-              y: {
-                height: 1,
-              },
-            },
-          },
-        ],
-      },
-    ],
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts b/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
deleted file mode 100644
index d7ee2010..00000000
--- a/src/widgets/chart/config/chartSpecifications/specAgeBySex.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specAgeBySex(zeroBaseline = false, minMax = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    height: 75,
-    width: "container",
-    encoding: {
-      y: {
-        field: "CATEGORY",
-        type: "nominal",
-        title: null,
-        scale: {
-          zero: zeroBaseline,
-        },
-      },
-    },
-    layer: [
-      {
-        mark: { type: "rule" },
-        encoding: {
-          x: {
-            field: minMax ? "MIN_VALUE" : "P10_VALUE",
-            type: "quantitative",
-            title: null,
-          },
-          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
-        },
-      },
-      {
-        mark: { type: "bar", size: 14, tooltip: true },
-        encoding: {
-          tooltip: [
-            { field: "CATEGORY", title: "CATEGORY" },
-            { field: "MIN_VALUE", title: "MIN_VALUE" },
-            { field: "P10_VALUE", title: "P10_VALUE" },
-            { field: "P25_VALUE", title: "P25_VALUE" },
-            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
-            { field: "P75_VALUE", title: "P75_VALUE" },
-            { field: "P90_VALUE", title: "P90_VALUE" },
-            { field: "MAX_VALUE", title: "MAX_VALUE" },
-          ],
-          x: { field: "P25_VALUE", type: "quantitative" },
-          x2: { field: "P75_VALUE" },
-          color: { field: "CATEGORY", type: "nominal", legend: null },
-        },
-      },
-      {
-        mark: { type: "tick", color: "white", size: 14 },
-        encoding: {
-          x: { field: "MEDIAN_VALUE", type: "quantitative" },
-        },
-      },
-    ],
-    row: {
-      field: "CATEGORY",
-      type: "nominal",
-      title: "Measurement",
-    },
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts b/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
deleted file mode 100644
index bcc2f4d2..00000000
--- a/src/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specCumulativeObservationBySource(zeroBaseline = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    height: 150,
-    width: "container",
-    encoding: {
-      x: {
-        field: "YEARS",
-        type: "quantitative",
-        title: "Years of Observation",
-      },
-      y: {
-        field: "PERCENT_PEOPLE",
-        type: "quantitative",
-        title: "% of People",
-        axis: { format: "0.0%" },
-        scale: {
-          zero: zeroBaseline,
-        },
-      },
-      color: {
-        field: "DATA_SOURCE_KEY",
-        title: "Data Source",
-        legend: { orient: "right", columns: 2 },
-      },
-    },
-
-    layer: [
-      {
-        mark: { type: "line", interpolate: "linear" },
-        params: [
-          {
-            name: "source",
-            select: { type: "point", fields: ["DATA_SOURCE_KEY"] },
-            bind: "legend",
-          },
-        ],
-        encoding: {
-          opacity: {
-            condition: { param: "source", value: 1 },
-            value: 0.2,
-          },
-        },
-      },
-      {
-        selection: {
-          dataSource: {
-            type: "multi",
-            fields: ["DATA_SOURCE_KEY"],
-            bind: "legend",
-          },
-          x: {
-            type: "single",
-            on: "mousemove",
-            encodings: ["x"],
-            nearest: true,
-          },
-        },
-        transform: [
-          {
-            filter: { selection: "dataSource" },
-          },
-        ],
-        mark: { type: "point", tooltip: true },
-      },
-      {
-        transform: [
-          {
-            filter: {
-              and: ["x.YEARS", { selection: "x" }],
-            },
-          },
-          { filter: { selection: "dataSource" } },
-        ],
-        layer: [
-          {
-            mark: "rule",
-            encoding: {
-              y: {
-                height: 1,
-              },
-            },
-          },
-        ],
-      },
-    ],
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specEthnicity.ts b/src/widgets/chart/config/chartSpecifications/specEthnicity.ts
deleted file mode 100644
index 32f2daf2..00000000
--- a/src/widgets/chart/config/chartSpecifications/specEthnicity.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specEthnicity(zeroBaseline = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    width: "container",
-    height: 100,
-    mark: "bar",
-    transform: [
-      {
-        joinaggregate: [
-          {
-            op: "sum",
-            field: "COUNT_VALUE",
-            as: "TOTAL_RECORDS",
-          },
-        ],
-        groupby: ["CHECK_NAME"],
-      },
-      {
-        calculate: "datum.COUNT_VALUE/datum.TOTAL_RECORDS",
-        as: "PERCENT",
-      },
-    ],
-    encoding: {
-      tooltip: [
-        { field: "CONCEPT_NAME", title: "Ethnicity" },
-        { field: "COUNT_VALUE", title: "Count" },
-        { field: "PERCENT", title: "Percent", format: ",.2%" },
-      ],
-      x: {
-        field: "PERCENT",
-        type: "quantitative",
-        aggregate: "sum",
-        title: "% of People",
-        axis: {
-          format: "0%",
-        },
-      },
-      color: {
-        field: "CONCEPT_NAME",
-        legend: {
-          orient: "right",
-          columns: 2,
-          title: "Ethnicity",
-        },
-      },
-    },
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts b/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
deleted file mode 100644
index 18ddd94b..00000000
--- a/src/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specMeasurementValueDistribution1(
-  zeroBaseline = false,
-  minMax = false
-) {
-  return {
-    $schema: VEGA_SCHEMA,
-    height: { step: 20 },
-    width: "container",
-    encoding: {
-      y: {
-        field: "SOURCE_UNIT_KEY",
-        type: "nominal",
-        title: null,
-        scale: {
-          zero: zeroBaseline,
-        },
-      },
-    },
-    layer: [
-      {
-        mark: { type: "rule" },
-        encoding: {
-          x: {
-            field: minMax ? "MIN_VALUE" : "P10_VALUE",
-            type: "quantitative",
-            scale: { zero: false },
-            title: null,
-          },
-          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
-        },
-      },
-      {
-        mark: { type: "bar", size: 14, tooltip: true },
-        encoding: {
-          tooltip: [
-            { field: "CATEGORY", title: "CATEGORY" },
-            { field: "MIN_VALUE", title: "MIN_VALUE" },
-            { field: "P10_VALUE", title: "P10_VALUE" },
-            { field: "P25_VALUE", title: "P25_VALUE" },
-            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
-            { field: "P75_VALUE", title: "P75_VALUE" },
-            { field: "P90_VALUE", title: "P90_VALUE" },
-            { field: "MAX_VALUE", title: "MAX_VALUE" },
-          ],
-          x: { field: "P25_VALUE", type: "quantitative" },
-          x2: { field: "P75_VALUE" },
-          color: {
-            field: "SOURCE_UNIT_KEY",
-            type: "nominal",
-            legend: null,
-          },
-        },
-      },
-      {
-        mark: { type: "tick", color: "white", size: 14 },
-        encoding: {
-          x: { field: "MEDIAN_VALUE", type: "quantitative" },
-        },
-      },
-    ],
-    row: {
-      field: "SOURCE_UNIT_KEY",
-      type: "nominal",
-      title: "Measurement",
-    },
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specObservationByAge.ts b/src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
deleted file mode 100644
index 5c0152fa..00000000
--- a/src/widgets/chart/config/chartSpecifications/specObservationByAge.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specObservationByAge(zeroBaseline = false, minMax = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    height: { step: 20 },
-    width: "container",
-    encoding: {
-      y: {
-        field: "CATEGORY",
-        type: "nominal",
-        title: null,
-        sort: { field: "categoryOrder" },
-        scale: {
-          zero: zeroBaseline,
-        },
-      },
-    },
-    layer: [
-      {
-        mark: {
-          type: "rule",
-        },
-        encoding: {
-          x: {
-            field: minMax ? "MIN_VALUE" : "P10_VALUE",
-            type: "quantitative",
-            scale: { zero: false },
-            title: "Years",
-            format: ".0d",
-          },
-          x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
-        },
-      },
-      {
-        mark: {
-          type: "bar",
-          size: 14,
-        },
-        encoding: {
-          tooltip: [
-            { field: "CATEGORY", title: "CATEGORY" },
-            { field: "MIN_VALUE", title: "MIN_VALUE" },
-            { field: "P10_VALUE", title: "P10_VALUE" },
-            { field: "P25_VALUE", title: "P25_VALUE" },
-            { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
-            { field: "P75_VALUE", title: "P75_VALUE" },
-            { field: "P90_VALUE", title: "P90_VALUE" },
-            { field: "MAX_VALUE", title: "MAX_VALUE" },
-          ],
-          x: { field: "P25_VALUE", type: "quantitative" },
-          x2: { field: "P75_VALUE" },
-          color: { field: "CATEGORY", type: "nominal", legend: null },
-        },
-      },
-      {
-        mark: { type: "tick", color: "white", size: 14 },
-        encoding: {
-          x: { field: "MEDIAN_VALUE", type: "quantitative" },
-        },
-      },
-    ],
-    row: {
-      field: "CATEGORY",
-      type: "nominal",
-      title: "Measurement",
-    },
-  };
-}
diff --git a/src/widgets/chart/config/chartSpecifications/specRace.ts b/src/widgets/chart/config/chartSpecifications/specRace.ts
deleted file mode 100644
index 9eda9e25..00000000
--- a/src/widgets/chart/config/chartSpecifications/specRace.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { VEGA_SCHEMA } from "@/shared/config/links";
-import { TopLevelSpec } from "vega-lite";
-
-export function specRace(zeroBaseline = false) {
-  return {
-    $schema: VEGA_SCHEMA,
-    width: "container",
-    height: 75,
-    mark: "bar",
-    transform: [
-      {
-        window: [
-          {
-            op: "sum",
-            field: "COUNT_VALUE",
-            as: "TOTAL_VALUE",
-          },
-        ],
-        frame: [null, null],
-      },
-      {
-        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
-        as: "PERCENT",
-      },
-    ],
-    encoding: {
-      tooltip: [
-        { field: "CONCEPT_NAME", title: "Race" },
-        { field: "PERCENT", title: "Percent", format: "0.2%" },
-        { field: "COUNT_VALUE", title: "Number of People", format: ",d" },
-      ],
-      x: {
-        field: "PERCENT",
-        type: "quantitative",
-        aggregate: "sum",
-        title: "% of People",
-        axis: {
-          format: "0%",
-        },
-      },
-      color: {
-        field: "CONCEPT_NAME",
-        type: "nominal",
-        legend: {
-          orient: "right",
-          title: "Race",
-        },
-      },
-      order: {
-        aggregate: "sum",
-        field: "COUNT_VALUE",
-        sort: "descending",
-      },
-    },
-  };
-}
diff --git a/src/widgets/chart/config/index.ts b/src/widgets/chart/config/index.ts
deleted file mode 100644
index cd49a5e4..00000000
--- a/src/widgets/chart/config/index.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { specRace } from "@/widgets/chart/config/chartSpecifications/specRace";
-import { specAgeSex } from "@/widgets/chart/config/chartSpecifications/specAgeSex";
-import { defOverview } from "@/widgets/chart/config/chartSpecifications/defOverview";
-import { specAgeBySex } from "@/widgets/chart/config/chartSpecifications/specAgeBySex";
-import { specOverview } from "@/widgets/chart/config/chartSpecifications/specOverview";
-import { specQuantity } from "@/widgets/chart/config/chartSpecifications/specQuantity";
-import { specBirthYear } from "@/widgets/chart/config/chartSpecifications/specBirthYear";
-import { specEthnicity } from "@/widgets/chart/config/chartSpecifications/specEthnicity";
-import { specAgeAtDeath } from "@/widgets/chart/config/chartSpecifications/specAgeAtDeath";
-import { specDatastrand } from "@/widgets/chart/config/chartSpecifications/specDatastrand";
-import { specDaysSupply } from "@/widgets/chart/config/chartSpecifications/specDaysSupply";
-import { specDeathByType } from "@/widgets/chart/config/chartSpecifications/specDeathByType";
-import { specDrugsByType } from "@/widgets/chart/config/chartSpecifications/specDrugsByType";
-import { specLengthOfEra } from "@/widgets/chart/config/chartSpecifications/specLengthOfEra";
-import { specRecordsByUnit } from "@/widgets/chart/config/chartSpecifications/specRecordsByUnit";
-import { defRecordsPerPerson } from "@/widgets/chart/config/chartSpecifications/defRecordsPerPerson";
-import { specConditionsByType } from "@/widgets/chart/config/chartSpecifications/specConditionsByType";
-import { specObservationByAge } from "@/widgets/chart/config/chartSpecifications/specObservationByAge";
-import { specObservationBySex } from "@/widgets/chart/config/chartSpecifications/specObservationBySex";
-import { specAgeAtFirstExposure } from "@/widgets/chart/config/chartSpecifications/specAgeAtFirstExposure";
-import { specDataQualityResults } from "@/widgets/chart/config/chartSpecifications/specDataQualityResults";
-import { specMeasurementsByType } from "@/widgets/chart/config/chartSpecifications/specMeasurementsByType";
-import { specObservationByMonth } from "@/widgets/chart/config/chartSpecifications/specObservationByMonth";
-import { specAgeAtFirstDiagnosis } from "@/widgets/chart/config/chartSpecifications/specAgeAtFirstDiagnosis";
-import { specVisitDurationByType } from "@/widgets/chart/config/chartSpecifications/specVisitDurationByType";
-import { specVisitStratification } from "@/widgets/chart/config/chartSpecifications/specVisitStratification";
-import { specAgeAtFirstOccurrence } from "@/widgets/chart/config/chartSpecifications/specAgeAtFirstOccurrence";
-import { specAgeAtFirstObservationBySource } from "@/widgets/chart/config/chartSpecifications/specAgeAtFirstObservationBySource";
-import { specCumulativeObservationBySource } from "@/widgets/chart/config/chartSpecifications/specCumulativeObservationBySource";
-import { specRecordProportionByMonthByRelease } from "@/widgets/chart/config/chartSpecifications/specRecordProportionByMonthByRelease";
-import { specDataQualityResultsByDomain } from "@/widgets/chart/config/chartSpecifications/specDataQualityResultsByDomain";
-import { specIssueStratificationByTable } from "@/widgets/chart/config/chartSpecifications/specIssueStratificationByTable";
-import { specDataQualityResultsByCategory } from "@/widgets/chart/config/chartSpecifications/specDataQualityResultsByCategory";
-import { specMeasurementValueDistribution } from "@/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution";
-import { specRecordProportionByAgeSexYear } from "@/widgets/chart/config/chartSpecifications/specRecordProportionByAgeSexYear";
-import { specIssueStratificationByCategory } from "@/widgets/chart/config/chartSpecifications/specIssueStratificationByCategory";
-import { specMeasurementValueDistribution1 } from "@/widgets/chart/config/chartSpecifications/specMeasurementValueDistribution1";
-import { specDrugTypeStratification } from "@/widgets/chart/config/chartSpecifications/specDrugTypeStratification";
-import { specCumulativeObservation } from "@/widgets/chart/config/chartSpecifications/specCumulativeObservation";
-import { specAgeAtFirstObservation } from "@/widgets/chart/config/chartSpecifications/specAgeAtFirstObservation";
-import { specRecordProportionByMonth } from "@/widgets/chart/config/chartSpecifications/specRecordProportionByMonth";
-import { specPopulationByRelease } from "@/widgets/chart/config/chartSpecifications/specPopulationByRelease";
-import { specIssuesByRelease } from "@/widgets/chart/config/chartSpecifications/specIssuesByRelease";
-
-export const chartConfigs = {
-  specRace,
-  specAgeSex,
-  specAgeBySex,
-  defOverview,
-  defRecordsPerPerson,
-  specDrugTypeStratification,
-  specOverview,
-  specQuantity,
-  specBirthYear,
-  specEthnicity,
-  specAgeAtDeath,
-  specDatastrand,
-  specDaysSupply,
-  specDeathByType,
-  specDrugsByType,
-  specLengthOfEra,
-  specRecordsByUnit,
-  specConditionsByType,
-  specObservationByAge,
-  specObservationByMonth,
-  specObservationBySex,
-  specAgeAtFirstObservation,
-  specAgeAtFirstObservationBySource,
-  specAgeAtFirstDiagnosis,
-  specAgeAtFirstExposure,
-  specDataQualityResults,
-  specMeasurementValueDistribution1,
-  specMeasurementValueDistribution,
-  specMeasurementsByType,
-  specVisitStratification,
-  specVisitDurationByType,
-  specIssueStratificationByTable,
-  specIssueStratificationByCategory,
-  specAgeAtFirstOccurrence,
-  specRecordProportionByMonthByRelease,
-  specRecordProportionByMonth,
-  specRecordProportionByAgeSexYear,
-  specCumulativeObservationBySource,
-  specDataQualityResultsByDomain,
-  specDataQualityResultsByCategory,
-  specCumulativeObservation,
-  specPopulationByRelease,
-  specIssuesByRelease,
-};
diff --git a/src/widgets/chart/index.ts b/src/widgets/chart/index.ts
index c1c96220..ce67032a 100644
--- a/src/widgets/chart/index.ts
+++ b/src/widgets/chart/index.ts
@@ -1,4 +1,3 @@
-import { chartConfigs } from "@/widgets/chart/config";
 import Chart from "@/widgets/chart/ui/Chart.vue";
 
-export { chartConfigs, Chart };
+export { Chart };
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 89f53d93..b9616ba1 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -41,7 +41,7 @@ interface Props {
   id: string;
   width?: string;
   config: (a?: boolean, b?: boolean) => TopLevelSpec;
-  annotationsConfig: (a?: boolean, b?: boolean) => TopLevelSpec;
+  annotationsConfig?: (a?: boolean, b?: boolean) => TopLevelSpec;
   clickListener?: (a: any, b: RouteLocationNormalizedLoaded, c: any) => void;
   signalListener?: (a: any, b: any) => void;
   notes?: [];
diff --git a/src/widgets/notesPanel/model/lib/helpers.ts b/src/widgets/notesPanel/model/lib/helpers.ts
new file mode 100644
index 00000000..c36cc68d
--- /dev/null
+++ b/src/widgets/notesPanel/model/lib/helpers.ts
@@ -0,0 +1,60 @@
+export function createSelection(event, params) {
+  const coordinates = event;
+  return {
+    start:
+      coordinates.start?.[0] ||
+      coordinates.yearmonth_start?.[0] ||
+      coordinates.yearmonthdate_start?.[0],
+    end:
+      coordinates.start?.[1] ||
+      coordinates.yearmonth_start?.[1] ||
+      coordinates.yearmonthdate_start?.[0],
+    y: coordinates.y[0],
+    y1: coordinates.y[1],
+    title: params.title,
+    description: params.description,
+    notes: [],
+    id: Date.now(),
+  };
+}
+
+export function mergeAndCompareByDate(obj1, obj2) {
+  const mergedObject = { ...obj1 };
+
+  Object.keys(obj2).forEach((key) => {
+    if (!(key in mergedObject)) {
+      mergedObject[key] = obj2[key];
+    } else {
+      if (new Date(obj2[key].date) > new Date(mergedObject[key].date)) {
+        mergedObject[key] = obj2[key];
+      }
+    }
+  });
+
+  return mergedObject;
+}
+
+export const createNewNote = function (title, description) {
+  return {
+    title,
+    description,
+    id: Date.now(),
+  };
+};
+
+export const createNestedProperty = (obj, path) => {
+  const newObj = { ...obj };
+  let currentObj = newObj;
+
+  for (let i = 0; i < path.length; i++) {
+    if (i + 1 !== path.length) {
+      currentObj[path[i]] = currentObj[path[i]] || {};
+      currentObj = currentObj[path[i]];
+    } else {
+      currentObj[path[i]] = currentObj[path[i]] || [];
+      currentObj = currentObj[path[i]];
+    }
+  }
+
+  return newObj;
+};
diff --git a/src/widgets/notesPanel/model/store/actions.type.ts b/src/widgets/notesPanel/model/store/actions.type.ts
index b6f51a4b..9beceab0 100755
--- a/src/widgets/notesPanel/model/store/actions.type.ts
+++ b/src/widgets/notesPanel/model/store/actions.type.ts
@@ -1,15 +1,15 @@
-export const IMPORT_NOTES_FROM_FILE = "importNotesFromFile";
+export const IMPORT_NOTES_FROM_FILES = "importNotesFromFiles";
 export const SHOW_DIALOG = "showDialog";
 export const ADD_NEW_NOTE = "addNewNote";
 export const LOAD_NOTES = "loadNotes";
 
-export const EDIT_METADATA_CARD = "editMetadataCard";
+export const EDIT_NOTE = "editMetadataCard";
 export const SHOW_DATUM_NOTES = "showDatumNotes";
 
 export const DELETE_SELECTION = "deleteSelection";
 
 export const EDIT_SELECTION = "editSelection";
 
-export const DELETE_METADATA_CARD = "deleteMetadataCard";
+export const DELETE_NOTE = "deleteMetadataCard";
 
 export const CREATE_SELECTION = "createSelection";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 79ea0514..5c65a41b 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -2,26 +2,32 @@ import localStorageService from "@/shared/api/localStorageService";
 import {
   ADD_NEW_NOTE,
   CREATE_SELECTION,
-  DELETE_METADATA_CARD,
+  DELETE_NOTE,
   DELETE_SELECTION,
-  EDIT_METADATA_CARD,
+  EDIT_NOTE,
   EDIT_SELECTION,
-  IMPORT_NOTES_FROM_FILE,
   LOAD_NOTES,
   SHOW_DATUM_NOTES,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
+import _ from "lodash";
+import {
+  createNestedProperty,
+  createNewNote,
+  createSelection,
+  mergeAndCompareByDate,
+} from "@/widgets/notesPanel/model/lib/helpers";
 
 import {
-  REMOVE_METADATUM,
   SET_CURRENT_SELECTION_AREA,
-  SET_LOADED_NOTES,
   SET_NOTES,
   SET_SELECTED_RECTANGLE,
   SET_DIALOG,
   SET_CLICK_EVENT_DATA,
 } from "@/widgets/notesPanel/model/store/mutations.type";
-import { SET_SETTINGS } from "@/widgets/settings/model/store/mutations.type";
+import apiService from "@/shared/api/apiService";
+import getFilePath from "@/shared/api/getFilePath";
+import { NOTES } from "@/shared/config/files";
 
 const state = {
   notes: {},
@@ -38,9 +44,6 @@ const getters = {
   getDialogData: function (state) {
     return state.dialog;
   },
-  getClickEventData: function (state) {
-    return state.clickEventData;
-  },
   getCurrentSelectionArea: function (state) {
     return state.currentSelectionArea;
   },
@@ -50,132 +53,190 @@ const getters = {
 };
 
 const actions = {
-  [IMPORT_NOTES_FROM_FILE]({ commit }, params) {
-    commit(SET_LOADED_NOTES, params);
+  async [LOAD_NOTES]({ commit, rootGetters }) {
+    await Promise.allSettled(
+      rootGetters.getSources.map((source) =>
+        apiService(
+          {
+            url: getFilePath({
+              cdm: source.cdm_source_key,
+            })[NOTES],
+            method: "get",
+          },
+          { source }
+        )
+      )
+    ).then((responses) => {
+      const loadedData = responses.reduce((object, response) => {
+        if (response.status === "fulfilled") {
+          return {
+            ...object,
+            [response.value.payload.source.cdm_source_key]: response.value.data,
+          };
+        }
+        return object;
+      }, {});
+      const notes = localStorageService.get("notes")
+        ? mergeAndCompareByDate(localStorageService.get("notes"), loadedData)
+        : loadedData;
+
+      commit(SET_NOTES, { data: notes });
+    });
+  },
+
+  [CREATE_SELECTION]({ commit, getters, rootState }, params) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = params.reportName;
+    const newSelection = createSelection(
+      getters.getCurrentSelectionArea.event,
+      params
+    );
+    let data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    data = createNestedProperty(data, path);
+    _.get(data, path.join(".")).push(newSelection);
+    commit(SET_NOTES, { data, cdm });
+    localStorageService.set("notes", getters.getNotes);
+  },
+  [DELETE_SELECTION]({ commit, getters, rootState }) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = getters.getSelectedRectangle.report;
+    const selectionId = getters.getSelectedRectangle.item.id;
+
+    const data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const selections = _.get(data, path.join(".")).filter(
+      (selection) => selection.id !== selectionId
+    );
+
+    _.set(data, path.join("."), selections);
+
+    commit(SET_NOTES, { data, cdm });
+    localStorageService.set("notes", getters.getNotes);
   },
-  [LOAD_NOTES]({ commit }) {
-    if (localStorageService.get("notes")) {
-      commit(SET_NOTES, localStorageService.get("notes"));
+
+  [EDIT_SELECTION]({ commit, getters, rootState }, params) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = getters.getSelectedRectangle.report;
+    const selectionId = getters.getSelectedRectangle.item.id;
+
+    const data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const selections = _.get(data, path.join("."));
+
+    const findSelectionById = (id, selections) =>
+      selections.find((selection) => selection.id === id);
+
+    const selectionIndex = selections.findIndex(
+      (selection) => selection.id === selectionId
+    );
+    if (selectionIndex !== -1) {
+      const selection = findSelectionById(selectionId, selections);
+      const updatedSelection = {
+        ...selection,
+        title: params.data.title,
+        description: params.data.description,
+      };
+      selections[selectionIndex] = updatedSelection;
     }
+
+    _.set(data, path.join("."), selections);
+
+    commit(SET_NOTES, { data, cdm });
+    localStorageService.set("notes", getters.getNotes);
   },
-  [DELETE_METADATA_CARD]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource?.cdm_source_key;
-    const releaseName = getters.getSelectedRelease?.release_id;
-    const reportName = getters.getSelectedRectangle.report;
-    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
-      (value) => value.id !== getters.getSelectedRectangle.item.id
+  [DELETE_NOTE]({ commit, getters, rootState }, params) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = getters.getSelectedRectangle.report;
+    const selectionId = getters.getSelectedRectangle.item.id;
+
+    const data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const selections = _.get(data, path.join("."));
+
+    const findSelectionById = (id, selections) =>
+      selections.find((selection) => selection.id === id);
+
+    const selectionIndex = selections.findIndex(
+      (selection) => selection.id === selectionId
     );
+    if (selectionIndex !== -1) {
+      const selection = findSelectionById(selectionId, selections);
+      const updatedSelection = {
+        ...selection,
+        notes: [
+          ...selection.notes.filter((value) => value.id !== params.cardId),
+        ],
+      };
+      selections[selectionIndex] = updatedSelection;
+    }
+
+    _.set(data, path.join("."), selections);
 
-    let selection = getters.getNotes[sourceName][releaseName][
-      reportName
-    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
-
-    selection = {
-      ...selection,
-      notes: [...selection.notes.filter((value) => value.id !== params.cardId)],
-    };
-
-    report.push(selection);
-
-    const release = {
-      ...getters.getNotes[sourceName][releaseName],
-      [reportName]: report,
-    };
-    const source = {
-      ...getters.getNotes[sourceName],
-      [getters.getSelectedRelease.release_id]: release,
-    };
-
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-    commit(SET_NOTES, data);
+    commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
-  [EDIT_METADATA_CARD]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource?.cdm_source_key;
-    const releaseName = getters.getSelectedRelease?.release_id;
-    const reportName = getters.getSelectedRectangle.report;
-    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
-      (value) => value.id !== getters.getSelectedRectangle.item.id
+  [EDIT_NOTE]({ commit, getters, rootState }, params) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = getters.getSelectedRectangle.report;
+    const selectionId = getters.getSelectedRectangle.item.id;
+
+    const data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const selections = _.get(data, path.join("."));
+
+    const findSelectionById = (id, selections) =>
+      selections.find((selection) => selection.id === id);
+
+    const selectionIndex = selections.findIndex(
+      (selection) => selection.id === selectionId
     );
+    if (selectionIndex !== -1) {
+      const selection = findSelectionById(selectionId, selections);
+      const updatedSelection = {
+        ...selection,
+        notes: [
+          ...selection.notes.map((value) =>
+            value.id === params.cardId
+              ? createNewNote(params.data.title, params.data.description)
+              : value
+          ),
+        ],
+      };
+      selections[selectionIndex] = updatedSelection;
+    }
+
+    _.set(data, path.join("."), selections);
 
-    let selection = getters.getNotes[sourceName][releaseName][
-      reportName
-    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
-
-    const datum = {
-      title: params.data.title,
-      description: params.data.description,
-      id: Date.now(),
-    };
-
-    selection = {
-      ...selection,
-      notes: [
-        ...selection.notes.map((value) =>
-          value.id === params.cardId ? datum : value
-        ),
-      ],
-    };
-
-    report.push(selection);
-
-    const release = {
-      ...getters.getNotes[sourceName][releaseName],
-      [reportName]: report,
-    };
-    const source = {
-      ...getters.getNotes[sourceName],
-      [getters.getSelectedRelease.release_id]: release,
-    };
-
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-    commit(SET_NOTES, data);
+    commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
-  [ADD_NEW_NOTE]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource?.cdm_source_key;
-    const releaseName = getters.getSelectedRelease?.release_id;
-    const reportName = getters.getSelectedRectangle.report;
-    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
-      (value) => value.id !== getters.getSelectedRectangle.item.id
+  [ADD_NEW_NOTE]({ commit, getters, rootState }, params) {
+    const { cdm, release, domain, concept } = rootState.route.params;
+    const chartName = getters.getSelectedRectangle.report;
+    const selectionId = getters.getSelectedRectangle.item.id;
+
+    const data = { ...getters.getNotes };
+    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const selections = _.get(data, path.join("."));
+
+    const findSelectionById = (id, selections) =>
+      selections.find((selection) => selection.id === id);
+
+    const selectionIndex = selections.findIndex(
+      (selection) => selection.id === selectionId
     );
-    const datum = {
-      title: params.data.title,
-      description: params.data.description,
-      id: Date.now(),
-    };
-
-    let selection = getters.getNotes[sourceName][releaseName][
-      reportName
-    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
-
-    selection = {
-      ...selection,
-      notes: [...selection.notes, datum],
-    };
-
-    report.push(selection);
-
-    const release = {
-      ...getters.getNotes[sourceName][releaseName],
-      [reportName]: report,
-    };
-    const source = {
-      ...getters.getNotes[sourceName],
-      [getters.getSelectedRelease.release_id]: release,
-    };
-
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-    commit(SET_NOTES, data);
+    if (selectionIndex !== -1) {
+      const selection = findSelectionById(selectionId, selections);
+      selection.notes.push(
+        createNewNote(params.data.title, params.data.description)
+      );
+      selections[selectionIndex] = selection;
+    }
+
+    _.set(data, path.join("."), selections);
+
+    commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
   [SHOW_DIALOG]({ commit }, params) {
@@ -189,106 +250,18 @@ const actions = {
   [SHOW_DATUM_NOTES]({ commit }, params) {
     commit(SET_CURRENT_SELECTION_AREA, params);
   },
-  [CREATE_SELECTION]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource.cdm_source_key;
-    const releaseName = getters.getSelectedRelease.release_id;
-    let source = getters.getSelectedSource
-      ? getters.getNotes[sourceName] || []
-      : null;
-    let release = getters.getSelectedRelease
-      ? getters.getNotes[sourceName][releaseName] || []
-      : null;
-    const chartName = params.reportName;
-    const report =
-      getters.getNotes[sourceName]?.[releaseName]?.[chartName] || [];
-    const coordinates = getters.getCurrentSelectionArea.event;
-    const selection = {
-      start: coordinates.start[0],
-      end: coordinates.start[1],
-      y: coordinates.y[0],
-      y1: coordinates.y[1],
-      title: params.title,
-      description: params.description,
-      notes: [],
-      id: Date.now(),
-    };
-    console.log(release);
-
-    report.push(selection);
-    release = { ...release, [chartName]: report };
-    source = { ...source, [releaseName]: release };
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-
-    commit(SET_NOTES, data);
-    localStorageService.set("notes", getters.getNotes);
-  },
-  [DELETE_SELECTION]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource?.cdm_source_key;
-    const releaseName = getters.getSelectedRelease?.release_id;
-    const reportName = getters.getSelectedRectangle.report;
-    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
-      (value) => value.id !== getters.getSelectedRectangle.item.id
-    );
-
-    const release = {
-      ...getters.getNotes[sourceName][releaseName],
-      [reportName]: report,
-    };
-    const source = {
-      ...getters.getNotes[sourceName],
-      [getters.getSelectedRelease.release_id]: release,
-    };
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-    commit(SET_NOTES, data);
-    localStorageService.set("notes", getters.getNotes);
-  },
-  [EDIT_SELECTION]({ commit, getters }, params) {
-    const sourceName = getters.getSelectedSource?.cdm_source_key;
-    const releaseName = getters.getSelectedRelease?.release_id;
-    const reportName = getters.getSelectedRectangle.report;
-    let selection = getters.getNotes[sourceName][releaseName][
-      reportName
-    ].filter((value) => value.id === getters.getSelectedRectangle.item.id)[0];
-
-    selection = {
-      ...selection,
-      title: params.data.title,
-      description: params.data.description,
-    };
-
-    const report = getters.getNotes[sourceName][releaseName][reportName].filter(
-      (value) => value.id !== getters.getSelectedRectangle.item.id
-    );
-
-    report.push(selection);
-
-    const release = {
-      ...getters.getNotes[sourceName][releaseName],
-      [reportName]: report,
-    };
-    const source = {
-      ...getters.getNotes[sourceName],
-      [getters.getSelectedRelease.release_id]: release,
-    };
-
-    const data = {
-      ...getters.getNotes,
-      [sourceName]: source,
-    };
-    commit(SET_NOTES, data);
-    localStorageService.set("notes", getters.getNotes);
-  },
 };
 
 const mutations = {
   [SET_NOTES](state, payload) {
-    state.notes = payload;
+    if (payload.cdm) {
+      state.notes = {
+        ...payload.data,
+        [payload.cdm]: { ...payload.data[payload.cdm], date: Date.now() },
+      };
+    } else {
+      state.notes = payload.data;
+    }
   },
   [SET_DIALOG](state, payload) {
     state.dialog = payload;
@@ -310,12 +283,3 @@ export default {
   actions,
   mutations,
 };
-
-/*
- * TODO: Load notes from external file and save to local storage (the file or the parsed data?)
- * TODO: Load notes from local storage if present
- * TODO: Merge new notes and loaded notes on save (do we really need to separate the old and the new?)
- * TODO: Where do we read the file (store or the UI component). I'm thinking of store for now.
- * TODO:
- *
- *  */
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 07331061..dc2a547e 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,6 +1,7 @@
+б
 <template>
   <div>
-    <v-slide-group v-model="model" class="pa-4" show-arrows>
+    <v-slide-group v-model="model" class="pa-4" show-arrows="always">
       <v-slide-group-item v-for="note in notes" :key="note.title">
         <MetadataCard
           :title="note.title"
@@ -29,18 +30,18 @@ interface Props {
 const props = defineProps<Props>();
 
 import { computed } from "vue";
+import _ from "lodash";
 
 const store = useStore();
 
 const model = ref(null);
 
 const notes = computed(() => {
-  const sourceName = route.params.cdm;
-  const releaseName = route.params.release;
+  const { cdm, release, domain, concept } = route.params;
+  const path = [cdm, release, domain, concept, props.report].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
   const selectionId = store.getters.getSelectedRectangle?.item.id;
-  const data =
-    store.getters.getNotes[sourceName]?.[releaseName]?.[props.report] || [];
-  return data.filter((value) => value.id === selectionId)?.[0]?.notes;
+  return selections.filter((value) => value.id === selectionId)?.[0]?.notes;
 });
 </script>
 
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 31559f93..70ef752d 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -29,10 +29,9 @@
         </v-list>
         <v-divider></v-divider>
         <v-list>
-          <v-list-subheader>Other</v-list-subheader>
+          <v-list-subheader>Notes</v-list-subheader>
           <!--Features-->
-          <NotesLoader></NotesLoader>
-          <ExportNotesFileButton></ExportNotesFileButton>
+          <ExportNotes></ExportNotes>
         </v-list>
       </v-card>
     </v-navigation-drawer>
@@ -54,8 +53,7 @@ import ToggleTheme from "@/features/toggleTheme";
 
 import { computed } from "vue";
 import { useStore } from "vuex";
-import NotesLoader from "@/features/NotesLoader/NotesLoader.vue";
-import ExportNotesFileButton from "@/features/exportNotesFile/ExportNotesFileButton.vue";
+import ExportNotes from "@/features/exportNotes/ExportNotes.vue";
 
 const store = useStore();
 

From 52bbba87d9a26b6a0d7214b824fbf3bc7b5749c6 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 8 May 2023 21:22:06 +0500
Subject: [PATCH 035/202] feat: added metadata cards functionality

---
 src/widgets/newNoteDialog/formDialog.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/widgets/newNoteDialog/formDialog.vue b/src/widgets/newNoteDialog/formDialog.vue
index bf106802..bcbcdbc8 100755
--- a/src/widgets/newNoteDialog/formDialog.vue
+++ b/src/widgets/newNoteDialog/formDialog.vue
@@ -14,7 +14,6 @@
               label="Title"
             ></v-text-field>
             <v-textarea
-              :rules="[rules.characterLimit]"
               variant="outlined"
               v-model="description"
               label="Description"
@@ -32,8 +31,6 @@
 </template>
 
 <script setup lang="ts">
-import { useStore } from "vuex";
-
 import { ref, defineProps, defineEmits, computed, watch } from "vue";
 interface Props {
   action: (a, b) => void;
@@ -60,8 +57,6 @@ const emit = defineEmits(["close"]);
 
 const props = defineProps<Props>();
 
-const store = useStore();
-
 const title = ref("");
 const description = ref("");
 

From db8eba6992122c72ddb22e6e3efda2a0f5ef03ab Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 8 May 2023 21:24:53 +0500
Subject: [PATCH 036/202] feat: added metadata cards functionality

---
 src/widgets/newNoteDialog/formDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/widgets/newNoteDialog/formDialog.vue b/src/widgets/newNoteDialog/formDialog.vue
index bcbcdbc8..164707eb 100755
--- a/src/widgets/newNoteDialog/formDialog.vue
+++ b/src/widgets/newNoteDialog/formDialog.vue
@@ -6,7 +6,7 @@
           formTitle
         }}</v-card-title>
         <v-sheet width="300" class="mx-auto">
-          <v-form class="px-5 pt-4">
+          <v-form class="px-5 pt-4" @submit="submit">
             <v-text-field
               :rules="[rules.required]"
               variant="outlined"

From c9f616a9e6aa38ea13551bf14f635b999e545f26 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 May 2023 21:41:53 +0500
Subject: [PATCH 037/202] feat: feedback-related changed to metadata
 functionality

---
 .../chartMetadataCard/metadataCard.vue        | 48 +++++++++---
 .../confirmationDialog/ConfirmationDialog.vue | 35 +++++++++
 src/features/toggleTheme/index.ts             |  3 -
 src/pages/model/lib/listeners.ts              |  6 +-
 .../specRecordProportionByMonthAnnotation.ts  |  2 +-
 .../specRecordProportionByMonthAnnotation.ts  |  2 +-
 .../DomainDensity/defOverviewAnnotation.ts    |  2 +-
 .../defRecordsPerPersonAnnotation.ts          |  2 +-
 .../specAgeAtFirstObservationAnnotation.ts    |  2 +-
 .../CumulativeObservation.vue                 |  2 +-
 .../specCumulativeObservationAnnotation.ts    | 10 ++-
 .../specObservationByMonthAnnotation.ts       |  2 +-
 .../specBirthYearAnnotation.ts                |  2 +-
 .../specDataQualityResultsAnnotation.ts       |  2 +-
 .../specRecordProportionByMonthAnnotation.ts  |  2 +-
 .../specIssuesByReleaseAnnotation.ts          |  2 +-
 .../specPopulationByReleaseAnnotation.ts      |  2 +-
 src/widgets/chart/ui/Chart.vue                | 43 +++++++---
 src/widgets/newNoteDialog/formDialog.vue      | 20 ++++-
 .../notesPanel/model/store/mutations.type.ts  |  3 -
 .../notesPanel/model/store/notes.module.ts    | 11 +--
 src/widgets/notesPanel/ui/NotesPanel.vue      | 78 ++++++++++++++-----
 .../settings/model/store/actions.type.ts      | 10 ++-
 .../settings/model/store/mutations.type.ts    |  4 -
 .../settings/model/store/settings.module.ts   | 63 +++++++--------
 src/widgets/settings/ui/Settings.vue          | 20 +++--
 .../components}/exportNotes/ExportNotes.vue   |  0
 .../toggleBaseLine/ToggleBaseLine.vue         |  5 +-
 .../ui/components}/toggleBaseLine/index.ts    |  0
 .../toggleDarkMode/ToggleDarkMode.vue         |  2 +-
 .../ui/components}/toggleDarkMode/index.ts    |  0
 .../ToggleDefaultAllNotesMode.vue             | 31 ++++++++
 .../ToggleDefaultAnnotatonsMode.vue           | 31 ++++++++
 .../components}/toggleMinMax/ToggleMinMax.vue |  5 +-
 .../ui/components}/toggleMinMax/index.ts      |  0
 .../ui/components/toggleTheme/index.ts        |  3 +
 .../toggleTheme/ui/ToggleTheme.vue            |  4 +-
 37 files changed, 334 insertions(+), 125 deletions(-)
 create mode 100644 src/entities/confirmationDialog/ConfirmationDialog.vue
 delete mode 100644 src/features/toggleTheme/index.ts
 rename src/{features => widgets/settings/ui/components}/exportNotes/ExportNotes.vue (100%)
 rename src/{features => widgets/settings/ui/components}/toggleBaseLine/ToggleBaseLine.vue (77%)
 rename src/{features => widgets/settings/ui/components}/toggleBaseLine/index.ts (100%)
 rename src/{features => widgets/settings/ui/components}/toggleDarkMode/ToggleDarkMode.vue (92%)
 rename src/{features => widgets/settings/ui/components}/toggleDarkMode/index.ts (100%)
 create mode 100644 src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue
 create mode 100644 src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
 rename src/{features => widgets/settings/ui/components}/toggleMinMax/ToggleMinMax.vue (78%)
 rename src/{features => widgets/settings/ui/components}/toggleMinMax/index.ts (100%)
 create mode 100644 src/widgets/settings/ui/components/toggleTheme/index.ts
 rename src/{features => widgets/settings/ui/components}/toggleTheme/ui/ToggleTheme.vue (89%)

diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index 20ac4e89..c4eedd36 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -4,22 +4,33 @@
     max-width="400"
     max-height="300"
     elevation="5"
-    :title="props.title"
+    :title="props.note.title"
   >
     <v-card-text class="text-h7 py-2">
-      {{ props.description }}
+      {{ props.note.description }}
     </v-card-text>
 
     <v-card-actions class="justify-space-between">
       <v-btn @click="editCard" class="me-1">Edit</v-btn>
 
-      <v-btn @click="deleteCard" class="me-1">Delete</v-btn>
+      <v-btn @click="confirmDelete = true" class="me-1">Delete</v-btn>
     </v-card-actions>
   </v-card>
+  <div class="text-center">
+    <v-dialog v-model="confirmDelete" width="auto">
+      <v-card>
+        <v-card-text> Are you sure you want to delete this note? </v-card-text>
+        <v-card-actions class="justify-space-between">
+          <v-btn color="primary" @click="confirmDelete = false">Cancel</v-btn>
+          <v-btn color="primary" @click="deleteCard">Delete</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
 </template>
 
 <script setup lang="ts">
-import { defineProps } from "vue";
+import { defineProps, ref } from "vue";
 import {
   DELETE_NOTE,
   EDIT_NOTE,
@@ -29,28 +40,43 @@ import { useStore } from "vuex";
 
 const store = useStore();
 
-interface Props {
+interface Note {
   title: string;
   description: string;
   id: number;
+  report?: string;
+  selection?: string;
+}
+
+interface Props {
+  note: Note;
 }
 
 const deleteCard = function () {
-  store.dispatch(DELETE_NOTE, { cardId: props.id });
+  store.dispatch(DELETE_NOTE, {
+    cardId: props.note.id,
+    report: props.note.report,
+    selection: props.note.selection,
+  });
+  confirmDelete.value = false;
 };
 
+const confirmDelete = ref(false);
+
 const editCard = function () {
-  const action = function (title, description) {
+  const action = function (title, description, selection, report) {
     store.dispatch(EDIT_NOTE, {
-      cardId: props.id,
-      data: { title, description },
+      cardId: props.note.id,
+      data: { title, description, selection, report },
     });
   };
   store.dispatch(SHOW_DIALOG, {
     show: true,
     data: {
-      title: props.title,
-      description: props.description,
+      title: props.note.title,
+      description: props.note.description,
+      selection: props.note.selection,
+      report: props.note.report,
     },
     action,
   });
diff --git a/src/entities/confirmationDialog/ConfirmationDialog.vue b/src/entities/confirmationDialog/ConfirmationDialog.vue
new file mode 100644
index 00000000..7317a36e
--- /dev/null
+++ b/src/entities/confirmationDialog/ConfirmationDialog.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="text-center">
+    <v-dialog v-model="dialog" width="auto">
+      <template v-slot:activator="{ props }">
+        <v-btn color="primary" v-bind="props"> Open Dialog </v-btn>
+      </template>
+
+      <v-card>
+        <v-card-text>
+          Are you sure you want to delete the {{ props.action.title }}
+        </v-card-text>
+        <v-card-actions>
+          <v-btn color="primary" @click="dialog = false">Confirm</v-btn>
+          <v-btn color="error" @click="dialog = false">Cancel</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, ref } from "vue";
+
+interface Props {
+  save: () => void;
+  cancel: () => void;
+  action: { title: string };
+}
+
+const dialog = ref(false);
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/features/toggleTheme/index.ts b/src/features/toggleTheme/index.ts
deleted file mode 100644
index 1c81d9bd..00000000
--- a/src/features/toggleTheme/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ThemeProvider from "@/features/toggleTheme/ui/ToggleTheme.vue";
-
-export default ThemeProvider;
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index 5a8690b6..2a3b3c35 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -19,6 +19,11 @@ export const setRectangleLocationClick = function (result, route, store) {
         item: item.datum,
         report: event.srcElement.offsetParent.id,
       });
+    } else if (item.mark.name === "root") {
+      store.commit(SET_SELECTED_RECTANGLE, {
+        item: {},
+        report: event.srcElement.offsetParent.id,
+      });
     }
   });
 };
@@ -65,7 +70,6 @@ const handleLayerMarks = (event, item, store) => {
 export const showNotesEditDialogRightClick = function (result, store) {
   return result.view.addEventListener("contextmenu", (event, item) => {
     event.preventDefault();
-
     if (item.mark.name === "notesBrush_brush") {
       handleNotesBrush(event, item, store);
     } else if (
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index b9019eb0..f8a87d36 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -25,7 +25,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 879c86a7..c2f6e6b6 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -24,7 +24,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index aba12707..0d828e8f 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -57,7 +57,7 @@ export function defOverviewAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index 3f343065..f4d7d919 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -55,7 +55,7 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index 9b759f24..ac1c54c3 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -29,7 +29,7 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear" },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 53299ddf..6076b2f6 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -2,7 +2,7 @@
   <v-card
     :loading="!store.getters.dataInStore"
     elevation="10"
-    class="ma-4 pa-2"
+    class="ma-4 pa-4"
   >
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index 8540b858..da0f8125 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -28,7 +28,7 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear" },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
@@ -42,6 +42,14 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
               value: { x: [55, 160], y: [13, 37] },
             },
           },
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mouseup",
+              encodings: ["x", "x2", "y", "y2"],
+            },
+          },
           {
             name: "notesBrush",
             select: {
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index da2f57db..a5889dde 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -57,7 +57,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index 80e35b86..138d699c 100755
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -50,7 +50,7 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
         },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
index cc00e838..3d1cb3ee 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -32,7 +32,7 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
index ae63ee6f..7bacd219 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -24,7 +24,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.1 },
+            mark: { type: "rect", opacity: 0.3 },
             data: {
               name: "notesData",
             },
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index 1d45eca2..ba3c70c4 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -39,7 +39,7 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
index aabac1f0..f8714076 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -32,7 +32,7 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.1 },
+        mark: { type: "rect", opacity: 0.3 },
         data: {
           name: "notesData",
         },
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index b9616ba1..79b401f6 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,14 +1,24 @@
 <template>
   <div>
-    <div class="title">
-      <v-card-title v-if="title">{{ title }}</v-card-title>
-      <v-btn
-        v-if="annotations"
-        variant="plain"
-        @click="annotationMode = !annotationMode"
-        >{{ annotationMode ? "Annotations on" : "Annotations off" }}</v-btn
-      >
-    </div>
+    <v-row justify="space-between" class="mb-2">
+      <v-col cols="auto">
+        <v-card-title v-if="title">{{ title }}</v-card-title>
+      </v-col>
+      <v-col cols="auto">
+        <v-switch
+          inset
+          color="primary"
+          v-if="annotations"
+          hide-details
+          v-model="annotationMode"
+        >
+          <template v-slot:label>
+            Annotations ({{ props.notes.length }}):
+            {{ annotationMode ? "On" : "Off" }}
+          </template>
+        </v-switch>
+      </v-col>
+    </v-row>
     <div :id="id" :style="style"></div>
     <ContextMenu v-if="annotations" :items="actions" />
   </div>
@@ -23,7 +33,14 @@ export default {
 <script setup lang="ts">
 import embed from "vega-embed";
 import { useStore } from "vuex";
-import { computed, watch, onBeforeMount, defineProps, ref } from "vue";
+import {
+  computed,
+  watch,
+  onBeforeMount,
+  defineProps,
+  ref,
+  onMounted,
+} from "vue";
 import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
 import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
@@ -99,6 +116,12 @@ const props = defineProps<Props>();
 
 const annotationMode = ref(false);
 
+onMounted(() => {
+  if (props.annotations) {
+    annotationMode.value = store.getters.getSettings.annotationsMode;
+  }
+});
+
 const processedConfig = computed(function (): TopLevelSpec {
   if (annotationMode.value) {
     return {
diff --git a/src/widgets/newNoteDialog/formDialog.vue b/src/widgets/newNoteDialog/formDialog.vue
index 164707eb..78709827 100755
--- a/src/widgets/newNoteDialog/formDialog.vue
+++ b/src/widgets/newNoteDialog/formDialog.vue
@@ -23,7 +23,8 @@
           </v-form>
         </v-sheet>
         <v-card-actions class="justify-space-between">
-          <v-btn block @click="submit">Save</v-btn>
+          <v-btn color="error" @click="cancel">Cancel</v-btn>
+          <v-btn @click="submit">Save</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -33,10 +34,12 @@
 <script setup lang="ts">
 import { ref, defineProps, defineEmits, computed, watch } from "vue";
 interface Props {
-  action: (a, b) => void;
+  action: (a, b, c?, d?) => void;
   data?: {
     title: string;
     description: string;
+    selection: string;
+    report: string;
   };
   formTitle?: string;
   show: boolean;
@@ -78,7 +81,18 @@ watch(computedData, () => {
 });
 
 function submit() {
-  props.action(title.value, description.value);
+  props.action(
+    title.value,
+    description.value,
+    props.data?.selection,
+    props.data?.report
+  );
+  emit("close");
+  title.value = "";
+  description.value = "";
+}
+
+function cancel() {
   emit("close");
   title.value = "";
   description.value = "";
diff --git a/src/widgets/notesPanel/model/store/mutations.type.ts b/src/widgets/notesPanel/model/store/mutations.type.ts
index 729104d9..95b1e2e9 100755
--- a/src/widgets/notesPanel/model/store/mutations.type.ts
+++ b/src/widgets/notesPanel/model/store/mutations.type.ts
@@ -1,8 +1,5 @@
-export const SET_LOADED_NOTES = "setLoadedNotes";
 export const SET_NOTES = "setNewNotes";
 export const SET_DIALOG = "setShowDialog";
 export const SET_CURRENT_SELECTION_AREA = "setCurrentItem";
 export const SET_SELECTED_RECTANGLE = "setSelectedRectangle";
 export const SET_CLICK_EVENT_DATA = "setClickEventData";
-export const REMOVE_METADATA_CONTAINER = "removeMetadataContainer";
-export const REMOVE_METADATUM = "removeMetadatum";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 5c65a41b..9bce5a9d 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -28,6 +28,7 @@ import {
 import apiService from "@/shared/api/apiService";
 import getFilePath from "@/shared/api/getFilePath";
 import { NOTES } from "@/shared/config/files";
+import chart from "@/widgets/chart/ui/Chart.vue";
 
 const state = {
   notes: {},
@@ -114,7 +115,6 @@ const actions = {
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
-
   [EDIT_SELECTION]({ commit, getters, rootState }, params) {
     const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle.report;
@@ -147,8 +147,9 @@ const actions = {
   },
   [DELETE_NOTE]({ commit, getters, rootState }, params) {
     const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = getters.getSelectedRectangle.report;
-    const selectionId = getters.getSelectedRectangle.item.id;
+    const chartName = params.report;
+    const selectionId = params.selection;
+    console.log(chartName, selectionId);
 
     const data = { ...getters.getNotes };
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
@@ -178,8 +179,8 @@ const actions = {
   },
   [EDIT_NOTE]({ commit, getters, rootState }, params) {
     const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = getters.getSelectedRectangle.report;
-    const selectionId = getters.getSelectedRectangle.item.id;
+    const chartName = params.data.report;
+    const selectionId = params.data.selection;
 
     const data = { ...getters.getNotes };
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index dc2a547e..79690ec7 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,22 +1,36 @@
-б
 <template>
-  <div>
-    <v-slide-group v-model="model" class="pa-4" show-arrows="always">
-      <v-slide-group-item v-for="note in notes" :key="note.title">
-        <MetadataCard
-          :title="note.title"
-          :description="note.description"
-          :id="note.id"
-          :key="note.title"
-        >
-        </MetadataCard>
-      </v-slide-group-item>
-    </v-slide-group>
-  </div>
+  <v-row dense class="bg-message justify-space-between">
+    <v-col cols="auto">
+      <v-card-title class="font-weight-bold">Notes</v-card-title>
+    </v-col>
+    <v-col cols="auto">
+      <v-switch inset hide-details color="primary" v-model="showAllMode">
+        <template v-slot:label>
+          All notes ({{ allNotes.length }}):
+          {{ showAllMode ? "On" : "Off" }}
+        </template>
+      </v-switch>
+    </v-col>
+  </v-row>
+  <v-slide-group
+    v-if="!showAllMode"
+    v-model="model"
+    class="pa-4"
+    show-arrows="always"
+  >
+    <v-slide-group-item v-for="note in notes" :key="note.title">
+      <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
+    </v-slide-group-item>
+  </v-slide-group>
+  <v-slide-group v-else v-model="model" class="pa-4" show-arrows="always">
+    <v-slide-group-item v-for="note in allNotes" :key="note.title">
+      <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
+    </v-slide-group-item>
+  </v-slide-group>
 </template>
 
 <script setup lang="ts">
-import { defineProps, ref } from "vue";
+import { defineProps, onMounted, ref } from "vue";
 import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
@@ -35,13 +49,39 @@ import _ from "lodash";
 const store = useStore();
 
 const model = ref(null);
+const showAllMode = ref(false);
+
+onMounted(() => {
+  showAllMode.value = store.getters.getSettings.allNotesMode;
+});
+
+const { cdm, release, domain, concept } = route.params;
+const path = [cdm, release, domain, concept, props.report].filter(Boolean);
 
 const notes = computed(() => {
-  const { cdm, release, domain, concept } = route.params;
-  const path = [cdm, release, domain, concept, props.report].filter(Boolean);
   const selections = _.get(store.getters.getNotes, path.join(".")) || [];
-  const selectionId = store.getters.getSelectedRectangle?.item.id;
-  return selections.filter((value) => value.id === selectionId)?.[0]?.notes;
+  const selectionId = store.getters.getSelectedRectangle?.item?.id;
+  return selections
+    .filter((value) => value.id === selectionId)?.[0]
+    ?.notes.map((note) => ({
+      ...note,
+      report: props.report,
+      selection: selectionId,
+    }));
+});
+
+const allNotes = computed(() => {
+  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
+  return selections.reduce((acc, current) => {
+    return [
+      ...acc,
+      ...current.notes.map((note) => ({
+        ...note,
+        report: props.report,
+        selection: current.id,
+      })),
+    ];
+  }, []);
 });
 </script>
 
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index d2ae9858..16d9eedd 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -1,6 +1,8 @@
 export const LOAD_SETTINGS_FROM_STORAGE = "loadSettingsFromStorage";
-export const CHANGE_THEME_SETTING = "setTheme";
+export const TOGGLE_THEME_SETTING = "setTheme";
 export const TOGGLE_DARK_MODE = "toggleDarkMode";
-export const CHANGE_BASELINE_SETTING = "setBaseline";
-export const CHANGE_MINMAX_SETTING = "setMinMax";
-export const CHANGE_UI_VISIBILITY = "setVisibility";
+export const TOGGLE_BASELINE_SETTING = "setBaseline";
+export const TOGGLE_MINMAX_SETTING = "setMinMax";
+export const TOGGLE_UI_VISIBILITY = "setVisibility";
+export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
+export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultAllNotesMode";
diff --git a/src/widgets/settings/model/store/mutations.type.ts b/src/widgets/settings/model/store/mutations.type.ts
index 2459d224..0e0ef49b 100644
--- a/src/widgets/settings/model/store/mutations.type.ts
+++ b/src/widgets/settings/model/store/mutations.type.ts
@@ -1,6 +1,2 @@
-export const SET_DARK_MODE = "setDarkMode";
-export const SET_THEME = "setTheme";
-export const SET_BASELINE = "setBaseline";
 export const SET_SETTINGS = "setSettings";
-export const SET_MINMAX = "setMinMax";
 export const SET_VISIBILITY = "setVisibility";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index 17bb400b..adf693ca 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -1,18 +1,16 @@
 import localStorageService from "@/shared/api/localStorageService";
 import {
   LOAD_SETTINGS_FROM_STORAGE,
-  CHANGE_BASELINE_SETTING,
-  CHANGE_MINMAX_SETTING,
-  CHANGE_THEME_SETTING,
-  CHANGE_UI_VISIBILITY,
   TOGGLE_DARK_MODE,
+  TOGGLE_THEME_SETTING,
+  TOGGLE_MINMAX_SETTING,
+  TOGGLE_UI_VISIBILITY,
+  TOGGLE_DEFAULT_ANNOTATIONS_MODE,
+  TOGGLE_BASELINE_SETTING,
+  TOGGLE_DEFAULT_ALL_NOTES_MODE,
 } from "@/widgets/settings/model/store/actions.type";
 import {
-  SET_BASELINE,
-  SET_DARK_MODE,
-  SET_MINMAX,
   SET_SETTINGS,
-  SET_THEME,
   SET_VISIBILITY,
 } from "@/widgets/settings/model/store/mutations.type";
 
@@ -22,6 +20,8 @@ const state = {
     zeroBaseline: true,
     minMax: false,
     theme: "blue",
+    annotationsMode: false,
+    allNotesMode: false,
   },
   visible: false,
 };
@@ -38,45 +38,40 @@ const getters = {
 const actions = {
   [LOAD_SETTINGS_FROM_STORAGE]({ commit }) {
     if (localStorageService.get("settings")) {
-      commit(SET_SETTINGS, localStorageService.get("settings"));
+      commit(SET_SETTINGS, { data: localStorageService.get("settings") });
     }
   },
-  [CHANGE_BASELINE_SETTING]({ commit }, payload) {
-    commit(SET_BASELINE, payload);
+  [TOGGLE_BASELINE_SETTING]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "zeroBaseline" });
   },
   [TOGGLE_DARK_MODE]({ commit }, payload) {
-    commit(SET_DARK_MODE, payload);
+    commit(SET_SETTINGS, { data: payload, field: "darkMode" });
   },
-  [CHANGE_THEME_SETTING]({ commit }, payload) {
-    commit(SET_THEME, payload);
+  [TOGGLE_THEME_SETTING]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "theme" });
   },
-  [CHANGE_MINMAX_SETTING]({ commit }, payload) {
-    commit(SET_MINMAX, payload);
+  [TOGGLE_MINMAX_SETTING]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "minMax" });
   },
-  [CHANGE_UI_VISIBILITY]({ commit }, payload) {
+  [TOGGLE_UI_VISIBILITY]({ commit }, payload) {
     commit(SET_VISIBILITY, payload);
   },
+  [TOGGLE_DEFAULT_ANNOTATIONS_MODE]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "annotationsMode" });
+  },
+  [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "allNotesMode" });
+  },
 };
 
 const mutations = {
-  [SET_DARK_MODE](state, payload) {
-    state.settings.darkMode = payload;
-    localStorageService.set("settings", state.settings);
-  },
-  [SET_THEME](state, payload) {
-    state.settings.theme = payload;
-    localStorageService.set("settings", state.settings);
-  },
-  [SET_BASELINE](state, payload) {
-    state.settings.zeroBaseline = payload;
-    localStorageService.set("settings", state.settings);
-  },
-  [SET_MINMAX](state, payload) {
-    state.settings.minMax = payload;
-    localStorageService.set("settings", state.settings);
-  },
   [SET_SETTINGS](state, payload) {
-    state.settings = { ...state.settings, ...payload };
+    if (payload.field) {
+      state.settings = { ...state.settings, [payload.field]: payload.data };
+    } else {
+      state.settings = payload.data;
+    }
+    localStorageService.set("settings", state.settings);
   },
   [SET_VISIBILITY](state, payload) {
     state.visible = payload;
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 70ef752d..b9335f29 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -29,8 +29,10 @@
         </v-list>
         <v-divider></v-divider>
         <v-list>
-          <v-list-subheader>Notes</v-list-subheader>
+          <v-list-subheader>Metadata</v-list-subheader>
           <!--Features-->
+          <ToggleDefaultAnnotatonsMode />
+          <ToggleDefaultAllNotesMode />
           <ExportNotes></ExportNotes>
         </v-list>
       </v-card>
@@ -45,15 +47,17 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { settingsActions } from "@/widgets/settings";
-import ToggleDarkMode from "@/features/toggleDarkMode";
-import ToggleBaseLine from "@/features/toggleBaseLine";
-import ToggleMinMax from "@/features/toggleMinMax";
-import ToggleTheme from "@/features/toggleTheme";
+import ToggleDarkMode from "./components/toggleDarkMode";
+import ToggleBaseLine from "./components/toggleBaseLine";
+import ToggleMinMax from "./components/toggleMinMax";
+import ToggleTheme from "./components/toggleTheme";
+import ToggleDefaultAnnotatonsMode from "./components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue";
 
 import { computed } from "vue";
 import { useStore } from "vuex";
-import ExportNotes from "@/features/exportNotes/ExportNotes.vue";
+import ExportNotes from "@/widgets/settings/ui/components/exportNotes/ExportNotes.vue";
+import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.type";
+import ToggleDefaultAllNotesMode from "@/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue";
 
 const store = useStore();
 
@@ -62,7 +66,7 @@ const showMenu = computed({
     return store.getters.getVisibility;
   },
   set: function (value: boolean): void {
-    store.dispatch(settingsActions.CHANGE_UI_VISIBILITY, value);
+    store.dispatch(TOGGLE_UI_VISIBILITY, value);
   },
 });
 </script>
diff --git a/src/features/exportNotes/ExportNotes.vue b/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
similarity index 100%
rename from src/features/exportNotes/ExportNotes.vue
rename to src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
diff --git a/src/features/toggleBaseLine/ToggleBaseLine.vue b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
similarity index 77%
rename from src/features/toggleBaseLine/ToggleBaseLine.vue
rename to src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
index 746531d3..f4f953d5 100644
--- a/src/features/toggleBaseLine/ToggleBaseLine.vue
+++ b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
@@ -6,7 +6,7 @@
   >
     <template v-slot:prepend>
       <v-list-item-action>
-        <v-switch v-model="zeroBaseLine"></v-switch>
+        <v-switch class="mr-2" v-model="zeroBaseLine"></v-switch>
       </v-list-item-action>
     </template>
   </v-list-item>
@@ -21,6 +21,7 @@ export default {
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
+import { TOGGLE_BASELINE_SETTING } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 
@@ -29,7 +30,7 @@ const zeroBaseLine = computed({
     return store.getters.getSettings.zeroBaseline;
   },
   set: function (value: boolean): void {
-    store.commit("setBaseline", value);
+    store.dispatch(TOGGLE_BASELINE_SETTING, value);
   },
 });
 </script>
diff --git a/src/features/toggleBaseLine/index.ts b/src/widgets/settings/ui/components/toggleBaseLine/index.ts
similarity index 100%
rename from src/features/toggleBaseLine/index.ts
rename to src/widgets/settings/ui/components/toggleBaseLine/index.ts
diff --git a/src/features/toggleDarkMode/ToggleDarkMode.vue b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
similarity index 92%
rename from src/features/toggleDarkMode/ToggleDarkMode.vue
rename to src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
index 7393f770..b1164052 100644
--- a/src/features/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
@@ -5,7 +5,7 @@
   >
     <template v-slot:prepend>
       <v-list-item-action>
-        <v-switch v-model="darkMode"></v-switch>
+        <v-switch class="mr-2" v-model="darkMode"></v-switch>
       </v-list-item-action>
     </template>
   </v-list-item>
diff --git a/src/features/toggleDarkMode/index.ts b/src/widgets/settings/ui/components/toggleDarkMode/index.ts
similarity index 100%
rename from src/features/toggleDarkMode/index.ts
rename to src/widgets/settings/ui/components/toggleDarkMode/index.ts
diff --git a/src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue b/src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue
new file mode 100644
index 00000000..6aea145b
--- /dev/null
+++ b/src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue
@@ -0,0 +1,31 @@
+<template>
+  <v-list-item
+    :title="allNotesMode ? 'On' : 'Off'"
+    subtitle="Switch default all notes mode"
+  >
+    <template v-slot:prepend>
+      <v-list-item-action>
+        <v-switch class="mr-2" v-model="allNotesMode"></v-switch>
+      </v-list-item-action>
+    </template>
+  </v-list-item>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+import { TOGGLE_DEFAULT_ALL_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
+
+const store = useStore();
+
+const allNotesMode = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.allNotesMode;
+  },
+  set: function (value: boolean): void {
+    store.dispatch(TOGGLE_DEFAULT_ALL_NOTES_MODE, value);
+  },
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
new file mode 100644
index 00000000..e8c9319b
--- /dev/null
+++ b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
@@ -0,0 +1,31 @@
+<template>
+  <v-list-item
+    :title="annotationsMode ? 'On' : 'Off'"
+    subtitle="Switch default annotations mode"
+  >
+    <template v-slot:prepend>
+      <v-list-item-action>
+        <v-switch class="mr-2" v-model="annotationsMode"></v-switch>
+      </v-list-item-action>
+    </template>
+  </v-list-item>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+import { TOGGLE_DEFAULT_ANNOTATIONS_MODE } from "@/widgets/settings/model/store/actions.type";
+
+const store = useStore();
+
+const annotationsMode = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.annotationsMode;
+  },
+  set: function (value: boolean): void {
+    store.dispatch(TOGGLE_DEFAULT_ANNOTATIONS_MODE, value);
+  },
+});
+</script>
+
+<style scoped></style>
diff --git a/src/features/toggleMinMax/ToggleMinMax.vue b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
similarity index 78%
rename from src/features/toggleMinMax/ToggleMinMax.vue
rename to src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
index 30d424a4..a13fbe15 100644
--- a/src/features/toggleMinMax/ToggleMinMax.vue
+++ b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
@@ -6,7 +6,7 @@
   >
     <template v-slot:prepend>
       <v-list-item-action>
-        <v-switch v-model="minMax"></v-switch>
+        <v-switch class="mr-2" v-model="minMax"></v-switch>
       </v-list-item-action>
     </template>
   </v-list-item>
@@ -21,6 +21,7 @@ export default {
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
+import { TOGGLE_MINMAX_SETTING } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 
@@ -29,7 +30,7 @@ const minMax = computed({
     return store.getters.getSettings.minMax;
   },
   set: function (value: boolean): void {
-    store.commit("setMinMax", value);
+    store.dispatch(TOGGLE_MINMAX_SETTING, value);
   },
 });
 </script>
diff --git a/src/features/toggleMinMax/index.ts b/src/widgets/settings/ui/components/toggleMinMax/index.ts
similarity index 100%
rename from src/features/toggleMinMax/index.ts
rename to src/widgets/settings/ui/components/toggleMinMax/index.ts
diff --git a/src/widgets/settings/ui/components/toggleTheme/index.ts b/src/widgets/settings/ui/components/toggleTheme/index.ts
new file mode 100644
index 00000000..6d0f2f67
--- /dev/null
+++ b/src/widgets/settings/ui/components/toggleTheme/index.ts
@@ -0,0 +1,3 @@
+import ThemeProvider from "@/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue";
+
+export default ThemeProvider;
diff --git a/src/features/toggleTheme/ui/ToggleTheme.vue b/src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
similarity index 89%
rename from src/features/toggleTheme/ui/ToggleTheme.vue
rename to src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
index a03692a1..d7b06338 100644
--- a/src/features/toggleTheme/ui/ToggleTheme.vue
+++ b/src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
@@ -23,7 +23,7 @@ export default {
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import { CHANGE_THEME_SETTING } from "@/widgets/settings/model/store/actions.type";
+import { TOGGLE_THEME_SETTING } from "@/widgets/settings/model/store/actions.type";
 const themes = [
   { title: "Purple", value: "purple" },
   { title: "Blue", value: "blue" },
@@ -35,7 +35,7 @@ const activeTheme = computed({
     return store.getters.getSettings.theme;
   },
   set: function (value: string): void {
-    store.commit(CHANGE_THEME_SETTING, value);
+    store.dispatch(TOGGLE_THEME_SETTING, value);
   },
 });
 </script>

From 78962b88fbada6e1bc3afbe3fa43c7b8c3962434 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Jun 2023 16:39:26 +0500
Subject: [PATCH 038/202] feat: added metadata table to domain reports

---
 .../release/DomainTable/DomainTable.vue       |  2 +
 .../components/DomainMetadataTable.vue        | 95 +++++++++++++++++++
 .../exploreReports/config/dataLoadConfig.ts   |  1 +
 .../model/store/postprocessing/domainTable.ts |  3 +
 4 files changed, 101 insertions(+)
 create mode 100644 src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue

diff --git a/src/pages/reports/release/DomainTable/DomainTable.vue b/src/pages/reports/release/DomainTable/DomainTable.vue
index be39042a..b6fceb6c 100644
--- a/src/pages/reports/release/DomainTable/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable/DomainTable.vue
@@ -2,6 +2,7 @@
   <div v-if="!store.getters.getErrors">
     <v-container fluid class="pa-1">
       <MainTable />
+      <DomainMetadataTable :data="store.getters.getData.metadataData" />
       <DataStratificationByVisit />
       <DataStratificationByDrug />
     </v-container>
@@ -14,6 +15,7 @@ import { useStore } from "vuex";
 import MainTable from "@/pages/reports/release/DomainTable/components/MainTable.vue";
 import DataStratificationByVisit from "@/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue";
 import DataStratificationByDrug from "@/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue";
+import DomainMetadataTable from "@/pages/reports/release/DomainTable/components/DomainMetadataTable.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
new file mode 100644
index 00000000..56a21766
--- /dev/null
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -0,0 +1,95 @@
+<template>
+  <v-card v-if="items.length" elevation="10" class="ma-4 pa-2">
+    <v-card-title>Domain metadata</v-card-title>
+    <v-data-table :headers="headers" :items="items"></v-data-table>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { VDataTable } from "vuetify/labs/VDataTable";
+
+import { useStore } from "vuex";
+import { computed, ref, Ref, defineProps } from "vue";
+import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { useRoute } from "vue-router";
+
+interface Props {
+  data: [];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+
+const items = computed(() => {
+  console.log(route);
+  console.log(props.data);
+
+  if (props.data) {
+    const domain = route.params.domain || route.name;
+    console.log(domain);
+    return props.data.filter((row) => {
+      return row.NAME === domainMap[domain as string];
+    });
+  } else {
+    return [];
+  }
+});
+
+const domainMap = {
+  condition_occurrence: "CONDITION OCCURRENCE",
+  condition_era: "CONDITION ERA",
+  drug_exposure: "DRUG EXPOSURE",
+  drug_era: "DRUG ERA",
+  visit_occurrence: "VISIT OCCURRENCE",
+  visit_detail: "VISIT DETAIL",
+  measurement: "MEASUREMENT",
+  observation: "OBSERVATION",
+  procedure_occurrence: "PROCEDURE OCCURRENCE",
+  device_exposure: "DEVICE EXPOSURE",
+  person: "PERSON",
+  observationPeriod: "OBSERVATION PERIOD",
+};
+
+const headers: Ref<DataTableHeader[]> = ref([
+  {
+    title: "METADATA_CONCEPT_ID",
+    sortable: true,
+    key: "METADATA_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "NAME",
+    sortable: true,
+    key: "NAME",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_STRING",
+    sortable: true,
+    key: "VALUE_AS_STRING",
+    align: "start",
+  },
+  {
+    title: "VALUE_AS_CONCEPT_ID",
+    sortable: true,
+    key: "VALUE_AS_CONCEPT_ID",
+    align: "start",
+  },
+  {
+    title: "METADATA_DATE",
+    sortable: true,
+    key: "METADATA_DATE",
+    align: "start",
+  },
+  {
+    title: "METADATA_DATETIME",
+    sortable: true,
+    key: "METADATA_DATETIME",
+    align: "start",
+  },
+]);
+</script>
+
+<style scoped></style>
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index fb36662b..a73098ae 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -133,6 +133,7 @@ export default function getFilesByView() {
           { name: DOMAIN_ISSUES, required: true },
           { name: DOMAIN_DRUG_STRATIFICATION, required: false },
           { name: DOMAIN_VISIT_STRATIFICATION, required: false },
+          { name: METADATA, required: false },
         ],
       },
     },
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainTable.ts b/src/processes/exploreReports/model/store/postprocessing/domainTable.ts
index 90c72dda..558ec37b 100644
--- a/src/processes/exploreReports/model/store/postprocessing/domainTable.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/domainTable.ts
@@ -3,6 +3,7 @@ import {
   DOMAIN_ISSUES,
   DOMAIN_SUMMARY,
   DOMAIN_VISIT_STRATIFICATION,
+  METADATA,
 } from "@/shared/config/files";
 import { DomainSummary } from "@/processes/exploreReports/model/interfaces/files/DomainSummary";
 import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
@@ -10,6 +11,7 @@ import { DomainDrugStratificationType } from "@/processes/exploreReports/model/i
 import { DomainVisitStratificationType } from "@/processes/exploreReports/model/interfaces/files/DomainVisitStratificationType";
 
 export default function domainTable(data) {
+  const metadataData = data[METADATA];
   const domainTable: DomainSummary[] = data[DOMAIN_SUMMARY];
   const domainIssues: DomainIssues[] = data[DOMAIN_ISSUES];
   const drugStratification: DomainDrugStratificationType[] =
@@ -22,5 +24,6 @@ export default function domainTable(data) {
     domainIssues,
     domainStratification,
     drugStratification,
+    metadataData,
   };
 }

From 774330ad775629dd1ae7f3d92ae6139ae93c0102 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 13 Jun 2023 05:29:48 +0500
Subject: [PATCH 039/202] feat: moved from vega-embed to vega api

---
 package.json                                  |  1 +
 src/pages/model/lib/listeners.ts              | 60 +++++++++++-------
 .../specCumulativeObservationAnnotation.ts    | 21 ++++---
 .../ObservationOverTime.vue                   |  2 +-
 .../specObservationByMonthAnnotation.ts       |  3 +-
 src/widgets/chart/model/themes.ts             | 49 +++++++++++++++
 src/widgets/chart/ui/Chart.vue                | 62 ++++++++++++-------
 .../notesPanel/model/store/notes.module.ts    |  1 +
 8 files changed, 142 insertions(+), 57 deletions(-)
 create mode 100644 src/widgets/chart/model/themes.ts

diff --git a/package.json b/package.json
index 5ddd846d..aa984599 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
+    "vega": "^5.25.0",
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.6.0",
     "vue": "^3.2.45",
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index 2a3b3c35..a1e19523 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -1,37 +1,35 @@
-import {
-  SET_CURRENT_SELECTION_AREA,
-  SET_SELECTED_RECTANGLE,
-} from "@/widgets/notesPanel/model/store/mutations.type";
+import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
 import {
   CREATE_SELECTION,
+  SHOW_DATUM_NOTES,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
 import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
 import { debounce } from "lodash";
 
-export const setRectangleLocationClick = function (result, route, store) {
-  return result.view.addEventListener("click", (event, item) => {
+export const setRectangleLocationClick = function (view, route, store) {
+  return view.addEventListener("click", (event, item) => {
     if (
       item.mark.name === "layer_1_marks" ||
       item.mark.name === "concat_0_layer_1_marks"
     ) {
       store.commit(SET_SELECTED_RECTANGLE, {
         item: item.datum,
-        report: event.srcElement.offsetParent.id,
+        report: view.container().id,
       });
     } else if (item.mark.name === "root") {
       store.commit(SET_SELECTED_RECTANGLE, {
         item: {},
-        report: event.srcElement.offsetParent.id,
+        report: view.container().id,
       });
     }
   });
 };
 
-const handleNotesBrush = (event, item, store) => {
+const handleNotesBrush = (event, view, item, store) => {
   const action = (e, i) => (title, description) => {
     store.dispatch(CREATE_SELECTION, {
-      reportName: e.srcElement.offsetParent.id,
+      reportName: view.container().id,
       item: i.datum,
       title,
       description,
@@ -45,10 +43,10 @@ const handleNotesBrush = (event, item, store) => {
   });
 };
 
-const handleLayerMarks = (event, item, store) => {
+const handleLayerMarks = (event, view, item, store) => {
   store.commit(SET_SELECTED_RECTANGLE, {
     item: item.datum,
-    report: event.srcElement.offsetParent.id,
+    report: view.container().id,
   });
 
   store.dispatch(OPEN_MENU, {
@@ -56,36 +54,52 @@ const handleLayerMarks = (event, item, store) => {
     location: {
       x: event.clientX,
       y: event.clientY,
-      element: event.srcElement.offsetParent.id,
+      element: view.container().id,
       event,
     },
     clickEventData: {
-      reportName: event.srcElement.offsetParent.id,
+      reportName: view.container().id,
       date: new Date(),
       item: item.datum,
     },
   });
 };
 
-export const showNotesEditDialogRightClick = function (result, store) {
-  return result.view.addEventListener("contextmenu", (event, item) => {
+export const showNotesEditDialogRightClick = function (view, store) {
+  return view.addEventListener("contextmenu", (event, item) => {
     event.preventDefault();
     if (item.mark.name === "notesBrush_brush") {
-      handleNotesBrush(event, item, store);
+      handleNotesBrush(event, view, item, store);
     } else if (
       item.mark.name === "layer_1_marks" ||
       item.mark.name === "concat_0_layer_1_marks"
     ) {
-      handleLayerMarks(event, item, store);
+      handleLayerMarks(event, view, item, store);
     }
   });
 };
-
-export const setSelectionAreaSignal = function (result, store) {
-  return result.view.addSignalListener(
+export const setSelectionAreaSignal = function (view, store) {
+  return view.addSignalListener(
     "notesBrush",
     debounce((signalName, event) => {
-      store.commit(SET_CURRENT_SELECTION_AREA, { signalName, event });
-    }, 100)
+      if (Object.keys(event).length) {
+        store.dispatch(SHOW_DATUM_NOTES, { signalName, event }).then(() => {
+          const action = (view, store) => (title, description) => {
+            store.dispatch(CREATE_SELECTION, {
+              reportName: view.container().id,
+              item: "",
+              title,
+              description,
+            });
+          };
+
+          store.dispatch(SHOW_DIALOG, {
+            show: true,
+            data: null,
+            action: action(view, store),
+          });
+        });
+      }
+    }, 300)
   );
 };
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index da0f8125..58508c54 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -33,15 +33,6 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
           name: "notesData",
         },
         params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
           {
             name: "justBrush",
             select: {
@@ -94,5 +85,17 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
         },
       },
     ],
+    signals: [
+      {
+        name: "brushCoordinates",
+        value: [0, 0, 0, 0], // [x1, y1, x2, y2]
+      },
+    ],
+    on: [
+      {
+        events: { signal: "brushCoordinates" },
+        update: "notesBrush = brushCoordinates",
+      },
+    ],
   };
 }
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index eee934f3..e5e8204d 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
-      width="90"
+      width="95"
       :annotations-config="specObservationByMonthAnnotation"
       :notes="notes"
       :signal-listener="listeners.setSelectionAreaSignal"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index a5889dde..44914094 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -76,6 +76,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                 select: {
                   type: "interval",
                   encodings: ["x", "y"],
+                  resolve: "global",
                 },
               },
             ],
@@ -123,7 +124,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
         data: { name: "conceptData" },
 
         selection: {
-          brush: { type: "interval", encodings: ["x"] },
+          brush: { type: "interval", encodings: ["x"], resolve: "global" },
         },
         encoding: {
           x: { field: "DATE", type: "temporal", title: "Date" },
diff --git a/src/widgets/chart/model/themes.ts b/src/widgets/chart/model/themes.ts
new file mode 100644
index 00000000..e32ae263
--- /dev/null
+++ b/src/widgets/chart/model/themes.ts
@@ -0,0 +1,49 @@
+export const darkTheme = {
+  background: "#212121",
+  title: { color: "#f0f0f0", fontSize: 18 },
+  axis: {
+    domainColor: "#f0f0f0",
+    domainWidth: 1,
+    gridColor: "#888888",
+    gridWidth: 0.5,
+    labelColor: "#f0f0f0",
+    labelFontSize: 10,
+    tickColor: "#f0f0f0",
+    tickWidth: 1,
+    titleColor: "#f0f0f0",
+    titleFontSize: 12,
+  },
+  legend: {
+    labelColor: "#f0f0f0",
+    labelFontSize: 10,
+    titleColor: "#f0f0f0",
+    titleFontSize: 12,
+  },
+  mark: { color: "#4178BC" },
+  rule: { color: "#f0f0f0" },
+};
+
+export const lightTheme = {
+  background: "#FFFFFF",
+  title: { color: "#282828", fontSize: 18 },
+  axis: {
+    domainColor: "#282828",
+    domainWidth: 1,
+    gridColor: "#888888",
+    gridWidth: 0.5,
+    labelColor: "#282828",
+    labelFontSize: 10,
+    tickColor: "#282828",
+    tickWidth: 1,
+    titleColor: "#282828",
+    titleFontSize: 12,
+  },
+  legend: {
+    labelColor: "#282828",
+    labelFontSize: 10,
+    titleColor: "#282828",
+    titleFontSize: 12,
+  },
+  mark: { color: "#4178BC" },
+  rule: { color: "#282828" },
+};
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 79b401f6..90c6831a 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -20,6 +20,7 @@
       </v-col>
     </v-row>
     <div :id="id" :style="style"></div>
+
     <ContextMenu v-if="annotations" :items="actions" />
   </div>
 </template>
@@ -31,8 +32,11 @@ export default {
 </script>
 
 <script setup lang="ts">
-import embed from "vega-embed";
+import embed, { vegaLite } from "vega-embed";
+import * as vega from "vega";
 import { useStore } from "vuex";
+
+import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
 import {
   computed,
   watch,
@@ -43,6 +47,7 @@ import {
 } from "vue";
 import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
+import { Handler } from "vega-tooltip";
 import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
 import {
   ADD_NEW_NOTE,
@@ -116,13 +121,23 @@ const props = defineProps<Props>();
 
 const annotationMode = ref(false);
 
+const updateValues = computed(() => {
+  return {
+    zeroBaseLine: store.getters.getSettings.zeroBaseline,
+    minMax: store.getters.getSettings.minMax,
+    darkMode: store.getters.getSettings.darkMode,
+    notes: props.notes ? [...props.notes] : [],
+    annotationMode: annotationMode.value,
+  };
+});
+
 onMounted(() => {
   if (props.annotations) {
     annotationMode.value = store.getters.getSettings.annotationsMode;
   }
 });
 
-const processedConfig = computed(function (): TopLevelSpec {
+const processedConfig = function (): TopLevelSpec {
   if (annotationMode.value) {
     return {
       ...props.annotationsConfig(
@@ -133,6 +148,7 @@ const processedConfig = computed(function (): TopLevelSpec {
         conceptData: props.data,
         notesData: props.notes ? [...props.notes] : [],
       },
+      config: store.getters.getSettings.darkMode ? darkTheme : lightTheme,
     };
   } else {
     return {
@@ -143,44 +159,44 @@ const processedConfig = computed(function (): TopLevelSpec {
       datasets: {
         conceptData: props.data,
       },
+      config: store.getters.getSettings.darkMode ? darkTheme : lightTheme,
     };
   }
-});
-
-const darkMode = computed(function (): boolean {
-  return store.getters.getSettings.darkMode;
-});
+};
 
 const style = computed(function (): string {
   return props.width ? "width: " + props.width + "%" : "width: 100%";
 });
 
-const load = function (): void {
-  embed(`#${props.id}`, processedConfig.value, {
-    theme: store.getters.getSettings.darkMode ? "dark" : undefined,
-  }).then((result) => {
+const load = function (config): void {
+  const vgSpec = vegaLite.compile(config, {}).spec;
+  function render(spec) {
+    const view = new vega.View(vega.parse(spec, {}), {
+      renderer: "svg",
+      container: `#${props.id}`,
+      hover: true,
+    }).tooltip(new Handler().call);
     if (props.clickListener) {
-      props.clickListener(result, route, store);
+      props.clickListener(view, route, store);
     }
     if (props.signalListener && annotationMode.value) {
-      props.signalListener(result, store);
+      props.signalListener(view, store);
     }
     if (props.contextMenuListener && annotationMode.value) {
-      props.contextMenuListener(result, store);
+      props.contextMenuListener(view, store);
     }
-  });
-};
+    view.runAsync();
+  }
 
-watch(darkMode, (): void => {
-  load();
-});
+  render(vgSpec);
+};
 
-watch(processedConfig, (): void => {
-  load();
+watch(updateValues, (): void => {
+  load(processedConfig());
 });
 
-onBeforeMount((): void => {
-  load();
+onMounted((): void => {
+  load(processedConfig());
 });
 </script>
 
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 9bce5a9d..666035fe 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -212,6 +212,7 @@ const actions = {
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
+
   [ADD_NEW_NOTE]({ commit, getters, rootState }, params) {
     const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle.report;

From b9fb75c68d7f58ddff3c451a70f85d683b5235ee Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 18 Jun 2023 02:25:45 +0500
Subject: [PATCH 040/202] feat: merged notes and selections edit ui

---
 .../chartMetadataCard/metadataCard.vue        |  76 +++++----
 src/pages/model/lib/listeners.ts              |  24 +--
 .../NetworkPopulationReport.vue               |   2 +-
 .../release/ConceptReport/ConceptReport.vue   |   3 +-
 .../release/DeathReport/DeathReport.vue       |   3 +-
 .../release/DomainDensity/DomainDensity.vue   |   3 +-
 .../ObservationPeriodReport.vue               |   3 +-
 .../release/PersonReport/PersonReport.vue     |   3 +-
 .../DataQualityHistory/DataQualityHistory.vue |   3 +-
 .../SourceConceptReport.vue                   |   3 +-
 .../source/SourceOverview/SourceOverview.vue  |   3 +-
 .../exploreReports/ui/ReportsView.vue         |   2 +-
 src/widgets/chart/model/contextMenuActions.ts |   0
 src/widgets/chart/ui/Chart.vue                |  35 +---
 .../explorer/model/store/explorer.module.ts   |  11 +-
 src/widgets/newNoteDialog/formDialog.vue      | 102 ------------
 src/widgets/notesPanel/model/lib/helpers.ts   |  28 ----
 .../notesPanel/model/store/notes.module.ts    | 121 +-------------
 src/widgets/selectionEditDialog/lib/lib.ts    |  27 +++
 .../ui/selectionEditDialog.vue                | 157 ++++++++++++++++++
 20 files changed, 262 insertions(+), 347 deletions(-)
 create mode 100644 src/widgets/chart/model/contextMenuActions.ts
 delete mode 100755 src/widgets/newNoteDialog/formDialog.vue
 create mode 100644 src/widgets/selectionEditDialog/lib/lib.ts
 create mode 100755 src/widgets/selectionEditDialog/ui/selectionEditDialog.vue

diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index c4eedd36..9170714f 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -1,5 +1,6 @@
 <template>
   <v-card
+    v-if="!props.edit"
     class="ma-2 card"
     max-width="400"
     max-height="300"
@@ -9,11 +10,33 @@
     <v-card-text class="text-h7 py-2">
       {{ props.note.description }}
     </v-card-text>
+  </v-card>
+  <v-card v-else class="mb-2 card" width="400" elevation="6">
+    <v-card-title>
+      <v-text-field
+        density="compact"
+        label="Title"
+        hide-details
+        variant="underlined"
+        v-model="currentCard.title"
+        @update:modelValue="editCard()"
+      ></v-text-field>
+    </v-card-title>
+    <v-card-text class="text-h8 py-2">
+      <v-textarea
+        label="Description"
+        variant="plain"
+        hide-details
+        density="compact"
+        v-model="currentCard.description"
+        @update:modelValue="editCard()"
+      ></v-textarea>
+    </v-card-text>
 
     <v-card-actions class="justify-space-between">
-      <v-btn @click="editCard" class="me-1">Edit</v-btn>
-
-      <v-btn @click="confirmDelete = true" class="me-1">Delete</v-btn>
+      <v-btn block @click="confirmDelete = true" color="info" class="me-1"
+        >Delete</v-btn
+      >
     </v-card-actions>
   </v-card>
   <div class="text-center">
@@ -22,7 +45,7 @@
         <v-card-text> Are you sure you want to delete this note? </v-card-text>
         <v-card-actions class="justify-space-between">
           <v-btn color="primary" @click="confirmDelete = false">Cancel</v-btn>
-          <v-btn color="primary" @click="deleteCard">Delete</v-btn>
+          <v-btn color="error" @click="deleteCard">Delete</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -30,15 +53,9 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, ref } from "vue";
-import {
-  DELETE_NOTE,
-  EDIT_NOTE,
-  SHOW_DIALOG,
-} from "@/widgets/notesPanel/model/store/actions.type";
-import { useStore } from "vuex";
+import { defineProps, ref, defineEmits, onBeforeMount } from "vue";
 
-const store = useStore();
+const emit = defineEmits(["editCard", "deleteCard"]);
 
 interface Note {
   title: string;
@@ -50,38 +67,25 @@ interface Note {
 
 interface Props {
   note: Note;
+  edit?: boolean;
 }
 
+const currentCard = ref(null);
+
+onBeforeMount(() => {
+  currentCard.value = { ...props.note };
+});
+
 const deleteCard = function () {
-  store.dispatch(DELETE_NOTE, {
-    cardId: props.note.id,
-    report: props.note.report,
-    selection: props.note.selection,
-  });
-  confirmDelete.value = false;
+  emit("deleteCard", props.note.id);
 };
 
-const confirmDelete = ref(false);
-
 const editCard = function () {
-  const action = function (title, description, selection, report) {
-    store.dispatch(EDIT_NOTE, {
-      cardId: props.note.id,
-      data: { title, description, selection, report },
-    });
-  };
-  store.dispatch(SHOW_DIALOG, {
-    show: true,
-    data: {
-      title: props.note.title,
-      description: props.note.description,
-      selection: props.note.selection,
-      report: props.note.report,
-    },
-    action,
-  });
+  emit("editCard", currentCard.value);
 };
 
+const confirmDelete = ref(false);
+
 const props = defineProps<Props>();
 </script>
 
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index a1e19523..7e5be838 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -27,12 +27,11 @@ export const setRectangleLocationClick = function (view, route, store) {
 };
 
 const handleNotesBrush = (event, view, item, store) => {
-  const action = (e, i) => (title, description) => {
+  const action = (e, i) => (selection) => {
     store.dispatch(CREATE_SELECTION, {
       reportName: view.container().id,
       item: i.datum,
-      title,
-      description,
+      selection,
     });
   };
 
@@ -83,23 +82,8 @@ export const setSelectionAreaSignal = function (view, store) {
     "notesBrush",
     debounce((signalName, event) => {
       if (Object.keys(event).length) {
-        store.dispatch(SHOW_DATUM_NOTES, { signalName, event }).then(() => {
-          const action = (view, store) => (title, description) => {
-            store.dispatch(CREATE_SELECTION, {
-              reportName: view.container().id,
-              item: "",
-              title,
-              description,
-            });
-          };
-
-          store.dispatch(SHOW_DIALOG, {
-            show: true,
-            data: null,
-            action: action(view, store),
-          });
-        });
+        store.dispatch(SHOW_DATUM_NOTES, { signalName, event });
       }
-    }, 300)
+    }, 100)
   );
 };
diff --git a/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
index f0128bda..ba0f6ae3 100644
--- a/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
@@ -25,7 +25,7 @@ import { useStore } from "vuex";
 import AgeAtFirstObservation from "@/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue";
 import CumulativeObservation from "@/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index 0c131c74..795c1521 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -109,6 +109,7 @@
       </v-responsive>
       <form-dialog
         @close="store.commit(SET_DIALOG, false)"
+        v-if="store.getters.getDialogData.show"
         :show="store.getters.getDialogData.show"
         :action="store.getters.getDialogData.action"
         :data="store.getters.getDialogData.data"
@@ -140,7 +141,7 @@ import QuantityDistribution from "@/pages/reports/release/ConceptReport/charts/Q
 import VisitDurationByType from "@/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue";
 import RecordCountProportionByAgeSexYear from "@/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/pages/reports/release/DeathReport/DeathReport.vue b/src/pages/reports/release/DeathReport/DeathReport.vue
index 3fea7a2a..f6a7bf84 100644
--- a/src/pages/reports/release/DeathReport/DeathReport.vue
+++ b/src/pages/reports/release/DeathReport/DeathReport.vue
@@ -10,6 +10,7 @@
       </v-responsive>
       <form-dialog
         @close="store.commit(SET_DIALOG, false)"
+        v-if="store.getters.getDialogData.show"
         :show="store.getters.getDialogData.show"
         :action="store.getters.getDialogData.action"
         :data="store.getters.getDialogData.data"
@@ -27,7 +28,7 @@ import DeathByType from "@/pages/reports/release/DeathReport/charts/DeathByType/
 import RecordCountProportionByAgeSexYear from "@/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
 import RecordCountProportionByMonth from "@/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/pages/reports/release/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/DomainDensity.vue
index 65f97e2a..6c67b591 100644
--- a/src/pages/reports/release/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/DomainDensity.vue
@@ -3,6 +3,7 @@
     <DomainDensity />
     <DomainRecordsPerPerson />
     <form-dialog
+      v-if="store.getters.getDialogData.show"
       @close="store.commit(SET_DIALOG, false)"
       :show="store.getters.getDialogData.show"
       :action="store.getters.getDialogData.action"
@@ -17,7 +18,7 @@ import { useStore } from "vuex";
 import DomainRecordsPerPerson from "@/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue";
 import DomainDensity from "@/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
index d7423027..e66129ef 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -13,6 +13,7 @@
       </v-responsive>
       <form-dialog
         @close="store.commit(SET_DIALOG, false)"
+        v-if="store.getters.getDialogData.show"
         :show="store.getters.getDialogData.show"
         :action="store.getters.getDialogData.action"
         :data="store.getters.getDialogData.data"
@@ -32,7 +33,7 @@ import AgeAtFirstObservation from "@/pages/reports/release/ObservationPeriodRepo
 import AgeAtFirstObservationBySex from "@/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue";
 import { useStore } from "vuex";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index 7cd51da0..be8419fa 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -58,6 +58,7 @@
       </v-responsive>
       <form-dialog
         @close="store.commit(SET_DIALOG, false)"
+        v-if="store.getters.getDialogData.show"
         :show="store.getters.getDialogData.show"
         :action="store.getters.getDialogData.action"
         :data="store.getters.getDialogData.data"
@@ -75,7 +76,7 @@ import PopulationByRace from "@/pages/reports/release/PersonReport/charts/Popula
 import PopulationByYearBirth from "@/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue";
 import PopulationByEthnicity from "@/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
index de81bc88..9aeee6ea 100644
--- a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
+++ b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
@@ -6,6 +6,7 @@
   </div>
   <form-dialog
     @close="store.commit(SET_DIALOG, false)"
+    v-if="store.getters.getDialogData.show"
     :show="store.getters.getDialogData.show"
     :action="store.getters.getDialogData.action"
     :data="store.getters.getDialogData.data"
@@ -20,7 +21,7 @@ import HistoricalDataQuality from "@/pages/reports/source/DataQualityHistory/cha
 import HistoricalDataQualityByCategory from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue";
 import HistoricalDataQualityByDomain from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
index 914086ae..801feb61 100644
--- a/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
+++ b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
@@ -38,6 +38,7 @@
       </v-responsive>
       <form-dialog
         @close="store.commit(SET_DIALOG, false)"
+        v-if="store.getters.getDialogData.show"
         :show="store.getters.getDialogData.show"
         :action="store.getters.getDialogData.action"
         :data="store.getters.getDialogData.data"
@@ -52,7 +53,7 @@ import ReturnButton from "@/features/returnToPreviousPage";
 import { useStore } from "vuex";
 import RecordProportionByMonth from "@/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index cdd0d38b..439fd4c9 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -24,6 +24,7 @@
     </v-row>
     <form-dialog
       @close="store.commit(SET_DIALOG, false)"
+      v-if="store.getters.getDialogData.show"
       :show="store.getters.getDialogData.show"
       :action="store.getters.getDialogData.action"
       :data="store.getters.getDialogData.data"
@@ -39,7 +40,7 @@ import PopulationHistory from "@/pages/reports/source/SourceOverview/charts/popu
 import DataQualityIssuesHistory from "@/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue";
 import ReleaseListing from "@/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/newNoteDialog/formDialog.vue";
+import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 </script>
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index c216384f..b9292d1f 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -28,7 +28,7 @@ import { useStore } from "vuex";
 
 import { watch, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
-import NewNote from "@/widgets/newNoteDialog/newNote.vue";
+import NewNote from "@/widgets/selectionEditDialog/newNote.vue";
 import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 
 const route = useRoute();
diff --git a/src/widgets/chart/model/contextMenuActions.ts b/src/widgets/chart/model/contextMenuActions.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 90c6831a..bf187865 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -32,25 +32,17 @@ export default {
 </script>
 
 <script setup lang="ts">
-import embed, { vegaLite } from "vega-embed";
+import { vegaLite } from "vega-embed";
 import * as vega from "vega";
 import { useStore } from "vuex";
 
 import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
-import {
-  computed,
-  watch,
-  onBeforeMount,
-  defineProps,
-  ref,
-  onMounted,
-} from "vue";
+import { computed, watch, defineProps, ref, onMounted } from "vue";
 import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
 import { Handler } from "vega-tooltip";
 import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
 import {
-  ADD_NEW_NOTE,
   DELETE_SELECTION,
   EDIT_SELECTION,
   SHOW_DIALOG,
@@ -75,17 +67,16 @@ const actions = [
   {
     title: "Edit selection details",
     action: () => {
-      const action = function (title, description) {
+      const action = function (selection) {
         store.dispatch(EDIT_SELECTION, {
           report: props.id,
-          data: { title, description },
+          data: selection,
         });
       };
       store.dispatch(SHOW_DIALOG, {
         show: true,
         data: {
-          title: store.getters.getSelectedRectangle.item.title,
-          description: store.getters.getSelectedRectangle.item.description,
+          selection: store.getters.getSelectedRectangle.item,
         },
         action,
       });
@@ -97,22 +88,6 @@ const actions = [
       store.dispatch(DELETE_SELECTION, { report: props.id });
     },
   },
-  {
-    title: "Add note",
-    action: () => {
-      const action = function (title, description) {
-        store.dispatch(ADD_NEW_NOTE, {
-          report: props.id,
-          data: { title, description },
-        });
-      };
-      store.dispatch(SHOW_DIALOG, {
-        show: true,
-        data: null,
-        action,
-      });
-    },
-  },
 ];
 
 const store = useStore();
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index dcef1f45..10c765bf 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -90,16 +90,15 @@ const actions = {
   [FETCH_QUERY_INDEX]({ commit, dispatch }, params) {
     return apiService(getFilePath(params)[EXPORT_QUERY_INDEX], {
       required: false,
-    })
-      .then((response) => {
-        commit(LOAD_QUERY_INDEX, response.data);
-      })
-      .catch((error) => {
+    }).then((response) => {
+      commit(LOAD_QUERY_INDEX, response.data);
+    });
+    /* .catch((error) => {
         dispatch(errorActions.NEW_ERROR, {
           message: error.error.message,
           details: error.error.response.request.responseURL,
         });
-      });
+      });*/
   },
 };
 
diff --git a/src/widgets/newNoteDialog/formDialog.vue b/src/widgets/newNoteDialog/formDialog.vue
deleted file mode 100755
index 78709827..00000000
--- a/src/widgets/newNoteDialog/formDialog.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div v-if="props.show" class="text-center">
-    <v-dialog v-model="sh" width="auto">
-      <v-card>
-        <v-card-title class="bg-blue px-5 text-center">{{
-          formTitle
-        }}</v-card-title>
-        <v-sheet width="300" class="mx-auto">
-          <v-form class="px-5 pt-4" @submit="submit">
-            <v-text-field
-              :rules="[rules.required]"
-              variant="outlined"
-              v-model="title"
-              label="Title"
-            ></v-text-field>
-            <v-textarea
-              variant="outlined"
-              v-model="description"
-              label="Description"
-              placeholder="optional"
-              counter
-            ></v-textarea>
-          </v-form>
-        </v-sheet>
-        <v-card-actions class="justify-space-between">
-          <v-btn color="error" @click="cancel">Cancel</v-btn>
-          <v-btn @click="submit">Save</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, defineProps, defineEmits, computed, watch } from "vue";
-interface Props {
-  action: (a, b, c?, d?) => void;
-  data?: {
-    title: string;
-    description: string;
-    selection: string;
-    report: string;
-  };
-  formTitle?: string;
-  show: boolean;
-}
-
-const sh = computed({
-  get: function () {
-    return props.show;
-  },
-  set: function () {
-    emit("close");
-    title.value = "";
-    description.value = "";
-  },
-});
-
-const emit = defineEmits(["close"]);
-
-const props = defineProps<Props>();
-
-const title = ref("");
-const description = ref("");
-
-const computedData = computed(() => {
-  return props.data;
-});
-
-const rules = {
-  required: (value) => !!value || "Required field",
-  characterLimit: (v) => v.length <= 125 || "Max 125 characters",
-};
-
-watch(computedData, () => {
-  if (!computedData.value) {
-    return;
-  }
-  title.value = props.data.title;
-  description.value = props.data.description;
-});
-
-function submit() {
-  props.action(
-    title.value,
-    description.value,
-    props.data?.selection,
-    props.data?.report
-  );
-  emit("close");
-  title.value = "";
-  description.value = "";
-}
-
-function cancel() {
-  emit("close");
-  title.value = "";
-  description.value = "";
-}
-</script>
-
-<style scoped></style>
diff --git a/src/widgets/notesPanel/model/lib/helpers.ts b/src/widgets/notesPanel/model/lib/helpers.ts
index c36cc68d..12a2c4ba 100644
--- a/src/widgets/notesPanel/model/lib/helpers.ts
+++ b/src/widgets/notesPanel/model/lib/helpers.ts
@@ -1,23 +1,3 @@
-export function createSelection(event, params) {
-  const coordinates = event;
-  return {
-    start:
-      coordinates.start?.[0] ||
-      coordinates.yearmonth_start?.[0] ||
-      coordinates.yearmonthdate_start?.[0],
-    end:
-      coordinates.start?.[1] ||
-      coordinates.yearmonth_start?.[1] ||
-      coordinates.yearmonthdate_start?.[0],
-    y: coordinates.y[0],
-    y1: coordinates.y[1],
-    title: params.title,
-    description: params.description,
-    notes: [],
-    id: Date.now(),
-  };
-}
-
 export function mergeAndCompareByDate(obj1, obj2) {
   const mergedObject = { ...obj1 };
 
@@ -34,14 +14,6 @@ export function mergeAndCompareByDate(obj1, obj2) {
   return mergedObject;
 }
 
-export const createNewNote = function (title, description) {
-  return {
-    title,
-    description,
-    id: Date.now(),
-  };
-};
-
 export const createNestedProperty = (obj, path) => {
   const newObj = { ...obj };
   let currentObj = newObj;
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 666035fe..d3c1990f 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -28,7 +28,6 @@ import {
 import apiService from "@/shared/api/apiService";
 import getFilePath from "@/shared/api/getFilePath";
 import { NOTES } from "@/shared/config/files";
-import chart from "@/widgets/chart/ui/Chart.vue";
 
 const state = {
   notes: {},
@@ -88,30 +87,11 @@ const actions = {
   [CREATE_SELECTION]({ commit, getters, rootState }, params) {
     const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = params.reportName;
-    const newSelection = createSelection(
-      getters.getCurrentSelectionArea.event,
-      params
-    );
+
     let data = { ...getters.getNotes };
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
     data = createNestedProperty(data, path);
-    _.get(data, path.join(".")).push(newSelection);
-    commit(SET_NOTES, { data, cdm });
-    localStorageService.set("notes", getters.getNotes);
-  },
-  [DELETE_SELECTION]({ commit, getters, rootState }) {
-    const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = getters.getSelectedRectangle.report;
-    const selectionId = getters.getSelectedRectangle.item.id;
-
-    const data = { ...getters.getNotes };
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
-    const selections = _.get(data, path.join(".")).filter(
-      (selection) => selection.id !== selectionId
-    );
-
-    _.set(data, path.join("."), selections);
-
+    _.get(data, path.join(".")).push(params.selection);
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
@@ -123,21 +103,11 @@ const actions = {
     const data = { ...getters.getNotes };
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
     const selections = _.get(data, path.join("."));
-
-    const findSelectionById = (id, selections) =>
-      selections.find((selection) => selection.id === id);
-
     const selectionIndex = selections.findIndex(
       (selection) => selection.id === selectionId
     );
     if (selectionIndex !== -1) {
-      const selection = findSelectionById(selectionId, selections);
-      const updatedSelection = {
-        ...selection,
-        title: params.data.title,
-        description: params.data.description,
-      };
-      selections[selectionIndex] = updatedSelection;
+      selections[selectionIndex] = params.data;
     }
 
     _.set(data, path.join("."), selections);
@@ -145,96 +115,17 @@ const actions = {
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
-  [DELETE_NOTE]({ commit, getters, rootState }, params) {
-    const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = params.report;
-    const selectionId = params.selection;
-    console.log(chartName, selectionId);
-
-    const data = { ...getters.getNotes };
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
-    const selections = _.get(data, path.join("."));
-
-    const findSelectionById = (id, selections) =>
-      selections.find((selection) => selection.id === id);
 
-    const selectionIndex = selections.findIndex(
-      (selection) => selection.id === selectionId
-    );
-    if (selectionIndex !== -1) {
-      const selection = findSelectionById(selectionId, selections);
-      const updatedSelection = {
-        ...selection,
-        notes: [
-          ...selection.notes.filter((value) => value.id !== params.cardId),
-        ],
-      };
-      selections[selectionIndex] = updatedSelection;
-    }
-
-    _.set(data, path.join("."), selections);
-
-    commit(SET_NOTES, { data, cdm });
-    localStorageService.set("notes", getters.getNotes);
-  },
-  [EDIT_NOTE]({ commit, getters, rootState }, params) {
-    const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = params.data.report;
-    const selectionId = params.data.selection;
-
-    const data = { ...getters.getNotes };
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
-    const selections = _.get(data, path.join("."));
-
-    const findSelectionById = (id, selections) =>
-      selections.find((selection) => selection.id === id);
-
-    const selectionIndex = selections.findIndex(
-      (selection) => selection.id === selectionId
-    );
-    if (selectionIndex !== -1) {
-      const selection = findSelectionById(selectionId, selections);
-      const updatedSelection = {
-        ...selection,
-        notes: [
-          ...selection.notes.map((value) =>
-            value.id === params.cardId
-              ? createNewNote(params.data.title, params.data.description)
-              : value
-          ),
-        ],
-      };
-      selections[selectionIndex] = updatedSelection;
-    }
-
-    _.set(data, path.join("."), selections);
-
-    commit(SET_NOTES, { data, cdm });
-    localStorageService.set("notes", getters.getNotes);
-  },
-
-  [ADD_NEW_NOTE]({ commit, getters, rootState }, params) {
+  [DELETE_SELECTION]({ commit, getters, rootState }) {
     const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle.report;
     const selectionId = getters.getSelectedRectangle.item.id;
 
     const data = { ...getters.getNotes };
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
-    const selections = _.get(data, path.join("."));
-
-    const findSelectionById = (id, selections) =>
-      selections.find((selection) => selection.id === id);
-
-    const selectionIndex = selections.findIndex(
-      (selection) => selection.id === selectionId
+    const selections = _.get(data, path.join(".")).filter(
+      (selection) => selection.id !== selectionId
     );
-    if (selectionIndex !== -1) {
-      const selection = findSelectionById(selectionId, selections);
-      selection.notes.push(
-        createNewNote(params.data.title, params.data.description)
-      );
-      selections[selectionIndex] = selection;
-    }
 
     _.set(data, path.join("."), selections);
 
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
new file mode 100644
index 00000000..ad418656
--- /dev/null
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -0,0 +1,27 @@
+export function createSelection(event, params) {
+  const coordinates = event;
+  return {
+    start:
+      coordinates.start?.[0] ||
+      coordinates.yearmonth_start?.[0] ||
+      coordinates.yearmonthdate_start?.[0],
+    end:
+      coordinates.start?.[1] ||
+      coordinates.yearmonth_start?.[1] ||
+      coordinates.yearmonthdate_start?.[0],
+    y: coordinates.y[0],
+    y1: coordinates.y[1],
+    title: params.title,
+    description: params.description,
+    notes: params.notes,
+    id: Date.now(),
+  };
+}
+
+export const createNewNote = function (title, description) {
+  return {
+    title,
+    description,
+    id: Date.now(),
+  };
+};
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
new file mode 100755
index 00000000..17962ddb
--- /dev/null
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -0,0 +1,157 @@
+<template>
+  <div v-if="props.show" class="text-center">
+    <v-dialog v-if="sh" v-model="sh" width="auto">
+      <v-card width="900" height="550">
+        <v-card-title class="bg-blue px-5 text-center">{{
+          formTitle
+        }}</v-card-title>
+        <v-row justify="space-evenly" class="pa-2">
+          <v-col cols="5">
+            <v-card class="pa-2" elevation="0">
+              <v-card-title class="text-center"> Selection </v-card-title>
+              <v-text-field
+                :rules="[rules.required]"
+                label="Title"
+                variant="outlined"
+                v-model="currentSelection.title"
+              ></v-text-field>
+              <v-textarea
+                auto-grow
+                variant="outlined"
+                v-model="currentSelection.description"
+                label="Description"
+                rows="9"
+                placeholder="optional"
+                counter
+              ></v-textarea>
+            </v-card>
+          </v-col>
+          <v-col cols="6">
+            <v-card max-height="400" class="pa-2 overflow-auto" elevation="0">
+              <v-card-title class="text-center"> Notes </v-card-title>
+
+              <v-card variant="outlined" color="info" class="mb-2" width="400">
+                <v-layout class="justify-center">
+                  <v-btn block variant="flat" @click="addNote">
+                    <v-layout class="newNote align-center">
+                      <v-icon size="20"> mdi-plus-thick </v-icon>
+                      <span>Add new note</span>
+                    </v-layout>
+                  </v-btn>
+                </v-layout>
+              </v-card>
+
+              <metadata-card
+                @delete-card="removeNote"
+                @edit-card="editNote"
+                edit
+                v-for="note in currentSelection.notes"
+                :note="note"
+                :key="note.id"
+              ></metadata-card>
+            </v-card>
+          </v-col>
+        </v-row>
+        <v-card-actions class="justify-space-between">
+          <v-btn color="error" @click="cancel">Cancel</v-btn>
+          <v-btn @click="submit">Save</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, defineProps, defineEmits, computed, onBeforeMount } from "vue";
+import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
+import { useStore } from "vuex";
+import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
+interface Props {
+  action: (a) => void;
+  data?: {
+    title: string;
+    description: string;
+    selection: object;
+    report: string;
+  };
+  formTitle?: string;
+  show: boolean;
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+
+const sh = computed({
+  get: function () {
+    return props.show;
+  },
+  set: function () {
+    emit("close");
+  },
+});
+
+const currentSelection = ref({ title: "", description: "", notes: [] });
+
+const storeSelection = computed(() => {
+  return store.getters.getSelectedRectangle?.item || {};
+});
+
+const removeNote = function (id) {
+  currentSelection.value = {
+    ...currentSelection.value,
+    notes: currentSelection.value.notes.filter((note) => note.id !== id),
+  };
+};
+
+const addNote = function () {
+  currentSelection.value.notes = [
+    { title: "", description: "", id: Date.now() },
+    ...currentSelection.value.notes,
+  ];
+};
+
+const editNote = function (event) {
+  const selectionIndex = currentSelection.value.notes.findIndex(
+    (selection) => selection.id === event.id
+  );
+  if (selectionIndex !== -1) {
+    const updatedNotes = [...currentSelection.value.notes];
+    updatedNotes[selectionIndex] = event;
+    currentSelection.value.notes = updatedNotes;
+  }
+};
+
+onBeforeMount(() => {
+  currentSelection.value = Object.keys(storeSelection.value).length
+    ? { ...storeSelection.value }
+    : createSelection(store.getters.getCurrentSelectionArea.event, {
+        title: "",
+        description: "",
+        notes: [],
+      });
+});
+
+const emit = defineEmits(["close"]);
+
+function submit() {
+  props.action(currentSelection.value);
+  emit("close");
+}
+
+function cancel() {
+  emit("close");
+}
+
+const rules = {
+  required: (value) => !!value || "Required field",
+};
+</script>
+
+<style scoped>
+.newNote {
+  display: flex;
+  flex-direction: row;
+  gap: 1%;
+}
+</style>

From f300c7324f16458ba561e72362ba746f8fa2848d Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 20 Jun 2023 02:44:53 +0500
Subject: [PATCH 041/202] feat: merged notes and selections edit ui

---
 src/widgets/notesPanel/model/store/notes.module.ts | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index d3c1990f..15b98a77 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -1,10 +1,7 @@
 import localStorageService from "@/shared/api/localStorageService";
 import {
-  ADD_NEW_NOTE,
   CREATE_SELECTION,
-  DELETE_NOTE,
   DELETE_SELECTION,
-  EDIT_NOTE,
   EDIT_SELECTION,
   LOAD_NOTES,
   SHOW_DATUM_NOTES,
@@ -13,8 +10,6 @@ import {
 import _ from "lodash";
 import {
   createNestedProperty,
-  createNewNote,
-  createSelection,
   mergeAndCompareByDate,
 } from "@/widgets/notesPanel/model/lib/helpers";
 
@@ -142,6 +137,7 @@ const actions = {
   },
   [SHOW_DATUM_NOTES]({ commit }, params) {
     commit(SET_CURRENT_SELECTION_AREA, params);
+    commit(SET_SELECTED_RECTANGLE, null);
   },
 };
 

From 1fc0042756fa9d120589ab756485a7668810d612 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 23 Jun 2023 03:33:20 +0500
Subject: [PATCH 042/202] feat: added username setting, updated selections and
 notes to display additional metadata properties

---
 src/app/App.vue                               |  4 ++
 .../chartMetadataCard/metadataCard.vue        | 50 +++++++++++++-
 src/main.ts                                   |  5 +-
 .../specRecordProportionByMonthAnnotation.ts  |  1 +
 .../DomainDensity/defOverviewAnnotation.ts    |  1 +
 .../defRecordsPerPersonAnnotation.ts          |  1 +
 .../specAgeAtFirstObservationAnnotation.ts    |  1 +
 .../specCumulativeObservationAnnotation.ts    |  1 +
 .../specObservationByMonthAnnotation.ts       |  1 +
 .../specBirthYearAnnotation.ts                |  1 +
 .../specDataQualityResultsAnnotation.ts       |  1 +
 .../specRecordProportionByMonthAnnotation.ts  |  1 +
 .../specIssuesByReleaseAnnotation.ts          |  1 +
 .../specPopulationByReleaseAnnotation.ts      |  1 +
 .../model/store/actions.type.ts               |  2 +
 .../authentication/model/store/auth.module.ts | 22 +++++-
 .../model/store/mutations.type.ts             |  2 +
 src/shared/api/webAPI/services/authService.ts | 16 +++++
 src/widgets/selectionEditDialog/lib/lib.ts    |  4 +-
 .../ui/selectionEditDialog.vue                | 20 +++++-
 .../settings/model/store/actions.type.ts      |  2 +
 .../settings/model/store/settings.module.ts   |  5 ++
 src/widgets/settings/ui/Settings.vue          |  3 +
 .../ui/components/userAccount/UserAccount.vue | 68 +++++++++++++++++++
 24 files changed, 202 insertions(+), 12 deletions(-)
 create mode 100644 src/widgets/settings/ui/components/userAccount/UserAccount.vue

diff --git a/src/app/App.vue b/src/app/App.vue
index 7525b4a1..317265ae 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -63,4 +63,8 @@ a {
 a:visited {
   color: rgb(var(--v-theme-primary-lighten-2));
 }
+
+.v-tooltip .v-overlay__content {
+  background: rgba(var(--v-theme-surface-variant), 1) !important;
+}
 </style>
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index 9170714f..b1feace4 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -5,11 +5,28 @@
     max-width="400"
     max-height="300"
     elevation="5"
-    :title="props.note.title"
   >
+    <v-layout class="justify-space-between">
+      <v-card-title class="justify-space-between">
+        {{ props.note.title }}
+      </v-card-title>
+      <v-btn variant="plain" icon>
+        <v-icon> mdi-information-outline </v-icon>
+        <v-tooltip
+          content-class="custom-tooltip"
+          activator="parent"
+          location="end"
+        >
+          Created by {{ user || "unknown" }} at {{ dateTimeCreated }}
+          <br />
+          Last updated at {{ dateTimeUpdated }}</v-tooltip
+        ></v-btn
+      >
+    </v-layout>
     <v-card-text class="text-h7 py-2">
       {{ props.note.description }}
     </v-card-text>
+    <v-divider></v-divider>
   </v-card>
   <v-card v-else class="mb-2 card" width="400" elevation="6">
     <v-card-title>
@@ -53,7 +70,8 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, ref, defineEmits, onBeforeMount } from "vue";
+import { defineProps, ref, defineEmits, onBeforeMount, computed } from "vue";
+import { useStore } from "vuex";
 
 const emit = defineEmits(["editCard", "deleteCard"]);
 
@@ -61,8 +79,10 @@ interface Note {
   title: string;
   description: string;
   id: number;
+  lastUpdated: number;
   report?: string;
   selection?: string;
+  createdBy: string;
 }
 
 interface Props {
@@ -70,6 +90,30 @@ interface Props {
   edit?: boolean;
 }
 
+const dateTimeCreated = computed(() => {
+  const isoDate = new Date(props.note.id);
+  return isoDate.toLocaleString(undefined, {
+    dateStyle: "short",
+    timeStyle: "short",
+  });
+});
+
+const dateTimeUpdated = computed(() => {
+  if (props.note.lastUpdated) {
+    const isoDate = new Date(props.note.lastUpdated);
+    return isoDate.toLocaleString(undefined, {
+      dateStyle: "short",
+      timeStyle: "short",
+    });
+  } else {
+    return dateTimeCreated.value;
+  }
+});
+
+const user = computed(() => {
+  return props.note.createdBy;
+});
+
 const currentCard = ref(null);
 
 onBeforeMount(() => {
@@ -81,7 +125,7 @@ const deleteCard = function () {
 };
 
 const editCard = function () {
-  emit("editCard", currentCard.value);
+  emit("editCard", { ...currentCard.value, lastUpdated: Date.now() });
 };
 
 const confirmDelete = ref(false);
diff --git a/src/main.ts b/src/main.ts
index b92abeca..07ae4a82 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -10,14 +10,13 @@ import environment from "@/shared/api/environment";
 import { authActions } from "@/shared/api/webAPI";
 //todo: Think how to improve auth
 import { settingsActions } from "@/widgets/settings";
-import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 // adds reactive router module to global state
 sync(store, router);
 
 environment.load().then(() => {
   store
     .dispatch(authActions.GET_AUTH_TOKEN)
-    .then()
+    .then(() => store.dispatch(authActions.GET_USER))
     .catch()
     .finally(() => {
       store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
@@ -25,5 +24,3 @@ environment.load().then(() => {
       });
     });
 });
-
-//loads app settings from the local storage (if there are any saved)
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index c2f6e6b6..405c6332 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -53,6 +53,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index 0d828e8f..45ab27a7 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -86,6 +86,7 @@ export function defOverviewAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index f4d7d919..8a4d5bc6 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -84,6 +84,7 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index ac1c54c3..2c743332 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -58,6 +58,7 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index 58508c54..0290f4cb 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -56,6 +56,7 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index 44914094..38b82cc8 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -87,6 +87,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index 138d699c..ae677da1 100755
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -79,6 +79,7 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
index 3d1cb3ee..d0816a45 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -52,6 +52,7 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 7bacd219..ba2327d2 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -44,6 +44,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index ba3c70c4..1a8bf9c3 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -67,6 +67,7 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
index f8714076..82fb9aca 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -60,6 +60,7 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
               field: "description",
               title: "Description",
             },
+            { field: "createdBy", title: "Author" },
           ],
           x: {
             field: "start",
diff --git a/src/shared/api/webAPI/authentication/model/store/actions.type.ts b/src/shared/api/webAPI/authentication/model/store/actions.type.ts
index 5fa60c3c..b57dd5a0 100644
--- a/src/shared/api/webAPI/authentication/model/store/actions.type.ts
+++ b/src/shared/api/webAPI/authentication/model/store/actions.type.ts
@@ -1 +1,3 @@
 export const GET_AUTH_TOKEN = "getAuthToken";
+
+export const GET_USER = "getUser";
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 386e3991..7cea9e88 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -1,11 +1,12 @@
-import { SET_ACCESS_TOKEN } from "./mutations.type";
-import { GET_AUTH_TOKEN } from "./actions.type";
+import { SET_ACCESS_TOKEN, SET_USER } from "./mutations.type";
+import { GET_AUTH_TOKEN, GET_USER } from "./actions.type";
 import { authService } from "@/shared/api/webAPI/services/authService";
 import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 import environment from "@/shared/api/environment";
 
 const state = {
   accessToken: null,
+  user: null,
 };
 
 const getters = {
@@ -15,6 +16,9 @@ const getters = {
   authenticated: function (state) {
     return !!state.accessToken;
   },
+  getWebAPIUser: function (state) {
+    return state.user;
+  },
 };
 
 const actions = {
@@ -36,11 +40,25 @@ const actions = {
         return;
       });
   },
+  async [GET_USER]({ commit, rootGetters }) {
+    if (environment.WEB_API_ENABLED === "false") {
+      return;
+    }
+    return await authService.user
+      .get(rootGetters.getWebAPIToken)
+      .then((data) => {
+        const user = data.data;
+        commit(SET_USER, user);
+      });
+  },
 };
 const mutations = {
   [SET_ACCESS_TOKEN](state, token) {
     state.accessToken = token;
   },
+  [SET_USER](state, user) {
+    state.user = user;
+  },
 };
 
 export default {
diff --git a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
index af487609..876217f2 100644
--- a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
+++ b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
@@ -1 +1,3 @@
 export const SET_ACCESS_TOKEN = "setAccessToken";
+
+export const SET_USER = "setUser";
diff --git a/src/shared/api/webAPI/services/authService.ts b/src/shared/api/webAPI/services/authService.ts
index e8ede346..838a39e3 100644
--- a/src/shared/api/webAPI/services/authService.ts
+++ b/src/shared/api/webAPI/services/authService.ts
@@ -18,4 +18,20 @@ export const authService = {
       );
     },
   },
+  user: {
+    get(token) {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}user/me`,
+          baseURL: "/",
+          method: "get",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: token ? `Bearer ${token}` : null,
+          },
+        },
+        {}
+      );
+    },
+  },
 };
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
index ad418656..1cc0d060 100644
--- a/src/widgets/selectionEditDialog/lib/lib.ts
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -13,15 +13,17 @@ export function createSelection(event, params) {
     y1: coordinates.y[1],
     title: params.title,
     description: params.description,
+    createdBy: params.createdBy,
     notes: params.notes,
     id: Date.now(),
   };
 }
 
-export const createNewNote = function (title, description) {
+export const createNewNote = function (title, description, createdBy) {
   return {
     title,
     description,
+    createdBy,
     id: Date.now(),
   };
 };
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index 17962ddb..e7110a0f 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -91,7 +91,11 @@ const sh = computed({
   },
 });
 
-const currentSelection = ref({ title: "", description: "", notes: [] });
+const currentSelection = ref({
+  title: "",
+  description: "",
+  notes: [],
+});
 
 const storeSelection = computed(() => {
   return store.getters.getSelectedRectangle?.item || {};
@@ -106,7 +110,15 @@ const removeNote = function (id) {
 
 const addNote = function () {
   currentSelection.value.notes = [
-    { title: "", description: "", id: Date.now() },
+    {
+      title: "",
+      description: "",
+      id: Date.now(),
+      createdBy:
+        store.getters.getWebApiUser?.name ||
+        store.getters.getSettings.user?.name ||
+        "unknown",
+    },
     ...currentSelection.value.notes,
   ];
 };
@@ -129,6 +141,10 @@ onBeforeMount(() => {
         title: "",
         description: "",
         notes: [],
+        createdBy:
+          store.getters.getWebApiUser?.name ||
+          store.getters.getSettings.user?.name ||
+          "unknown",
       });
 });
 
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index 16d9eedd..871c60ed 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -6,3 +6,5 @@ export const TOGGLE_MINMAX_SETTING = "setMinMax";
 export const TOGGLE_UI_VISIBILITY = "setVisibility";
 export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
 export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultAllNotesMode";
+
+export const EDIT_USER = "editUser";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index adf693ca..b5de03dc 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -8,6 +8,7 @@ import {
   TOGGLE_DEFAULT_ANNOTATIONS_MODE,
   TOGGLE_BASELINE_SETTING,
   TOGGLE_DEFAULT_ALL_NOTES_MODE,
+  EDIT_USER,
 } from "@/widgets/settings/model/store/actions.type";
 import {
   SET_SETTINGS,
@@ -22,6 +23,7 @@ const state = {
     theme: "blue",
     annotationsMode: false,
     allNotesMode: false,
+    user: null,
   },
   visible: false,
 };
@@ -62,6 +64,9 @@ const actions = {
   [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "allNotesMode" });
   },
+  [EDIT_USER]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "user" });
+  },
 };
 
 const mutations = {
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index b9335f29..6ed67df5 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -14,6 +14,8 @@
           <v-toolbar-title>Settings</v-toolbar-title>
           <v-spacer></v-spacer>
         </v-toolbar>
+        <User-account></User-account>
+        <v-divider></v-divider>
         <v-list lines="two">
           <v-list-subheader>Charts</v-list-subheader>
           <!--Features-->
@@ -58,6 +60,7 @@ import { useStore } from "vuex";
 import ExportNotes from "@/widgets/settings/ui/components/exportNotes/ExportNotes.vue";
 import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.type";
 import ToggleDefaultAllNotesMode from "@/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue";
+import UserAccount from "@/widgets/settings/ui/components/userAccount/UserAccount.vue";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
new file mode 100644
index 00000000..9bb67718
--- /dev/null
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -0,0 +1,68 @@
+<template>
+  <v-card
+    v-if="!user"
+    density="compact"
+    class="user align-center pa-4"
+    elevation="0"
+  >
+    <v-text-field
+      hide-details
+      density="compact"
+      variant="outlined"
+      placeholder="Enter your name"
+      v-model="name"
+    >
+      <template v-slot:append-inner>
+        <v-btn
+          size="20"
+          density="compact"
+          variant="plain"
+          :disabled="!name.length"
+          @click="save"
+        >
+          <v-icon>mdi-content-save-check-outline</v-icon>
+        </v-btn>
+      </template>
+    </v-text-field>
+  </v-card>
+  <v-card v-else>
+    <v-layout class="justify-center">
+      <v-card-title> Hello, {{ user.name }} </v-card-title>
+      <v-btn @click="user = null" class="align-self-end" variant="plain" icon
+        ><v-icon>mdi-account-edit-outline</v-icon></v-btn
+      >
+    </v-layout>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { useStore } from "vuex";
+import { EDIT_USER } from "@/widgets/settings/model/store/actions.type";
+
+const store = useStore();
+
+const save = function () {
+  store.dispatch(EDIT_USER, { name: name.value, avatar: "" });
+};
+
+const user = computed({
+  get: function () {
+    return store.getters.getWebAPIUser || store.getters.getSettings.user;
+  },
+  set: function (data) {
+    store.dispatch(EDIT_USER, data);
+  },
+});
+
+const name = ref("");
+</script>
+
+<style lang="scss" scoped>
+.user {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 1%;
+}
+</style>

From 0dcc7c38a99b2ba46756b2f4c66792d7cb831b69 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 23 Jun 2023 17:02:29 +0500
Subject: [PATCH 043/202] feat: added username setting, updated selections and
 notes to display additional metadata properties

---
 .../specRecordProportionByMonthAnnotation.ts           | 10 ++++++++++
 .../charts/DomainDensity/defOverviewAnnotation.ts      | 10 ++++++++++
 .../defRecordsPerPersonAnnotation.ts                   | 10 ++++++++++
 .../specAgeAtFirstObservationAnnotation.ts             | 10 ++++++++++
 .../specCumulativeObservationAnnotation.ts             | 10 ++++++++++
 .../specObservationByMonthAnnotation.ts                | 10 ++++++++++
 .../PopulationByYearBirth/specBirthYearAnnotation.ts   | 10 ++++++++++
 .../specDataQualityResultsAnnotation.ts                | 10 ++++++++++
 .../specRecordProportionByMonthAnnotation.ts           | 10 ++++++++++
 .../specIssuesByReleaseAnnotation.ts                   | 10 ++++++++++
 .../specPopulationByReleaseAnnotation.ts               |  1 +
 src/widgets/selectionEditDialog/lib/lib.ts             |  1 +
 .../selectionEditDialog/ui/selectionEditDialog.vue     |  2 +-
 13 files changed, 103 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 405c6332..0d2f411f 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -54,6 +54,16 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   title: "Description",
                 },
                 { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index 45ab27a7..e06029b1 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -87,6 +87,16 @@ export function defOverviewAnnotation(zeroBaseline = false) {
                   title: "Description",
                 },
                 { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index 8a4d5bc6..7548ae10 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -85,6 +85,16 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
                   title: "Description",
                 },
                 { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index 2c743332..40786dee 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -59,6 +59,16 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index 0290f4cb..edfd94f5 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -57,6 +57,16 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index 38b82cc8..603919a9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -88,6 +88,16 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                   title: "Description",
                 },
                 { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index ae677da1..cb487b3f 100755
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -80,6 +80,16 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
index d0816a45..e4b96e04 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -53,6 +53,16 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
index ba2327d2..0c5d01c0 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -45,6 +45,16 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   title: "Description",
                 },
                 { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index 1a8bf9c3..342fb9bd 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -68,6 +68,16 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
index 82fb9aca..a38a8b60 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -61,6 +61,7 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
+            { field: "id", title: "Created at", timeUnit: "yearmonthdate" },
           ],
           x: {
             field: "start",
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
index 1cc0d060..c53ed292 100644
--- a/src/widgets/selectionEditDialog/lib/lib.ts
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -16,6 +16,7 @@ export function createSelection(event, params) {
     createdBy: params.createdBy,
     notes: params.notes,
     id: Date.now(),
+    updatedAt: Date.now(),
   };
 }
 
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index e7110a0f..b141f21e 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -136,7 +136,7 @@ const editNote = function (event) {
 
 onBeforeMount(() => {
   currentSelection.value = Object.keys(storeSelection.value).length
-    ? { ...storeSelection.value }
+    ? { ...storeSelection.value, updatedAt: Date.now() }
     : createSelection(store.getters.getCurrentSelectionArea.event, {
         title: "",
         description: "",

From 914477eee6f8546d9c0ce3f25e429a41fd0ee253 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Fri, 23 Jun 2023 13:38:27 -0400
Subject: [PATCH 044/202] Update Error.vue

fix font color to be legible on alert background
---
 src/widgets/error/ui/Error.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index b95b81e3..cda25118 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -1,6 +1,5 @@
 <template>
   <v-container fluid>
-    <v-alert elevation="4" prominent type="error" icon="mdi-cloud-alert">
       <v-card-title>An error has occurred</v-card-title>
       <ul>
         <li v-for="(error, index) in store.getters.getErrors" :key="index">

From fea0916467e42c0a3b8fac88ced345518213614c Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Fri, 23 Jun 2023 13:38:42 -0400
Subject: [PATCH 045/202] Update Error.vue

---
 src/widgets/error/ui/Error.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index cda25118..34d1217d 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -1,10 +1,10 @@
 <template>
   <v-container fluid>
-      <v-card-title>An error has occurred</v-card-title>
+    <v-alert elevation="4" prominent type="error" icon="mdi-cloud-alert" title="An error has occurred">
       <ul>
         <li v-for="(error, index) in store.getters.getErrors" :key="index">
-          <span style="color: crimson">{{ error.message }}</span> --
-          <span style="color: red">{ {{ error.details }} }</span>
+          <span style="color: white">{{ error.message }}</span> --
+          <span style="color: white">{ {{ error.details }} }</span>
         </li>
       </ul>
     </v-alert>

From db991a330ae45be8262c757b0ab0798956dd14eb Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 4 Jul 2023 00:15:17 +0500
Subject: [PATCH 046/202] feat: added selections resize option

---
 src/entities/contextMenu/contextMenu.vue      |  2 +-
 src/pages/model/lib/listeners.ts              | 34 +++++++++-
 .../specRecordProportionByMonthAnnotation.ts  | 46 ++++++++++++-
 .../specRecordProportionByMonthAnnotation.ts  | 34 ++++++++--
 .../DomainDensity/defOverviewAnnotation.ts    | 35 +++++++++-
 .../defRecordsPerPersonAnnotation.ts          | 35 +++++++++-
 .../specAgeAtFirstObservationAnnotation.ts    | 34 ++++++++--
 .../specCumulativeObservationAnnotation.ts    | 37 +++++++---
 .../specObservationByMonthAnnotation.ts       | 35 +++++++---
 .../specBirthYearAnnotation.ts                | 34 ++++++++--
 .../specDataQualityResultsAnnotation.ts       | 40 ++++++++++-
 .../specRecordProportionByMonthAnnotation.ts  | 40 ++++++++++-
 .../specIssuesByReleaseAnnotation.ts          | 35 ++++++++--
 .../specPopulationByReleaseAnnotation.ts      | 46 ++++++++++---
 src/widgets/chart/ui/Chart.vue                | 15 +++-
 .../notesPanel/model/store/actions.type.ts    |  6 +-
 .../notesPanel/model/store/mutations.type.ts  |  4 ++
 .../notesPanel/model/store/notes.module.ts    | 68 ++++++++++++++++---
 18 files changed, 498 insertions(+), 82 deletions(-)

diff --git a/src/entities/contextMenu/contextMenu.vue b/src/entities/contextMenu/contextMenu.vue
index f66081c4..737fee68 100644
--- a/src/entities/contextMenu/contextMenu.vue
+++ b/src/entities/contextMenu/contextMenu.vue
@@ -66,7 +66,7 @@ watch(coordinates, () => {
   open();
 });
 </script>
-<style scoped>
+<style lang="scss" scoped>
 .context-menu {
   position: fixed;
   z-index: 999;
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index 7e5be838..27734c77 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -1,6 +1,8 @@
 import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
 import {
   CREATE_SELECTION,
+  EDIT_SELECTION,
+  MOVE_SELECTION,
   SHOW_DATUM_NOTES,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
@@ -66,9 +68,39 @@ const handleLayerMarks = (event, view, item, store) => {
 
 export const showNotesEditDialogRightClick = function (view, store) {
   return view.addEventListener("contextmenu", (event, item) => {
+    const coordinates = store.getters.getCurrentSelectionArea.event;
+    const currentSelection = store.getters.getResizeSelection;
     event.preventDefault();
     if (item.mark.name === "notesBrush_brush") {
-      handleNotesBrush(event, view, item, store);
+      if (
+        store.getters.getResizeSelection &&
+        store.getters.getResizeSelection?.report == view.container().id
+      ) {
+        store.dispatch(EDIT_SELECTION, {
+          report: view.container().id,
+          save: true,
+          data: {
+            title: currentSelection.title,
+            description: currentSelection.description,
+            createdBy: currentSelection.createdBy,
+            notes: currentSelection.notes,
+            id: currentSelection.id,
+            updatedAt: Date.now(),
+            start:
+              coordinates.start?.[0] ||
+              coordinates.yearmonth_start?.[0] ||
+              coordinates.yearmonthdate_start?.[0],
+            end:
+              coordinates.start?.[1] ||
+              coordinates.yearmonth_start?.[1] ||
+              coordinates.yearmonthdate_start?.[0],
+            y: coordinates.y[0],
+            y1: coordinates.y[1],
+          },
+        });
+      } else {
+        handleNotesBrush(event, view, item, store);
+      }
     } else if (
       item.mark.name === "layer_1_marks" ||
       item.mark.name === "concat_0_layer_1_marks"
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index f8a87d36..cac56fa9 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -25,12 +25,12 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
             params: [
-              /* {
+              {
                 name: "justBrush",
                 select: {
                   type: "point",
@@ -38,7 +38,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   encodings: ["x", "x2", "y", "y2"],
                   value: { x: [55, 160], y: [13, 37] },
                 },
-              },*/
+              },
               {
                 name: "notesBrush",
                 select: {
@@ -54,11 +54,51 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                   field: "description",
                   title: "Description",
                 },
+                { field: "createdBy", title: "Author" },
+                {
+                  field: "id",
+                  title: "Created at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
+                {
+                  field: "updatedAt",
+                  title: "Updated at",
+                  timeUnit: "yearmonthdatehoursminutes",
+                },
               ],
               x: {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
+              color: {
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
+                value: "grey",
+              },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 0d2f411f..28a0582f 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -24,7 +24,7 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
@@ -69,15 +69,35 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
               color: {
-                condition: {
-                  param: "justBrush",
-                  field: "CONCEPT_NAME",
-                  type: "ordinal",
-                  legend: null,
-                },
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
                 value: "grey",
               },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index e06029b1..549c8b1a 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -57,12 +57,12 @@ export function defOverviewAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
             params: [
-              /* {
+              {
                 name: "justBrush",
                 select: {
                   type: "point",
@@ -70,7 +70,7 @@ export function defOverviewAnnotation(zeroBaseline = false) {
                   encodings: ["x", "x2", "y", "y2"],
                   value: { x: [55, 160], y: [13, 37] },
                 },
-              },*/
+              },
               {
                 name: "notesBrush",
                 select: {
@@ -102,6 +102,35 @@ export function defOverviewAnnotation(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
+              color: {
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
+                value: "grey",
+              },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index 7548ae10..077b4823 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -55,12 +55,12 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
             params: [
-              /* {
+              {
                 name: "justBrush",
                 select: {
                   type: "point",
@@ -68,7 +68,7 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
                   encodings: ["x", "x2", "y", "y2"],
                   value: { x: [55, 160], y: [13, 37] },
                 },
-              },*/
+              },
               {
                 name: "notesBrush",
                 select: {
@@ -100,6 +100,35 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
+              color: {
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
+                value: "grey",
+              },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index 40786dee..e324f92e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -29,7 +29,7 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear" },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
@@ -74,15 +74,35 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
             field: "start",
             type: "quantitative",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
           color: {
-            condition: {
-              param: "justBrush",
-              field: "CONCEPT_NAME",
-              type: "ordinal",
-              legend: null,
-            },
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
             value: "grey",
           },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index edfd94f5..51552c94 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -28,7 +28,7 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear" },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
@@ -37,8 +37,9 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
             name: "justBrush",
             select: {
               type: "point",
-              on: "mouseup",
+              on: "mousedown",
               encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
             },
           },
           {
@@ -72,15 +73,35 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
             field: "start",
             type: "quantitative",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
           color: {
-            condition: {
-              param: "justBrush",
-              field: "CONCEPT_NAME",
-              type: "ordinal",
-              legend: null,
-            },
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
             value: "grey",
           },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index 603919a9..d0b3cb23 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -57,7 +57,7 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
@@ -76,7 +76,6 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                 select: {
                   type: "interval",
                   encodings: ["x", "y"],
-                  resolve: "global",
                 },
               },
             ],
@@ -103,15 +102,35 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
               color: {
-                condition: {
-                  param: "justBrush",
-                  field: "CONCEPT_NAME",
-                  type: "ordinal",
-                  legend: null,
-                },
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
                 value: "grey",
               },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index cb487b3f..c5a03943 100755
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -50,7 +50,7 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
         },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
@@ -95,15 +95,35 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
             field: "start",
             type: "quantitative",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
           color: {
-            condition: {
-              param: "justBrush",
-              field: "CONCEPT_NAME",
-              type: "ordinal",
-              legend: null,
-            },
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
             value: "grey",
           },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
index e4b96e04..0e56883b 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -32,11 +32,20 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
         params: [
+          {
+            name: "justBrush",
+            select: {
+              type: "point",
+              on: "mousedown",
+              encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
+            },
+          },
           {
             name: "notesBrush",
             select: {
@@ -68,6 +77,35 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
             field: "start",
             type: "quantitative",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
+          color: {
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
+            value: "grey",
+          },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 0c5d01c0..26d795fc 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -24,11 +24,20 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
             },
           },
           {
-            mark: { type: "rect", opacity: 0.3 },
+            mark: { type: "rect" },
             data: {
               name: "notesData",
             },
             params: [
+              {
+                name: "justBrush",
+                select: {
+                  type: "point",
+                  on: "mousedown",
+                  encodings: ["x", "x2", "y", "y2"],
+                  value: { x: [55, 160], y: [13, 37] },
+                },
+              },
               {
                 name: "notesBrush",
                 select: {
@@ -60,6 +69,35 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
                 field: "start",
                 type: "quantitative",
               },
+              stroke: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: "black",
+                  },
+                ],
+                value: null,
+              },
+              strokeWidth: {
+                condition: [
+                  {
+                    test: "datum['resize'] === true",
+                    value: 2,
+                  },
+                ],
+                value: 0, // Set strokeWidth value to 0 for other cases
+              },
+              color: {
+                condition: [
+                  { test: "datum['resize'] === true", value: "red" },
+                  { test: { param: "justBrush" } },
+                ],
+                value: "grey",
+              },
+              opacity: {
+                condition: { test: "datum['resize'] === true", value: 0.2 },
+                value: 0.3,
+              },
               x2: {
                 field: "end",
                 type: "quantitative",
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index 342fb9bd..e3476acf 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -39,7 +39,7 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
@@ -50,6 +50,7 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
               type: "point",
               on: "mousedown",
               encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
             },
           },
           {
@@ -84,15 +85,35 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
             type: "quantitative",
             timeUnit: "yearmonth",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
           color: {
-            condition: {
-              param: "justBrush",
-              field: "CONCEPT_NAME",
-              type: "ordinal",
-              legend: null,
-            },
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
             value: "grey",
           },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
index a38a8b60..9ad2e48c 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -32,7 +32,7 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
         mark: { type: "line", interpolate: "linear", point: true },
       },
       {
-        mark: { type: "rect", opacity: 0.3 },
+        mark: { type: "rect" },
         data: {
           name: "notesData",
         },
@@ -43,6 +43,7 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
               type: "point",
               on: "mousedown",
               encodings: ["x", "x2", "y", "y2"],
+              value: { x: [55, 160], y: [13, 37] },
             },
           },
           {
@@ -61,22 +62,51 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
               title: "Description",
             },
             { field: "createdBy", title: "Author" },
-            { field: "id", title: "Created at", timeUnit: "yearmonthdate" },
+            {
+              field: "id",
+              title: "Created at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
+            {
+              field: "updatedAt",
+              title: "Updated at",
+              timeUnit: "yearmonthdatehoursminutes",
+            },
           ],
           x: {
             field: "start",
             type: "quantitative",
             timeUnit: "yearmonth",
           },
+          stroke: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: "black",
+              },
+            ],
+            value: null,
+          },
+          strokeWidth: {
+            condition: [
+              {
+                test: "datum['resize'] === true",
+                value: 2,
+              },
+            ],
+            value: 0, // Set strokeWidth value to 0 for other cases
+          },
           color: {
-            condition: {
-              param: "justBrush",
-              field: "CONCEPT_NAME",
-              type: "ordinal",
-              legend: null,
-            },
+            condition: [
+              { test: "datum['resize'] === true", value: "red" },
+              { test: { param: "justBrush" } },
+            ],
             value: "grey",
           },
+          opacity: {
+            condition: { test: "datum['resize'] === true", value: 0.2 },
+            value: 0.3,
+          },
           x2: {
             field: "end",
             type: "quantitative",
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index bf187865..84171be3 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -64,13 +64,24 @@ interface Props {
 }
 
 const actions = [
+  {
+    title: "Move/Resize",
+    action: () => {
+      store.dispatch(EDIT_SELECTION, {
+        data: {
+          ...store.getters.getSelectedRectangle.item,
+          resize: true,
+        },
+      });
+    },
+  },
   {
     title: "Edit selection details",
     action: () => {
       const action = function (selection) {
         store.dispatch(EDIT_SELECTION, {
-          report: props.id,
           data: selection,
+          save: true,
         });
       };
       store.dispatch(SHOW_DIALOG, {
@@ -85,7 +96,7 @@ const actions = [
   {
     title: "Remove selection",
     action: () => {
-      store.dispatch(DELETE_SELECTION, { report: props.id });
+      store.dispatch(DELETE_SELECTION);
     },
   },
 ];
diff --git a/src/widgets/notesPanel/model/store/actions.type.ts b/src/widgets/notesPanel/model/store/actions.type.ts
index 9beceab0..0f2b674f 100755
--- a/src/widgets/notesPanel/model/store/actions.type.ts
+++ b/src/widgets/notesPanel/model/store/actions.type.ts
@@ -1,15 +1,11 @@
-export const IMPORT_NOTES_FROM_FILES = "importNotesFromFiles";
 export const SHOW_DIALOG = "showDialog";
-export const ADD_NEW_NOTE = "addNewNote";
 export const LOAD_NOTES = "loadNotes";
 
-export const EDIT_NOTE = "editMetadataCard";
 export const SHOW_DATUM_NOTES = "showDatumNotes";
 
 export const DELETE_SELECTION = "deleteSelection";
 
 export const EDIT_SELECTION = "editSelection";
-
-export const DELETE_NOTE = "deleteMetadataCard";
+export const MOVE_SELECTION = "moveSelection";
 
 export const CREATE_SELECTION = "createSelection";
diff --git a/src/widgets/notesPanel/model/store/mutations.type.ts b/src/widgets/notesPanel/model/store/mutations.type.ts
index 95b1e2e9..44b8202b 100755
--- a/src/widgets/notesPanel/model/store/mutations.type.ts
+++ b/src/widgets/notesPanel/model/store/mutations.type.ts
@@ -1,5 +1,9 @@
 export const SET_NOTES = "setNewNotes";
+
+export const SET_TEMP_NOTES = "setTempNotes";
 export const SET_DIALOG = "setShowDialog";
 export const SET_CURRENT_SELECTION_AREA = "setCurrentItem";
 export const SET_SELECTED_RECTANGLE = "setSelectedRectangle";
 export const SET_CLICK_EVENT_DATA = "setClickEventData";
+
+export const SET_RESIZE_SELECTION = "setResizeSelection";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 15b98a77..2cc15557 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -4,6 +4,7 @@ import {
   DELETE_SELECTION,
   EDIT_SELECTION,
   LOAD_NOTES,
+  MOVE_SELECTION,
   SHOW_DATUM_NOTES,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
@@ -19,6 +20,8 @@ import {
   SET_SELECTED_RECTANGLE,
   SET_DIALOG,
   SET_CLICK_EVENT_DATA,
+  SET_RESIZE_SELECTION,
+  SET_TEMP_NOTES,
 } from "@/widgets/notesPanel/model/store/mutations.type";
 import apiService from "@/shared/api/apiService";
 import getFilePath from "@/shared/api/getFilePath";
@@ -26,19 +29,28 @@ import { NOTES } from "@/shared/config/files";
 
 const state = {
   notes: {},
+  tempNotes: null,
   dialog: { show: false, data: {}, action: null },
   clickEventData: {},
   currentSelectionArea: "",
   selectedRectangle: null,
+  selectionForResize: null,
 };
 
 const getters = {
   getNotes: function (state) {
-    return state.notes;
+    if (state.tempNotes) {
+      return state.tempNotes;
+    } else {
+      return state.notes;
+    }
   },
   getDialogData: function (state) {
     return state.dialog;
   },
+  getResizeSelection: function (state) {
+    return state.selectionForResize;
+  },
   getCurrentSelectionArea: function (state) {
     return state.currentSelectionArea;
   },
@@ -90,25 +102,48 @@ const actions = {
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
-  [EDIT_SELECTION]({ commit, getters, rootState }, params) {
+
+  [EDIT_SELECTION]({ commit, state, getters, rootState }, params) {
+    if (!params.save) {
+      commit(SET_TEMP_NOTES, { data: { ...state.notes } });
+      commit(SET_RESIZE_SELECTION, {
+        ...getters.getSelectedRectangle.item,
+        report: getters.getSelectedRectangle.report,
+      });
+    }
     const { cdm, release, domain, concept } = rootState.route.params;
-    const chartName = getters.getSelectedRectangle.report;
-    const selectionId = getters.getSelectedRectangle.item.id;
+    const chartName = getters.getSelectedRectangle?.report || params.report;
+    const selectionId =
+      getters.getSelectedRectangle?.item?.id || params.data.id;
 
-    const data = { ...getters.getNotes };
+    const data = _.cloneDeep(state.notes);
     const path = [cdm, release, domain, concept, chartName].filter(Boolean);
-    const selections = _.get(data, path.join("."));
+    const selections = [..._.get(data, path.join("."))];
+    let newSelections = [];
     const selectionIndex = selections.findIndex(
       (selection) => selection.id === selectionId
     );
     if (selectionIndex !== -1) {
-      selections[selectionIndex] = params.data;
+      newSelections = selections.map((selection, index) => {
+        if (index === selectionIndex) {
+          return params.data;
+        } else {
+          return selection;
+        }
+      });
     }
 
-    _.set(data, path.join("."), selections);
+    _.set(data, path.join("."), newSelections);
+    if (!params.save) {
+      commit(SET_TEMP_NOTES, { data, cdm });
+    }
 
-    commit(SET_NOTES, { data, cdm });
-    localStorageService.set("notes", getters.getNotes);
+    if (params.save) {
+      commit(SET_NOTES, { data, cdm });
+      commit(SET_TEMP_NOTES, { data: null });
+      commit(SET_RESIZE_SELECTION, null);
+      localStorageService.set("notes", state.notes);
+    }
   },
 
   [DELETE_SELECTION]({ commit, getters, rootState }) {
@@ -152,12 +187,25 @@ const mutations = {
       state.notes = payload.data;
     }
   },
+  [SET_TEMP_NOTES](state, payload) {
+    if (payload.cdm) {
+      state.tempNotes = {
+        ...payload.data,
+        [payload.cdm]: { ...payload.data[payload.cdm], date: Date.now() },
+      };
+    } else {
+      state.tempNotes = payload.data;
+    }
+  },
   [SET_DIALOG](state, payload) {
     state.dialog = payload;
   },
   [SET_CLICK_EVENT_DATA](state, payload) {
     state.clickEventData = payload;
   },
+  [SET_RESIZE_SELECTION](state, payload) {
+    state.selectionForResize = payload;
+  },
   [SET_CURRENT_SELECTION_AREA](state, payload) {
     state.currentSelectionArea = payload;
   },

From 7f29ebe39ce1bf3f2f53a4cca60aa6da1e0673fb Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Fri, 7 Jul 2023 12:57:03 -0400
Subject: [PATCH 047/202] Update ObservationPeriodsPerPerson.vue

fix for achilles export bug
---
 .../ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index a1a15f23..35ea074e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -55,7 +55,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Number of Observation Periods",
     sortable: true,
-    key: "CONCEPT_ID",
+    key: "CONCEPT_NAME",
     align: "start",
   },
   {

From 4c8bdab1d4180f28c863c4c91e5cdb57cd6169fe Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 10 Jul 2023 17:57:27 +0500
Subject: [PATCH 048/202] feat: added search, column selection and comma
 separation for person count column fix: some columns not being rendered due
 to incorrect value passed

---
 .../components/DataSourcesList.vue            | 69 +++++++++++++++++--
 1 file changed, 65 insertions(+), 4 deletions(-)

diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 5124f073..2cc8c2ba 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -2,10 +2,30 @@
   <v-card elevation="10" class="mx-auto pb-6" outlined>
     <v-card-title>Data Sources</v-card-title>
     <v-card-text>
+      <v-container fluid>
+        <v-row>
+          <v-col>
+            <v-text-field
+              prepend-icon="mdi-magnify"
+              label="Search in Table"
+              single-line
+              density="compact"
+              variant="outlined"
+              hide-details
+              @update:modelValue="debouncedSearch"
+            ></v-text-field>
+          </v-col>
+          <v-col>
+            <SelectColumns :headers="dataSourceColumns" />
+          </v-col>
+        </v-row>
+      </v-container>
+
       <v-data-table
         density="compact"
         :items="store.getters.getSources"
-        :headers="dataSourceColumns"
+        :headers="showHeaders"
+        :search="search"
         hide-default-footer
       >
         <template v-slot:item.cdm_source_name="{ item }">
@@ -19,6 +39,25 @@
             </v-col>
           </v-row>
         </template>
+        <template v-slot:item.releases[0].count_person="{ item }">
+          {{ helpers.formatComma(item.raw.releases[0].count_person) }}
+        </template>
+
+        <template v-slot:item.releases[0].release_name="{ item }">
+          {{ item.raw.releases[0].release_name }}
+        </template>
+        <template v-slot:item.releases[0].obs_period_start="{ item }">
+          {{ item.raw.releases[0].obs_period_start }}
+        </template>
+        <template v-slot:item.releases[0].obs_period_end="{ item }">
+          {{ item.raw.releases[0].obs_period_end }}
+        </template>
+        <template v-slot:item.releases[0].count_data_quality_issues="{ item }">
+          {{ item.raw.releases[0].count_data_quality_issues }}
+        </template>
+        <template v-slot:item.releases[0].vocabulary_version="{ item }">
+          {{ item.raw.releases[0].vocabulary_version }}
+        </template>
       </v-data-table>
     </v-card-text>
   </v-card>
@@ -26,69 +65,91 @@
 
 <script setup lang="ts">
 import { VDataTable } from "vuetify/labs/VDataTable";
-import { ref, Ref } from "vue";
+import { computed, ref, Ref } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { useStore } from "vuex";
+import SelectColumns from "@/features/selectColumns";
+import { debounce } from "lodash";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 
+const search = ref("");
+
 const dataSourceColumns: Ref<DataTableHeader[]> = ref([
   {
     title: "Data Source",
     align: "start",
     sortable: true,
+    show: true,
     key: "cdm_source_name",
   },
   {
     title: "Person Count",
     align: "end",
     sortable: true,
+    show: true,
     key: "releases[0].count_person",
   },
   {
     title: "Start Observed",
     align: "end",
-    key: "obs_period_start",
+    show: true,
+    key: "releases[0].obs_period_start",
     sortable: false,
   },
   {
     title: "End Observed",
     align: "end",
-    key: "obs_period_end",
+    show: true,
+    key: "releases[0].obs_period_end",
     sortable: false,
   },
   {
     title: "Latest Release",
     align: "end",
+    show: true,
     sortable: false,
     key: "releases[0].release_name",
   },
   {
     title: "Data Quality Issues",
     align: "end",
+    show: false,
     sortable: true,
     key: "releases[0].count_data_quality_issues",
   },
   {
     title: "Data Source Releases",
     align: "end",
+    show: true,
     sortable: true,
     key: "count_releases",
   },
   {
     title: "Vocabulary Version",
     align: "end",
+    show: false,
     sortable: true,
     key: "releases[0].vocabulary_version",
   },
   {
     title: "Average Update Frequency (days)",
     align: "end",
+    show: true,
     sortable: true,
     key: "average_update_interval_days",
   },
 ]);
 
+const showHeaders = computed(() => {
+  return dataSourceColumns.value.filter((header) => header.show);
+});
+
+const debouncedSearch = debounce(function (data: string): void {
+  search.value = data;
+}, 300);
+
 function getDataSourceRoute(item: { cdm_source_key: string }) {
   return {
     name: "dataSourceOverview",

From f0459caacba1a637d4f99be14a6f4dfd838accbf Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 25 Jul 2023 17:51:30 +0500
Subject: [PATCH 049/202] fix: v-autocomplete text truncation fix: v-menu
 distance between checkboxes feat: added package-lock.json

---
 .gitignore        |    1 -
 package-lock.json | 6671 +++++++++++++++++++++++++++++++++++++++++++++
 src/app/App.vue   |    8 +
 3 files changed, 6679 insertions(+), 1 deletion(-)
 create mode 100644 package-lock.json

diff --git a/.gitignore b/.gitignore
index 0f91ec5f..83df570b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,7 +22,6 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
-package-lock.json
 
 #Electron-builder output
 /dist_electron
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..4f8a1c84
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6671 @@
+{
+  "name": "ares",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ares",
+      "version": "0.1.0",
+      "dependencies": {
+        "@mdi/font": "^7.0.96",
+        "axios": "^1.2.3",
+        "codemirror-editor-vue3": "^2.1.7",
+        "d3": "^7.8.5",
+        "d3-dsv": "^3.0.1",
+        "d3-format": "^3.0.1",
+        "d3-svg-annotation": "^2.5.1",
+        "d3-time-format": "^4.0.0",
+        "file-saver": "^2.0.5",
+        "jszip": "^3.10.1",
+        "lodash": "^4.17.21",
+        "vega": "^5.25.0",
+        "vega-embed": "^6.20.2",
+        "vega-lite": "^5.6.0",
+        "vue": "^3.2.45",
+        "vue-google-charts": "^1.1.0",
+        "vue-pivottable": "github:Mikhail-iontsev/vue-pivottable",
+        "vue-router": "^4.0.3",
+        "vue3-markdown-it": "^1.0.10",
+        "vuedraggable": "^4.1.0",
+        "vuetify": "^3.1.3",
+        "vuex": "^4.1.0",
+        "yorkie": "^2.0.0"
+      },
+      "devDependencies": {
+        "@types/d3": "^7.4.0",
+        "@types/d3-format": "^3.0.1",
+        "@types/d3-time-format": "^4.0.0",
+        "@types/file-saver": "^2.0.5",
+        "@types/lodash": "^4.14.191",
+        "@typescript-eslint/eslint-plugin": "^5.4.0",
+        "@typescript-eslint/parser": "^5.4.0",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "@vitejs/plugin-vue-jsx": "^3.0.0",
+        "@vue/eslint-config-typescript": "^9.1.0",
+        "eslint": "^8.22.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-vue": "^8.0.3",
+        "lint-staged": "^13.0.3",
+        "prettier": "^2.8.3",
+        "sass": "^1.58.0",
+        "typescript": "~4.9.5",
+        "vite": "4.0.4",
+        "vite-plugin-vuetify": "^1.0.1",
+        "yorkie": "^2.0.0"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz",
+      "integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz",
+      "integrity": "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.9.tgz",
+      "integrity": "sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.5",
+        "@babel/generator": "^7.22.9",
+        "@babel/helper-compilation-targets": "^7.22.9",
+        "@babel/helper-module-transforms": "^7.22.9",
+        "@babel/helpers": "^7.22.6",
+        "@babel/parser": "^7.22.7",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.8",
+        "@babel/types": "^7.22.5",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.2",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "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,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.9.tgz",
+      "integrity": "sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz",
+      "integrity": "sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.5",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.9.tgz",
+      "integrity": "sha512-Pwyi89uO4YrGKxL/eNJ8lfEH55DnRloGPOseaA8NFNL6jAUnn+KccaISiFazCj5IolPPDjGSdzQzXVzODVRqUQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
+      "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
+      "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.5",
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz",
+      "integrity": "sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz",
+      "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz",
+      "integrity": "sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz",
+      "integrity": "sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+      "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
+      "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.6.tgz",
+      "integrity": "sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.6",
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
+      "integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.5",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.22.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+      "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.9.tgz",
+      "integrity": "sha512-BnVR1CpKiuD0iobHPaM1iLvcwPYN2uVFAqoLVSpEDKWuOikoCv5HbKLxclhKYUXlWkX86DoZGtqI4XhbOsyrMg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.9",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz",
+      "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.5",
+        "@babel/parser": "^7.22.5",
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.22.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.8.tgz",
+      "integrity": "sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.5",
+        "@babel/generator": "^7.22.7",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.22.7",
+        "@babel/types": "^7.22.5",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz",
+      "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.5",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
+      "integrity": "sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz",
+      "integrity": "sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.17.tgz",
+      "integrity": "sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz",
+      "integrity": "sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz",
+      "integrity": "sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz",
+      "integrity": "sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz",
+      "integrity": "sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz",
+      "integrity": "sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz",
+      "integrity": "sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz",
+      "integrity": "sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz",
+      "integrity": "sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz",
+      "integrity": "sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz",
+      "integrity": "sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz",
+      "integrity": "sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz",
+      "integrity": "sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz",
+      "integrity": "sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz",
+      "integrity": "sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz",
+      "integrity": "sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz",
+      "integrity": "sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz",
+      "integrity": "sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz",
+      "integrity": "sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz",
+      "integrity": "sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.1.tgz",
+      "integrity": "sha512-O7x6dMstWLn2ktjcoiNLDkAGG2EjveHL+Vvc+n0fXumkJYAcSqcVYKtwDU+hDZ0uDUsnUagSYaZrOLAYE8un1A==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.0.tgz",
+      "integrity": "sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/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,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.44.0.tgz",
+      "integrity": "sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
+      "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      }
+    },
+    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
+    },
+    "node_modules/@mdi/font": {
+      "version": "7.2.96",
+      "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.2.96.tgz",
+      "integrity": "sha512-e//lmkmpFUMZKhmCY9zdjRe4zNXfbOIJnn6xveHbaV2kSw5aJ5dLXUxcRt1Gxfi7ZYpFLUWlkG2MGSFAiqAu7w=="
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 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==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@types/clone": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@types/clone/-/clone-2.1.1.tgz",
+      "integrity": "sha512-BZIU34bSYye0j/BFcPraiDZ5ka6MJADjcDVELGf7glr9K+iE8NYVjFslJFVWzskSxkLLyCrSPScE82/UUoBSvg=="
+    },
+    "node_modules/@types/d3": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz",
+      "integrity": "sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.5.tgz",
+      "integrity": "sha512-Qk7fpJ6qFp+26VeQ47WY0mkwXaiq8+76RJcncDEfMc2ocRzXLO67bLFRNI4OX1aGBoPzsM5Y2T+/m1pldOgD+A==",
+      "dev": true
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz",
+      "integrity": "sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz",
+      "integrity": "sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz",
+      "integrity": "sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-HKuicPHJuvPgCD+np6Se9MQvS6OCbJmOjGvylzMJRlDwUXjKTTXs6Pwgk79O09Vj/ho3u1ofXnhFOaEWWPrlwA==",
+      "dev": true
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz",
+      "integrity": "sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.1.tgz",
+      "integrity": "sha512-tLxQ2sfT0p6sxdG75c6f/ekqxjyYR0+LwPrsO1mbC9YDBzPJhs2HbJJRrn8Ez1DBoHRo2yx7YEATI+8V1nGMnQ==",
+      "dev": true
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz",
+      "integrity": "sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==",
+      "dev": true
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz",
+      "integrity": "sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.0.tgz",
+      "integrity": "sha512-aMo4eaAOijJjA6uU+GIeW018dvy9+oH5Y2VPPzjjfxevvGQ/oRDs+tfYC9b50Q4BygRR8yE2QCLsrT0WtAVseA==",
+      "dev": true
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz",
+      "integrity": "sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz",
+      "integrity": "sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.1.tgz",
+      "integrity": "sha512-5KY70ifCCzorkLuIkDe0Z9YTf9RR2CjBX1iaJG+rgM/cPP+sO+q9YdQ9WdhQcgPj1EQiJ2/0+yUkkziTG6Lubg==",
+      "dev": true
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz",
+      "integrity": "sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==",
+      "dev": true,
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==",
+      "dev": true
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.0.tgz",
+      "integrity": "sha512-0g/A+mZXgFkQxN3HniRDbXMN79K3CdTpLsevj+PXiTcb2hVyvkZUBg37StmgCQkaD84cUJ4uaDAWq7UJOQy2Tg==",
+      "dev": true
+    },
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.0.tgz",
+      "integrity": "sha512-D49z4DyzTKXM0sGKVqiTDTYr+DHg/uxsiWDAkNrwXYuiZVd9o9wXZIo+YsHkifOiyBkmSWlEngHCQme54/hnHw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.2.tgz",
+      "integrity": "sha512-QNcK8Jguvc8lU+4OfeNx+qnVy7c0VrDJ+CCVFS9srBo2GL9Y18CnIxBdTF3v38flrGy5s1YggcoAiu6s4fLQIw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-IIE6YTekGczpLYo/HehAy3JGF1ty7+usI97LqraNa8IiDur+L44d0VOjAvFQWJVdZOJHukUJw+ZdZBlgeUsHOQ==",
+      "dev": true
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz",
+      "integrity": "sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
+      "integrity": "sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz",
+      "integrity": "sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==",
+      "dev": true
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz",
+      "integrity": "sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.0.tgz",
+      "integrity": "sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==",
+      "dev": true
+    },
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.0.tgz",
+      "integrity": "sha512-yjfBUe6DJBsDin2BMIulhSHmr5qNR5Pxs17+oW4DoVPyVIXZ+m6bs7j1UVKP08Emv6jRmYrYqxYzO63mQxy1rw==",
+      "dev": true
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.0.tgz",
+      "integrity": "sha512-HNB/9GHqu7Fo8AQiugyJbv6ZxYz58wef0esl4Mv828w1ZKpAshw/uFWVDUcIB9KKFeFKoxS3cHY07FFgtTRZ1g==",
+      "dev": true
+    },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz",
+      "integrity": "sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.3.tgz",
+      "integrity": "sha512-OWk1yYIIWcZ07+igN6BeoG6rqhnJ/pYe+R1qWFM2DtW49zsoSjgb9G5xB0ZXA8hh2jAzey1XuRmMSoXdKw8MDA==",
+      "dev": true,
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
+      "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA=="
+    },
+    "node_modules/@types/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-zv9kNf3keYegP5oThGLaPk8E081DFDuwfqjtiTzm6PoxChdJ1raSuADf2YGCVIyrSynLrgc8JWv296s7Q7pQSQ==",
+      "dev": true
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.4",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.4.tgz",
+      "integrity": "sha512-MHmwBtCb7OCv1DSivz2UNJXPGU/1btAWRKlqJ2saEhVJkpkvqHMMaOpKg0v4sAbDWSQekHGvPVMM8nQ+Jen03Q=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+      "dev": true
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.2.tgz",
+      "integrity": "sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==",
+      "peer": true
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.195",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.195.tgz",
+      "integrity": "sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg==",
+      "dev": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "12.2.3",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-12.2.3.tgz",
+      "integrity": "sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==",
+      "peer": true,
+      "dependencies": {
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz",
+      "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
+      "peer": true
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
+      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.4.0",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/type-utils": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
+      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@types/json-schema": "^7.0.9",
+        "@types/semver": "^7.3.12",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "eslint-scope": "^5.1.1",
+        "semver": "^7.3.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz",
+      "integrity": "sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue-jsx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.0.1.tgz",
+      "integrity": "sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.20.7",
+        "@babel/plugin-transform-typescript": "^7.20.7",
+        "@vue/babel-plugin-jsx": "^1.1.1"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz",
+      "integrity": "sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==",
+      "dev": true
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz",
+      "integrity": "sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5",
+        "@vue/babel-helper-vue-transform-on": "^1.1.5",
+        "camelcase": "^6.3.0",
+        "html-tags": "^3.3.1",
+        "svg-tags": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+      "dependencies": {
+        "@babel/parser": "^7.21.3",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+      "dependencies": {
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/reactivity-transform": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.0",
+        "postcss": "^8.1.10",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
+    },
+    "node_modules/@vue/eslint-config-typescript": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-9.1.0.tgz",
+      "integrity": "sha512-j/852/ZYQ5wDvCD3HE2q4uqJwJAceer2FwoEch1nFo+zTOsPrbzbE3cuWIs3kvu5hdFsGTMYwRwjI6fqZKDMxQ==",
+      "dev": true,
+      "dependencies": {
+        "vue-eslint-parser": "^8.0.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
+        "eslint-plugin-vue": "^8.0.1"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+      "dependencies": {
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.0"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+      "dependencies": {
+        "@vue/reactivity": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+      "dependencies": {
+        "@vue/runtime-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "csstype": "^3.1.1"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/shared": "3.3.4"
+      },
+      "peerDependencies": {
+        "vue": "3.3.4"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
+    },
+    "node_modules/@vuetify/loader-shared": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-1.7.1.tgz",
+      "integrity": "sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==",
+      "devOptional": true,
+      "dependencies": {
+        "find-cache-dir": "^3.3.2",
+        "upath": "^2.0.1"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0",
+        "vuetify": "^3.0.0-beta.4"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "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,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=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,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "devOptional": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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=="
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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
+    },
+    "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,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "devOptional": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.21.9",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
+      "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001503",
+        "electron-to-chromium": "^1.4.431",
+        "node-releases": "^2.0.12",
+        "update-browserslist-db": "^1.0.11"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001517",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
+      "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/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==",
+      "devOptional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-1.6.0.tgz",
+      "integrity": "sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
+      "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
+      "dev": true,
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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=="
+    },
+    "node_modules/cliui/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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "5.65.14",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.14.tgz",
+      "integrity": "sha512-VSNugIBDGt0OU9gDjeVr6fNkoFQznrWEUdAApMlXQNbfE8gGO19776D6MwSqF/V/w/sDwonsQ0z7KmmI9guScg=="
+    },
+    "node_modules/codemirror-editor-vue3": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/codemirror-editor-vue3/-/codemirror-editor-vue3-2.3.0.tgz",
+      "integrity": "sha512-e6y/2wBL4Xb4SD10e/jq/lcoIeiWPMw2XnF6KePLlbmOphZ830XGU3kSz52qkoa9RUjaY6zHuSlwd09o13O/oQ==",
+      "dependencies": {
+        "codemirror": "^5.64.0",
+        "diff-match-patch": "^1.0.5"
+      },
+      "peerDependencies": {
+        "codemirror": "^5.x",
+        "diff-match-patch": "^1.0.5",
+        "vue": "^3.x"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true
+    },
+    "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==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "devOptional": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 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,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/d3": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz",
+      "integrity": "sha512-JgoahDG51ncUfJu6wX/1vWQEqOflgXyl4MaHqlcSruTez7yhaRKR9i8VjjcQGeS2en/jnFivXuaIMnseMMt0XA==",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz",
+      "integrity": "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==",
+      "dependencies": {
+        "commander": "7",
+        "d3-array": "1 - 3",
+        "d3-geo": "1.12.0 - 3"
+      },
+      "bin": {
+        "geo2svg": "bin/geo2svg.js",
+        "geograticule": "bin/geograticule.js",
+        "geoproject": "bin/geoproject.js",
+        "geoquantize": "bin/geoquantize.js",
+        "geostitch": "bin/geostitch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
+      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-svg-annotation": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/d3-svg-annotation/-/d3-svg-annotation-2.5.1.tgz",
+      "integrity": "sha512-PXW39bunDsn2K6uiCUlZ919fnC29o8oIDzNJtKvz6xOMeNv53LyNkucn40YjLherNCrlx5JGsyEtw/DZcjAa4Q==",
+      "dependencies": {
+        "d3-dispatch": "1.0.2",
+        "d3-drag": "1.2.3",
+        "d3-selection": "1.4.0",
+        "d3-shape": "1.0.4",
+        "d3-transition": "1.0.3"
+      }
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-color": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.4.1.tgz",
+      "integrity": "sha512-p2sTHSLCJI2QKunbGb7ocOh7DgTAn8IrLx21QRc/BSnodXM4sv6aLQlnfpvehFMLZEfBc6g9pH9SWQccFYfJ9Q=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-dispatch": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.2.tgz",
+      "integrity": "sha512-Kr/bYOYhM/6g7V8BWuEpWA7OvoieYQxo98863SRRGZjSFjveJxl8KUlyA0d5uf02Ox+rmOzE/3zomhKfNk/ZDQ=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-drag": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.3.tgz",
+      "integrity": "sha512-8S3HWCAg+ilzjJsNtWW1Mutl74Nmzhb9yU6igspilaJzeZVFktmY6oO9xOh5TDk+BM2KrNFjttZNoJJmDnkjkg==",
+      "dependencies": {
+        "d3-dispatch": "1",
+        "d3-selection": "1"
+      }
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-ease": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.7.tgz",
+      "integrity": "sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-interpolate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.4.0.tgz",
+      "integrity": "sha512-V9znK0zc3jOPV4VD2zZn0sDhZU3WAE2bmlxdIwwQPPzPjvyLkd8B3JUVdS1IDUFDkWZ72c9qnv1GK2ZagTZ8EA==",
+      "dependencies": {
+        "d3-color": "1"
+      }
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-path": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+      "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-selection": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.4.0.tgz",
+      "integrity": "sha512-EYVwBxQGEjLCKF2pJ4+yrErskDnz5v403qvAid96cNdCMr8rmCYfY5RGzWz24mdIbxmDf6/4EAH+K9xperD5jg=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-shape": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.0.4.tgz",
+      "integrity": "sha512-cfgoSGygKqHOG9n2rslAqeCdEK5RB7gKK5lihJi0zhU+Zksc5jEnkM7mmN+FCQO63Yl8QBOHcV3BxL+aNnmazw==",
+      "dependencies": {
+        "d3-path": "1"
+      }
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-timer": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz",
+      "integrity": "sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw=="
+    },
+    "node_modules/d3-svg-annotation/node_modules/d3-transition": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.0.3.tgz",
+      "integrity": "sha512-Facxcbma0nA2GVrx7B/Mgnn5ju6SwUMzGa9YcYmQjpqmaIq1Zbp5vVJLjtH6b08Lu0vcX7O6a4z+AlLmdCxrCQ==",
+      "dependencies": {
+        "d3-color": "1",
+        "d3-dispatch": "1",
+        "d3-ease": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-timer": "1"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "devOptional": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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
+    },
+    "node_modules/delaunator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
+      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
+      "dependencies": {
+        "robust-predicates": "^3.0.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/diff-match-patch": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.5.tgz",
+      "integrity": "sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw=="
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.469",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.469.tgz",
+      "integrity": "sha512-HRN9XQjElxJBrdDky5iiUUr3eDwXGTg6Cp4IV8MuNc8VqMkYSneSnIe6poFKx9PsNzkudCgaWCBVxwDqirwQWQ==",
+      "dev": true
+    },
+    "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
+    },
+    "node_modules/entities": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
+      "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.16.17",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.17.tgz",
+      "integrity": "sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.16.17",
+        "@esbuild/android-arm64": "0.16.17",
+        "@esbuild/android-x64": "0.16.17",
+        "@esbuild/darwin-arm64": "0.16.17",
+        "@esbuild/darwin-x64": "0.16.17",
+        "@esbuild/freebsd-arm64": "0.16.17",
+        "@esbuild/freebsd-x64": "0.16.17",
+        "@esbuild/linux-arm": "0.16.17",
+        "@esbuild/linux-arm64": "0.16.17",
+        "@esbuild/linux-ia32": "0.16.17",
+        "@esbuild/linux-loong64": "0.16.17",
+        "@esbuild/linux-mips64el": "0.16.17",
+        "@esbuild/linux-ppc64": "0.16.17",
+        "@esbuild/linux-riscv64": "0.16.17",
+        "@esbuild/linux-s390x": "0.16.17",
+        "@esbuild/linux-x64": "0.16.17",
+        "@esbuild/netbsd-x64": "0.16.17",
+        "@esbuild/openbsd-x64": "0.16.17",
+        "@esbuild/sunos-x64": "0.16.17",
+        "@esbuild/win32-arm64": "0.16.17",
+        "@esbuild/win32-ia32": "0.16.17",
+        "@esbuild/win32-x64": "0.16.17"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.45.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.45.0.tgz",
+      "integrity": "sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.4.0",
+        "@eslint/eslintrc": "^2.1.0",
+        "@eslint/js": "8.44.0",
+        "@humanwhocodes/config-array": "^0.11.10",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.0",
+        "eslint-visitor-keys": "^3.4.1",
+        "espree": "^9.6.0",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "8.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+      "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
+      "integrity": "sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==",
+      "dev": true,
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.28.0",
+        "prettier": ">=2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "8.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
+      "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
+      "dev": true,
+      "dependencies": {
+        "eslint-utils": "^3.0.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.0.1",
+        "postcss-selector-parser": "^6.0.9",
+        "semver": "^7.3.5",
+        "vue-eslint-parser": "^8.0.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/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,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/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,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true
+    },
+    "node_modules/eslint/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,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.1.tgz",
+      "integrity": "sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/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,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/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,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esquery/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "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,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "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=="
+    },
+    "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,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/execa": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-7.1.1.tgz",
+      "integrity": "sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.1",
+        "human-signals": "^4.3.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^3.0.7",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "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=="
+    },
+    "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
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-patch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-json-patch/-/fast-json-patch-3.1.1.tgz",
+      "integrity": "sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ=="
+    },
+    "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=="
+    },
+    "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
+    },
+    "node_modules/fastq": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "devOptional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "devOptional": true,
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "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,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "dev": true
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "devOptional": true
+    },
+    "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,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "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,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "devOptional": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.8.0.tgz",
+      "integrity": "sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
+      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
+    },
+    "node_modules/immutable": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.1.tgz",
+      "integrity": "sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A==",
+      "devOptional": true
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "devOptional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-ci": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-1.2.1.tgz",
+      "integrity": "sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==",
+      "dev": true,
+      "dependencies": {
+        "ci-info": "^1.5.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+      "devOptional": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "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
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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
+    },
+    "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
+    },
+    "node_modules/json-stringify-pretty-compact": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-3.0.0.tgz",
+      "integrity": "sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA=="
+    },
+    "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,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "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,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.3.tgz",
+      "integrity": "sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/lint-staged": {
+      "version": "13.2.3",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.2.3.tgz",
+      "integrity": "sha512-zVVEXLuQIhr1Y7R7YAWx4TZLdvuzk7DnmrsTNL0fax6Z3jrpFcas+vKbzxhhvp6TA55m1SQuWkpzI1qbfDZbAg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "5.2.0",
+        "cli-truncate": "^3.1.0",
+        "commander": "^10.0.0",
+        "debug": "^4.3.4",
+        "execa": "^7.0.0",
+        "lilconfig": "2.1.0",
+        "listr2": "^5.0.7",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-inspect": "^1.12.3",
+        "pidtree": "^0.6.0",
+        "string-argv": "^0.3.1",
+        "yaml": "^2.2.2"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/lint-staged/node_modules/chalk": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.2.0.tgz",
+      "integrity": "sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-5.0.8.tgz",
+      "integrity": "sha512-mC73LitKHj9w6v30nLNGPetZIlfpUniNSsxxrbaPcWOjDb92SHPzJPi/t+v1YC/lxKz/AJ9egOjww0qUuFxBpA==",
+      "dev": true,
+      "dependencies": {
+        "cli-truncate": "^2.1.0",
+        "colorette": "^2.0.19",
+        "log-update": "^4.0.0",
+        "p-map": "^4.0.0",
+        "rfdc": "^1.3.0",
+        "rxjs": "^7.8.0",
+        "through": "^2.3.8",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "enquirer": ">= 2.3.0 < 3"
+      },
+      "peerDependenciesMeta": {
+        "enquirer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/listr2/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,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/cli-truncate": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+      "dev": true,
+      "dependencies": {
+        "slice-ansi": "^3.0.0",
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/listr2/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,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/listr2/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==",
+      "dev": true
+    },
+    "node_modules/listr2/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
+    },
+    "node_modules/listr2/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/listr2/node_modules/slice-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/listr2/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,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.flow": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.flow/-/lodash.flow-3.5.0.tgz",
+      "integrity": "sha512-ff3BX/tSioo+XojX4MOsOMhJw0nZoUEF011LX8g8d3gvjVbxd89cCio4BCXronjxcTUIJUoqKEUA+n4CqvvRPw=="
+    },
+    "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
+    },
+    "node_modules/log-update": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-escapes": "^4.3.0",
+        "cli-cursor": "^3.1.0",
+        "slice-ansi": "^4.0.0",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/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,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/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,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/log-update/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==",
+      "dev": true
+    },
+    "node_modules/log-update/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
+    },
+    "node_modules/log-update/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/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,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.1",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
+      "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "devOptional": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "devOptional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "12.3.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
+      "integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~2.1.0",
+        "linkify-it": "^3.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/markdown-it-abbr": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-it-abbr/-/markdown-it-abbr-1.0.4.tgz",
+      "integrity": "sha512-ZeA4Z4SaBbYysZap5iZcxKmlPL6bYA8grqhzJIHB1ikn7njnzaP8uwbtuXc4YXD5LicI4/2Xmc0VwmSiFV04gg=="
+    },
+    "node_modules/markdown-it-anchor": {
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz",
+      "integrity": "sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==",
+      "peerDependencies": {
+        "@types/markdown-it": "*",
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it-deflist": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-deflist/-/markdown-it-deflist-2.1.0.tgz",
+      "integrity": "sha512-3OuqoRUlSxJiuQYu0cWTLHNhhq2xtoSFqsZK8plANg91+RJQU1ziQ6lA2LzmFAEes18uPBsHZpcX6We5l76Nzg=="
+    },
+    "node_modules/markdown-it-emoji": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-2.0.2.tgz",
+      "integrity": "sha512-zLftSaNrKuYl0kR5zm4gxXjHaOI3FAOEaloKmRA5hijmJZvSjmxcokOLlzycb/HXlUFWzXqpIEoyEMCE4i9MvQ=="
+    },
+    "node_modules/markdown-it-footnote": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-footnote/-/markdown-it-footnote-3.0.3.tgz",
+      "integrity": "sha512-YZMSuCGVZAjzKMn+xqIco9d1cLGxbELHZ9do/TSYVzraooV8ypsppKNmUJ0fVH5ljkCInQAtFpm8Rb3eXSrt5w=="
+    },
+    "node_modules/markdown-it-highlightjs": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-highlightjs/-/markdown-it-highlightjs-3.6.0.tgz",
+      "integrity": "sha512-ex+Lq3cVkprh0GpGwFyc53A/rqY6GGzopPCG1xMsf8Ya3XtGC8Uw9tChN1rWbpyDae7tBBhVHVcMM29h4Btamw==",
+      "dependencies": {
+        "highlight.js": "^11.3.1",
+        "lodash.flow": "^3.5.0"
+      }
+    },
+    "node_modules/markdown-it-ins": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-ins/-/markdown-it-ins-3.0.1.tgz",
+      "integrity": "sha512-32SSfZqSzqyAmmQ4SHvhxbFqSzPDqsZgMHDwxqPzp+v+t8RsmqsBZRG+RfRQskJko9PfKC2/oxyOs4Yg/CfiRw=="
+    },
+    "node_modules/markdown-it-mark": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-mark/-/markdown-it-mark-3.0.1.tgz",
+      "integrity": "sha512-HyxjAu6BRsdt6Xcv6TKVQnkz/E70TdGXEFHRYBGLncRE9lBFwDNLVtFojKxjJWgJ+5XxUwLaHXy+2sGBbDn+4A=="
+    },
+    "node_modules/markdown-it-sub": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-sub/-/markdown-it-sub-1.0.0.tgz",
+      "integrity": "sha512-z2Rm/LzEE1wzwTSDrI+FlPEveAAbgdAdPhdWarq/ZGJrGW/uCQbKAnhoCsE4hAbc3SEym26+W2z/VQB0cQiA9Q=="
+    },
+    "node_modules/markdown-it-sup": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-sup/-/markdown-it-sup-1.0.0.tgz",
+      "integrity": "sha512-E32m0nV9iyhRR7CrhnzL5msqic7rL1juWre6TQNxsnApg7Uf+F97JOKxUijg5YwXz86lZ0mqfOnutoryyNdntQ=="
+    },
+    "node_modules/markdown-it-task-lists": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-task-lists/-/markdown-it-task-lists-2.1.1.tgz",
+      "integrity": "sha512-TxFAc76Jnhb2OUu+n3yz9RMu4CwGfaT788br6HhEDlvWfdeJcLUsxk1Hgw2yJio0OXsxv7pyIPmvECY7bMbluA=="
+    },
+    "node_modules/markdown-it-toc-done-right": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-toc-done-right/-/markdown-it-toc-done-right-4.2.0.tgz",
+      "integrity": "sha512-UB/IbzjWazwTlNAX0pvWNlJS8NKsOQ4syrXZQ/C72j+jirrsjVRT627lCaylrKJFBQWfRsPmIVQie8x38DEhAQ=="
+    },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "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==",
+      "devOptional": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "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
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true
+    },
+    "node_modules/node-fetch": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
+      "integrity": "sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+      "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "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,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
+    "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,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "devOptional": true
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "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,
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "devOptional": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "devOptional": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "devOptional": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "devOptional": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "devOptional": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.27",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
+      "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "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,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "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=="
+    },
+    "node_modules/pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+      "dev": true
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "devOptional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.2",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+      "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+      "devOptional": true,
+      "dependencies": {
+        "is-core-module": "^2.11.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
+      "dev": true
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
+    },
+    "node_modules/rollup": {
+      "version": "3.26.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.3.tgz",
+      "integrity": "sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==",
+      "devOptional": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "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==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/sass": {
+      "version": "1.64.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz",
+      "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==",
+      "devOptional": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/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==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-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,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/sortablejs": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
+      "integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "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,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/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,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz",
+      "integrity": "sha512-RsSNPLpq6YUL7QYy44RnPVTn/lcVZtb48Uof3X5JLbF4zD/Gs7ZFDv2HWol+leoQN2mT86LAzSshGfkTlSOpsA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/topojson-client": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/topojson-client/-/topojson-client-3.1.0.tgz",
+      "integrity": "sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==",
+      "dependencies": {
+        "commander": "2"
+      },
+      "bin": {
+        "topo2geo": "bin/topo2geo",
+        "topomerge": "bin/topomerge",
+        "topoquantize": "bin/topoquantize"
+      }
+    },
+    "node_modules/topojson-client/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
+    "node_modules/tslib": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
+      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "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,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "devOptional": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
+    "node_modules/upath": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
+      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
+      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "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,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "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=="
+    },
+    "node_modules/vega": {
+      "version": "5.25.0",
+      "resolved": "https://registry.npmjs.org/vega/-/vega-5.25.0.tgz",
+      "integrity": "sha512-lr+uj0mhYlSN3JOKbMNp1RzZBenWp9DxJ7kR3lha58AFNCzzds7pmFa7yXPbtbaGhB7Buh/t6n+Bzk3Y0VnF5g==",
+      "dependencies": {
+        "vega-crossfilter": "~4.1.1",
+        "vega-dataflow": "~5.7.5",
+        "vega-encode": "~4.9.2",
+        "vega-event-selector": "~3.0.1",
+        "vega-expression": "~5.1.0",
+        "vega-force": "~4.2.0",
+        "vega-format": "~1.1.1",
+        "vega-functions": "~5.13.2",
+        "vega-geo": "~4.4.1",
+        "vega-hierarchy": "~4.1.1",
+        "vega-label": "~1.2.1",
+        "vega-loader": "~4.5.1",
+        "vega-parser": "~6.2.0",
+        "vega-projection": "~1.6.0",
+        "vega-regression": "~1.2.0",
+        "vega-runtime": "~6.1.4",
+        "vega-scale": "~7.3.0",
+        "vega-scenegraph": "~4.10.2",
+        "vega-statistics": "~1.9.0",
+        "vega-time": "~2.1.1",
+        "vega-transforms": "~4.10.2",
+        "vega-typings": "~0.24.0",
+        "vega-util": "~1.17.2",
+        "vega-view": "~5.11.1",
+        "vega-view-transforms": "~4.5.9",
+        "vega-voronoi": "~4.2.1",
+        "vega-wordcloud": "~4.1.4"
+      }
+    },
+    "node_modules/vega-canvas": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.7.tgz",
+      "integrity": "sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q=="
+    },
+    "node_modules/vega-crossfilter": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/vega-crossfilter/-/vega-crossfilter-4.1.1.tgz",
+      "integrity": "sha512-yesvlMcwRwxrtAd9IYjuxWJJuAMI0sl7JvAFfYtuDkkGDtqfLXUcCzHIATqW6igVIE7tWwGxnbfvQLhLNgK44Q==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-dataflow": {
+      "version": "5.7.5",
+      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.5.tgz",
+      "integrity": "sha512-EdsIl6gouH67+8B0f22Owr2tKDiMPNNR8lEvJDcxmFw02nXd8juimclpLvjPQriqn6ta+3Dn5txqfD117H04YA==",
+      "dependencies": {
+        "vega-format": "^1.1.1",
+        "vega-loader": "^4.5.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-embed": {
+      "version": "6.22.1",
+      "resolved": "https://registry.npmjs.org/vega-embed/-/vega-embed-6.22.1.tgz",
+      "integrity": "sha512-5a3SVhPwG5/Mz3JbcJV4WE38s/7AFrkANtPxoln7E8fbNLIbrurIennaAxB9+l0QOAg63lPSuJBNMUkM6yXvLA==",
+      "bundleDependencies": [
+        "yallist"
+      ],
+      "dependencies": {
+        "fast-json-patch": "^3.1.1",
+        "json-stringify-pretty-compact": "^3.0.0",
+        "semver": "~7.4.0",
+        "tslib": "^2.5.0",
+        "vega-interpreter": "^1.0.5",
+        "vega-schema-url-parser": "^2.2.0",
+        "vega-themes": "^2.13.0",
+        "vega-tooltip": "^0.32.0",
+        "yallist": "*"
+      },
+      "peerDependencies": {
+        "vega": "^5.21.0",
+        "vega-lite": "*"
+      }
+    },
+    "node_modules/vega-embed/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==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vega-embed/node_modules/semver": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.4.0.tgz",
+      "integrity": "sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vega-embed/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "inBundle": true
+    },
+    "node_modules/vega-encode": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/vega-encode/-/vega-encode-4.9.2.tgz",
+      "integrity": "sha512-c3J0LYkgYeXQxwnYkEzL15cCFBYPRaYUon8O2SZ6O4PhH4dfFTXBzSyT8+gh8AhBd572l2yGDfxpEYA6pOqdjg==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "vega-dataflow": "^5.7.5",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-event-selector": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/vega-event-selector/-/vega-event-selector-3.0.1.tgz",
+      "integrity": "sha512-K5zd7s5tjr1LiOOkjGpcVls8GsH/f2CWCrWcpKy74gTCp+llCdwz0Enqo013ZlGaRNjfgD/o1caJRt3GSaec4A=="
+    },
+    "node_modules/vega-expression": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.1.0.tgz",
+      "integrity": "sha512-u8Rzja/cn2PEUkhQN3zUj3REwNewTA92ExrcASNKUJPCciMkHJEjESwFYuI6DWMCq4hQElQ92iosOAtwzsSTqA==",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-force": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/vega-force/-/vega-force-4.2.0.tgz",
+      "integrity": "sha512-aE2TlP264HXM1r3fl58AvZdKUWBNOGkIvn4EWyqeJdgO2vz46zSU7x7TzPG4ZLuo44cDRU5Ng3I1eQk23Asz6A==",
+      "dependencies": {
+        "d3-force": "^3.0.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-format": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.1.tgz",
+      "integrity": "sha512-Rll7YgpYbsgaAa54AmtEWrxaJqgOh5fXlvM2wewO4trb9vwM53KBv4Q/uBWCLK3LLGeBXIF6gjDt2LFuJAUtkQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-format": "^3.1.0",
+        "d3-time-format": "^4.1.0",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-functions": {
+      "version": "5.13.2",
+      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.2.tgz",
+      "integrity": "sha512-YE1Xl3Qi28kw3vdXVYgKFMo20ttd3+SdKth1jUNtBDGGdrOpvPxxFhZkVqX+7FhJ5/1UkDoAYs/cZY0nRKiYgA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-expression": "^5.1.0",
+        "vega-scale": "^7.3.0",
+        "vega-scenegraph": "^4.10.2",
+        "vega-selections": "^5.4.1",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-geo": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/vega-geo/-/vega-geo-4.4.1.tgz",
+      "integrity": "sha512-s4WeZAL5M3ZUV27/eqSD3v0FyJz3PlP31XNSLFy4AJXHxHUeXT3qLiDHoVQnW5Om+uBCPDtTT1ROx1smGIf2aA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-canvas": "^1.2.7",
+        "vega-dataflow": "^5.7.5",
+        "vega-projection": "^1.6.0",
+        "vega-statistics": "^1.8.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-hierarchy": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/vega-hierarchy/-/vega-hierarchy-4.1.1.tgz",
+      "integrity": "sha512-h5mbrDtPKHBBQ9TYbvEb/bCqmGTlUX97+4CENkyH21tJs7naza319B15KRK0NWOHuhbGhFmF8T0696tg+2c8XQ==",
+      "dependencies": {
+        "d3-hierarchy": "^3.1.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-interpreter": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/vega-interpreter/-/vega-interpreter-1.0.5.tgz",
+      "integrity": "sha512-po6oTOmeQqr1tzTCdD15tYxAQLeUnOVirAysgVEemzl+vfmvcEP7jQmlc51jz0jMA+WsbmE6oJywisQPu/H0Bg=="
+    },
+    "node_modules/vega-label": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vega-label/-/vega-label-1.2.1.tgz",
+      "integrity": "sha512-n/ackJ5lc0Xs9PInCaGumYn2awomPjJ87EMVT47xNgk2bHmJoZV1Ve/1PUM6Eh/KauY211wPMrNp/9Im+7Ripg==",
+      "dependencies": {
+        "vega-canvas": "^1.2.6",
+        "vega-dataflow": "^5.7.3",
+        "vega-scenegraph": "^4.9.2",
+        "vega-util": "^1.15.2"
+      }
+    },
+    "node_modules/vega-lite": {
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/vega-lite/-/vega-lite-5.14.1.tgz",
+      "integrity": "sha512-VFvi0QtUoLQqwfAXTGjo0Acw/OTjiK3zOrcO/HyksGnnNDBHWM1GTcFryiWZYoAi99ehvv7tI/q94O46+fGRSQ==",
+      "dependencies": {
+        "@types/clone": "~2.1.1",
+        "clone": "~2.1.2",
+        "fast-deep-equal": "~3.1.3",
+        "fast-json-stable-stringify": "~2.1.0",
+        "json-stringify-pretty-compact": "~3.0.0",
+        "tslib": "~2.5.0",
+        "vega-event-selector": "~3.0.1",
+        "vega-expression": "~5.1.0",
+        "vega-util": "~1.17.2",
+        "yargs": "~17.7.2"
+      },
+      "bin": {
+        "vl2pdf": "bin/vl2pdf",
+        "vl2png": "bin/vl2png",
+        "vl2svg": "bin/vl2svg",
+        "vl2vg": "bin/vl2vg"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "vega": "^5.24.0"
+      }
+    },
+    "node_modules/vega-lite/node_modules/tslib": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz",
+      "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w=="
+    },
+    "node_modules/vega-loader": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.1.tgz",
+      "integrity": "sha512-qy5x32SaT0YkEujQM2yKqvLGV9XWQ2aEDSugBFTdYzu/1u4bxdUSRDREOlrJ9Km3RWIOgFiCkobPmFxo47SKuA==",
+      "dependencies": {
+        "d3-dsv": "^3.0.1",
+        "node-fetch": "^2.6.7",
+        "topojson-client": "^3.1.0",
+        "vega-format": "^1.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-parser": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/vega-parser/-/vega-parser-6.2.0.tgz",
+      "integrity": "sha512-as+QnX8Qxe9q51L1C2sVBd+YYYctP848+zEvkBT2jlI2g30aZ6Uv7sKsq7QTL6DUbhXQKR0XQtzlanckSFdaOQ==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-event-selector": "^3.0.1",
+        "vega-functions": "^5.13.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-projection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/vega-projection/-/vega-projection-1.6.0.tgz",
+      "integrity": "sha512-LGUaO/kpOEYuTlul+x+lBzyuL9qmMwP1yShdUWYLW+zXoeyGbs5OZW+NbPPwLYqJr5lpXDr/vGztFuA/6g2xvQ==",
+      "dependencies": {
+        "d3-geo": "^3.1.0",
+        "d3-geo-projection": "^4.0.0",
+        "vega-scale": "^7.3.0"
+      }
+    },
+    "node_modules/vega-regression": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/vega-regression/-/vega-regression-1.2.0.tgz",
+      "integrity": "sha512-6TZoPlhV/280VbxACjRKqlE0Nv48z5g4CSNf1FmGGTWS1rQtElPTranSoVW4d7ET5eVQ6f9QLxNAiALptvEq+g==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.3",
+        "vega-statistics": "^1.9.0",
+        "vega-util": "^1.15.2"
+      }
+    },
+    "node_modules/vega-runtime": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/vega-runtime/-/vega-runtime-6.1.4.tgz",
+      "integrity": "sha512-0dDYXyFLQcxPQ2OQU0WuBVYLRZnm+/CwVu6i6N4idS7R9VXIX5581EkCh3pZ20pQ/+oaA7oJ0pR9rJgJ6rukRQ==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-scale": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+      "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-scenegraph": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.2.tgz",
+      "integrity": "sha512-R8m6voDZO5+etwNMcXf45afVM3XAtokMqxuDyddRl9l1YqSJfS+3u8hpolJ50c2q6ZN20BQiJwKT1o0bB7vKkA==",
+      "dependencies": {
+        "d3-path": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "vega-canvas": "^1.2.7",
+        "vega-loader": "^4.5.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-schema-url-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/vega-schema-url-parser/-/vega-schema-url-parser-2.2.0.tgz",
+      "integrity": "sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw=="
+    },
+    "node_modules/vega-selections": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.1.tgz",
+      "integrity": "sha512-EtYc4DvA+wXqBg9tq+kDomSoVUPCmQfS7hUxy2qskXEed79YTimt3Hcl1e1fW226I4AVDBEqTTKebmKMzbSgAA==",
+      "dependencies": {
+        "d3-array": "3.2.2",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-selections/node_modules/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vega-statistics": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.9.0.tgz",
+      "integrity": "sha512-GAqS7mkatpXcMCQKWtFu1eMUKLUymjInU0O8kXshWaQrVWjPIO2lllZ1VNhdgE0qGj4oOIRRS11kzuijLshGXQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2"
+      }
+    },
+    "node_modules/vega-themes": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/vega-themes/-/vega-themes-2.14.0.tgz",
+      "integrity": "sha512-9dLmsUER7gJrDp8SEYKxBFmXmpyzLlToKIjxq3HCvYjz8cnNrRGyAhvIlKWOB3ZnGvfYV+vnv3ZRElSNL31nkA==",
+      "peerDependencies": {
+        "vega": "*",
+        "vega-lite": "*"
+      }
+    },
+    "node_modules/vega-time": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.1.tgz",
+      "integrity": "sha512-z1qbgyX0Af2kQSGFbApwBbX2meenGvsoX8Nga8uyWN8VIbiySo/xqizz1KrP6NbB6R+x5egKmkjdnyNThPeEWA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-time": "^3.1.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-tooltip": {
+      "version": "0.32.0",
+      "resolved": "https://registry.npmjs.org/vega-tooltip/-/vega-tooltip-0.32.0.tgz",
+      "integrity": "sha512-Sc4/vZsXDM9nOiHrxc8hfpc9lYc7Nr0FIYYkIi90v2d6IoE6thm6T4Exo2m7cMK4rwevwf6c4/FABwjOMIs4MQ==",
+      "dependencies": {
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-transforms": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-transforms/-/vega-transforms-4.10.2.tgz",
+      "integrity": "sha512-sJELfEuYQ238PRG+GOqQch8D69RYnJevYSGLsRGQD2LxNz3j+GlUX6Pid+gUEH5HJy22Q5L0vsTl2ZNhIr4teQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-typings": {
+      "version": "0.24.1",
+      "resolved": "https://registry.npmjs.org/vega-typings/-/vega-typings-0.24.1.tgz",
+      "integrity": "sha512-WNw6tDxwMsynQ9osJb3RZi3g8GZruxVgXfe8N7nbqvNOgDQkUuVjqTZiwGg5kqjmLqx09lRRlskgp/ov7lEGeg==",
+      "dependencies": {
+        "@types/geojson": "7946.0.4",
+        "vega-event-selector": "^3.0.1",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-util": {
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.2.tgz",
+      "integrity": "sha512-omNmGiZBdjm/jnHjZlywyYqafscDdHaELHx1q96n5UOz/FlO9JO99P4B3jZg391EFG8dqhWjQilSf2JH6F1mIw=="
+    },
+    "node_modules/vega-view": {
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/vega-view/-/vega-view-5.11.1.tgz",
+      "integrity": "sha512-RoWxuoEMI7xVQJhPqNeLEHCezudsf3QkVMhH5tCovBqwBADQGqq9iWyax3ZzdyX1+P3eBgm7cnLvpqtN2hU8kA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-timer": "^3.0.1",
+        "vega-dataflow": "^5.7.5",
+        "vega-format": "^1.1.1",
+        "vega-functions": "^5.13.1",
+        "vega-runtime": "^6.1.4",
+        "vega-scenegraph": "^4.10.2",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-view-transforms": {
+      "version": "4.5.9",
+      "resolved": "https://registry.npmjs.org/vega-view-transforms/-/vega-view-transforms-4.5.9.tgz",
+      "integrity": "sha512-NxEq4ZD4QwWGRrl2yDLnBRXM9FgCI+vvYb3ZC2+nVDtkUxOlEIKZsMMw31op5GZpfClWLbjCT3mVvzO2xaTF+g==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-scenegraph": "^4.10.2",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-voronoi": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/vega-voronoi/-/vega-voronoi-4.2.1.tgz",
+      "integrity": "sha512-zzi+fxU/SBad4irdLLsG3yhZgXWZezraGYVQfZFWe8kl7W/EHUk+Eqk/eetn4bDeJ6ltQskX+UXH3OP5Vh0Q0Q==",
+      "dependencies": {
+        "d3-delaunay": "^6.0.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-wordcloud": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/vega-wordcloud/-/vega-wordcloud-4.1.4.tgz",
+      "integrity": "sha512-oeZLlnjiusLAU5vhk0IIdT5QEiJE0x6cYoGNq1th+EbwgQp153t4r026fcib9oq15glHFOzf81a8hHXHSJm1Jw==",
+      "dependencies": {
+        "vega-canvas": "^1.2.7",
+        "vega-dataflow": "^5.7.5",
+        "vega-scale": "^7.3.0",
+        "vega-statistics": "^1.8.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.0.4.tgz",
+      "integrity": "sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==",
+      "devOptional": true,
+      "dependencies": {
+        "esbuild": "^0.16.3",
+        "postcss": "^8.4.20",
+        "resolve": "^1.22.1",
+        "rollup": "^3.7.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-vuetify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-vuetify/-/vite-plugin-vuetify-1.0.2.tgz",
+      "integrity": "sha512-MubIcKD33O8wtgQXlbEXE7ccTEpHZ8nPpe77y9Wy3my2MWw/PgehP9VqTp92BLqr0R1dSL970Lynvisx3UxBFw==",
+      "devOptional": true,
+      "dependencies": {
+        "@vuetify/loader-shared": "^1.7.1",
+        "debug": "^4.3.3",
+        "upath": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "vite": "^2.7.0 || ^3.0.0 || ^4.0.0",
+        "vuetify": "^3.0.0-beta.4"
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-sfc": "3.3.4",
+        "@vue/runtime-dom": "3.3.4",
+        "@vue/server-renderer": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
+      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.2",
+        "eslint-scope": "^7.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.0.0",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.1.tgz",
+      "integrity": "sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-eslint-parser/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/vue-google-charts": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/vue-google-charts/-/vue-google-charts-1.1.0.tgz",
+      "integrity": "sha512-wGAgAynIIUKmP5eJUFlx69e8gjIDpyqHlVsvFyrnd2tGZk3a6FI83dRhdssxPyOc9y41+2QEfqUV9SsR+n6s5A==",
+      "peerDependencies": {
+        "vue": "^3.0.0-0 || ^2.6.0"
+      }
+    },
+    "node_modules/vue-pivottable": {
+      "version": "0.4.63",
+      "resolved": "git+ssh://git@github.com/Mikhail-iontsev/vue-pivottable.git#b45de1207d0cdfd4efc758d83d49da382368496b",
+      "license": "MIT",
+      "workspaces": [
+        "packages/*"
+      ],
+      "dependencies": {
+        "vue": "^3.2.45",
+        "vuedraggable": "^2.23.0"
+      }
+    },
+    "node_modules/vue-pivottable/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=="
+    },
+    "node_modules/vue-pivottable/node_modules/vuedraggable": {
+      "version": "2.24.3",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+      "dependencies": {
+        "sortablejs": "1.10.2"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
+      "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue3-markdown-it": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/vue3-markdown-it/-/vue3-markdown-it-1.0.10.tgz",
+      "integrity": "sha512-mTvHu0zl7jrh7ojgaZ+tTpCLiS4CVg4bTgTu4KGhw/cRRY5YgIG8QgFAPu6kCzSW6Znc9a52Beb6hFvF4hSMkQ==",
+      "dependencies": {
+        "markdown-it": "^12.3.2",
+        "markdown-it-abbr": "^1.0.4",
+        "markdown-it-anchor": "^8.4.1",
+        "markdown-it-deflist": "^2.1.0",
+        "markdown-it-emoji": "^2.0.0",
+        "markdown-it-footnote": "^3.0.3",
+        "markdown-it-highlightjs": "^3.6.0",
+        "markdown-it-ins": "^3.0.1",
+        "markdown-it-mark": "^3.0.1",
+        "markdown-it-sub": "^1.0.0",
+        "markdown-it-sup": "^1.0.0",
+        "markdown-it-task-lists": "^2.1.1",
+        "markdown-it-toc-done-right": "^4.2.0"
+      }
+    },
+    "node_modules/vuedraggable": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
+      "integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
+      "dependencies": {
+        "sortablejs": "1.14.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.1"
+      }
+    },
+    "node_modules/vuetify": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.9.tgz",
+      "integrity": "sha512-Oh7iLYvhd99MyVqH8nrK5rai7t2R9ivuiZAZKE0sfP4x0MSYthXRPBqXi4Vy98R7MggNFaoMBDJ/hPscuRxnQA==",
+      "engines": {
+        "node": "^12.20 || >=14.13"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/johnleider"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.7",
+        "vite-plugin-vuetify": "^1.0.0-alpha.12",
+        "vue": "^3.2.0",
+        "vue-i18n": "^9.0.0",
+        "webpack-plugin-vuetify": "^2.0.0-alpha.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vite-plugin-vuetify": {
+          "optional": true
+        },
+        "vue-i18n": {
+          "optional": true
+        },
+        "webpack-plugin-vuetify": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vuex": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
+      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi/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=="
+    },
+    "node_modules/wrap-ansi/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=="
+    },
+    "node_modules/wrap-ansi/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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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=="
+    },
+    "node_modules/yargs/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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=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,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yorkie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
+      "integrity": "sha512-jcKpkthap6x63MB4TxwCyuIGkV0oYP/YRyuQU5UO0Yz/E/ZAu+653/uov+phdmO54n6BcvFRyyt0RRrWdN2mpw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "execa": "^0.8.0",
+        "is-ci": "^1.0.10",
+        "normalize-path": "^1.0.0",
+        "strip-indent": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yorkie/node_modules/cross-spawn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^4.0.1",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      }
+    },
+    "node_modules/yorkie/node_modules/execa": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.8.0.tgz",
+      "integrity": "sha512-zDWS+Rb1E8BlqqhALSt9kUhss8Qq4nN3iof3gsOdyINksElaPyNBtKUMTR62qhvgVWR0CqCX7sdnKe4MnUbFEA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^5.0.1",
+        "get-stream": "^3.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yorkie/node_modules/get-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yorkie/node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yorkie/node_modules/lru-cache": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+      "dev": true,
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/yorkie/node_modules/normalize-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-1.0.0.tgz",
+      "integrity": "sha512-7WyT0w8jhpDStXRq5836AMmihQwq2nrUVQrgjvUo/p/NZf9uy/MeJ246lBJVmWuYXMlJuG9BNZHF0hWjfTbQUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yorkie/node_modules/npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yorkie/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yorkie/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yorkie/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yorkie/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/yorkie/node_modules/yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+      "dev": true
+    }
+  }
+}
diff --git a/src/app/App.vue b/src/app/App.vue
index 317265ae..179effc1 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -60,6 +60,14 @@ a {
   color: rgb(var(--v-theme-primary));
 }
 
+.v-autocomplete__selection {
+  max-width: 100% !important;
+}
+
+.v-checkbox .v-selection-control {
+  min-height: 1rem !important;
+}
+
 a:visited {
   color: rgb(var(--v-theme-primary-lighten-2));
 }

From 87beb2c78b37d71d5263654042760f9170086db5 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 3 Aug 2023 19:08:27 +0500
Subject: [PATCH 050/202] fix: data quality results table all row expanding

---
 .../release/DataQualityResults/components/ResultsTable.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 15920e1b..4f6257c1 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -60,7 +60,7 @@
     :footer-props="{
       'items-per-page-options': [5, 10, 25],
     }"
-    item-key="checkId"
+    item-value="checkId"
     :items-per-page="10"
     :search="route.query.search"
     density="compact"

From 9fda4a358ca95e3a17e5392b39e2cd68880abb7b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 8 Aug 2023 04:37:47 +0500
Subject: [PATCH 051/202] feat: added legend to network population report

---
 .../specAgeAtFirstObservation.ts               | 18 ++++++++++++++++++
 .../specCumulativeObservation.ts               | 18 ++++++++++++++++++
 src/widgets/selectionEditDialog/lib/lib.ts     | 16 ++++++++--------
 3 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
index a3bde737..83534ecd 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
@@ -22,10 +22,28 @@ export function specAgeAtFirstObservation(zeroBaseline = false) {
           zero: zeroBaseline,
         },
       },
+      color: {
+        field: "DATA_SOURCE_KEY",
+        type: "nominal",
+        title: "Data Source",
+      },
     },
     layer: [
       {
         mark: { type: "line", interpolate: "linear" },
+        params: [
+          {
+            name: "source",
+            select: { type: "point", fields: ["DATA_SOURCE_KEY"] },
+            bind: "legend",
+          },
+        ],
+        encoding: {
+          opacity: {
+            condition: { param: "source", value: 1 },
+            value: 0.2,
+          },
+        },
       },
       {
         selection: {
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
index 79546e1f..2f852aae 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
@@ -22,10 +22,28 @@ export function specCumulativeObservation(zeroBaseline = false) {
           zero: zeroBaseline,
         },
       },
+      color: {
+        field: "DATA_SOURCE_KEY",
+        type: "nominal",
+        title: "Data Source",
+      },
     },
     layer: [
       {
         mark: { type: "line", interpolate: "linear" },
+        params: [
+          {
+            name: "source",
+            select: { type: "point", fields: ["DATA_SOURCE_KEY"] },
+            bind: "legend",
+          },
+        ],
+        encoding: {
+          opacity: {
+            condition: { param: "source", value: 1 },
+            value: 0.2,
+          },
+        },
       },
       {
         selection: {
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
index c53ed292..754225fa 100644
--- a/src/widgets/selectionEditDialog/lib/lib.ts
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -2,15 +2,15 @@ export function createSelection(event, params) {
   const coordinates = event;
   return {
     start:
-      coordinates.start?.[0] ||
-      coordinates.yearmonth_start?.[0] ||
-      coordinates.yearmonthdate_start?.[0],
+      coordinates?.start?.[0] ||
+      coordinates?.yearmonth_start?.[0] ||
+      coordinates?.yearmonthdate_start?.[0],
     end:
-      coordinates.start?.[1] ||
-      coordinates.yearmonth_start?.[1] ||
-      coordinates.yearmonthdate_start?.[0],
-    y: coordinates.y[0],
-    y1: coordinates.y[1],
+      coordinates?.start?.[1] ||
+      coordinates?.yearmonth_start?.[1] ||
+      coordinates?.yearmonthdate_start?.[0],
+    y: coordinates?.y[0],
+    y1: coordinates?.y[1],
     title: params.title,
     description: params.description,
     createdBy: params.createdBy,

From 6df45e1b94ce89ec3d8a7f236c7f874f8a4d9bb8 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 18 Aug 2023 00:49:29 +0500
Subject: [PATCH 052/202] feat: used d3-annotations library to render
 annotations

---
 package.json                                  |   3 +
 src/app/App.vue                               |  54 +++
 src/entities/contextMenu/contextMenu.vue      |  13 +-
 src/pages/info/WebApiInfo.vue                 |   2 +-
 src/pages/model/lib/listeners.ts              | 134 +-----
 .../MeasurementValueDistributionChart.vue     |   2 +-
 .../NetworkDataQualityIssuesByCategory.vue    |   2 +-
 .../NetworkDataQualityIssuesByCdmTable.vue    |   2 +-
 .../AgeAtFirstObservation.vue                 |   2 +-
 .../CumulativeObservation.vue                 |   2 +-
 .../AgeAtFirstDiagnosis.vue                   |   2 +-
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |   2 +-
 .../AgeAtFirstOccurrence.vue                  |   2 +-
 .../ConditionsByType/ConditionsByType.vue     |   2 +-
 .../charts/DaysSupply/DaysSupply.vue          |   2 +-
 .../charts/DrugsByType/DrugsByType.vue        |   2 +-
 .../charts/LengthOfEra/LengthOfEra.vue        |   2 +-
 .../MeasurementValueDistribution.vue          |   2 +-
 .../MeasurementsByType/MeasurementsByType.vue |   2 +-
 .../QuantityDistribution.vue                  |   2 +-
 .../RecordCountProportionByAgeSexYear.vue     |   2 +-
 .../charts/RecordsByUnit/RecordsByUnit.vue    |   2 +-
 .../RecordCountProportionByMonth.vue          |  11 +-
 .../specRecordProportionByMonthAnnotation.ts  |  89 ----
 .../VisitDurationByType.vue                   |   2 +-
 .../charts/AgeAtDeath/AgeAtDeath.vue          |   2 +-
 .../charts/DeathByType/DeathByType.vue        |   2 +-
 .../RecordCountProportionByAgeSexYear.vue     |   2 +-
 .../RecordCountProportionByMonth.vue          |  12 +-
 .../specRecordProportionByMonthAnnotation.ts  |  89 ----
 .../charts/DomainDensity/DomainDensity.vue    |  11 +-
 .../DomainDensity/defOverviewAnnotation.ts    |  89 ----
 .../DomainRecordsPerPerson.vue                |  11 +-
 .../defRecordsPerPersonAnnotation.ts          |  89 ----
 .../DataStratificationByDrug.vue              |   2 +-
 .../DataStratificationByVisit.vue             |   2 +-
 .../AgeAtFirstObservation.vue                 |  12 +-
 .../specAgeAtFirstObservationAnnotation.ts    |  89 ----
 .../AgeAtFirstObservationBySex.vue            |   2 +-
 .../CumulativeObservation.vue                 |  12 +-
 .../specCumulativeObservationAnnotation.ts    |  89 ----
 .../ObservationOverTime.vue                   |  12 +-
 .../specObservationByMonthAnnotation.ts       |  89 ----
 .../YearsOfObservationByAge.vue               |   2 +-
 .../YearsOfObservationBySex.vue               |   2 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  10 +-
 .../charts/PopulationByAgeSex/specAgeSex.ts   |  17 +-
 .../PopulationByEthnicity.vue                 |   2 +-
 .../PopulationByRace/PopulationByRace.vue     |   2 +-
 .../PopulationByYearBirth.vue                 |  12 +-
 .../specBirthYearAnnotation.ts                |  89 ----
 .../HistoricalDataQuality.vue                 |  13 +-
 .../specDataQualityResultsAnnotation.ts       |  89 ----
 .../HistoricalDataQualityByCategory.vue       |  20 +-
 ...cDataQualityResultsByCategoryAnnotation.ts |  80 ++++
 .../HistoricalDataQualityByDomain.vue         |  19 +-
 ...pecDataQualityResultsByDomainAnnotation.ts |  79 ++++
 .../charts/domainRecords/DomainRecords.vue    |   2 +-
 .../RecordProportionByMonth.vue               |   4 +-
 .../specRecordProportionByMonthAnnotation.ts  |  89 ----
 .../DataQualityIssuesHistory.vue              |  13 +-
 .../specIssuesByReleaseAnnotation.ts          |  91 ----
 .../populationHistory/PopulationHistory.vue   |  13 +-
 .../specPopulationByReleaseAnnotation.ts      |  91 ----
 src/widgets/chart/model/contextMenuActions.ts |   0
 src/widgets/chart/ui/Chart.vue                | 403 +++++++++++++++---
 .../notesPanel/model/store/actions.type.ts    |   1 -
 .../notesPanel/model/store/mutations.type.ts  |   5 -
 .../notesPanel/model/store/notes.module.ts    |  71 +--
 src/widgets/selectionEditDialog/lib/lib.ts    |  19 +-
 .../ui/selectionEditDialog.vue                |   4 +-
 71 files changed, 768 insertions(+), 1432 deletions(-)
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation.ts
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation.ts
 delete mode 100644 src/widgets/chart/model/contextMenuActions.ts

diff --git a/package.json b/package.json
index aa984599..ba1d65bd 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,10 @@
     "@mdi/font": "^7.0.96",
     "axios": "^1.2.3",
     "codemirror-editor-vue3": "^2.1.7",
+    "d3": "^7.8.5",
     "d3-dsv": "^3.0.1",
     "d3-format": "^3.0.1",
+    "d3-svg-annotation": "^2.5.1",
     "d3-time-format": "^4.0.0",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
@@ -35,6 +37,7 @@
     "yorkie": "^2.0.0"
   },
   "devDependencies": {
+    "@types/d3": "^7.4.0",
     "@types/d3-format": "^3.0.1",
     "@types/d3-time-format": "^4.0.0",
     "@types/file-saver": "^2.0.5",
diff --git a/src/app/App.vue b/src/app/App.vue
index 317265ae..54913645 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -56,6 +56,60 @@ onBeforeMount((): void => {
   width: 95%;
 }
 
+.hidden {
+  display: none;
+}
+
+.annotation-subject path {
+  fill: #e8336d;
+}
+
+.annotation path {
+  stroke: #e8336d;
+}
+
+.annotation text {
+  fill: #e8336d;
+}
+
+.annotation-subject .handle:nth-child(2) {
+  cursor: col-resize !important;
+}
+.annotation-subject .handle:nth-child(3) {
+  cursor: row-resize !important;
+}
+
+.annotation.above path {
+  stroke: #e8336d;
+}
+
+.annotation.above text {
+  fill: #e8336d;
+}
+
+.annotation.anomaly path {
+  stroke: #e8336d;
+  stroke-width: 2px;
+}
+
+.annotation.anomaly text {
+  fill: #e8336d;
+}
+
+.tooltip-field-title {
+  font-weight: bold;
+}
+
+.annotation-note-bg path {
+  fill: red;
+}
+
+.tooltip {
+  background: rgba(var(--v-theme-surface-variant), 1) !important;
+  color: rgb(var(--v-theme-on-surface-variant));
+  z-index: 1000;
+}
+
 a {
   color: rgb(var(--v-theme-primary));
 }
diff --git a/src/entities/contextMenu/contextMenu.vue b/src/entities/contextMenu/contextMenu.vue
index 737fee68..3369b7ac 100644
--- a/src/entities/contextMenu/contextMenu.vue
+++ b/src/entities/contextMenu/contextMenu.vue
@@ -1,16 +1,18 @@
 <template>
-  <div
+  <v-card
     v-if="show"
     class="context-menu"
     :style="style"
     ref="context"
     tabindex="1"
-    v-on:blur="close"
+    v-click-outside="{
+      handler: onClickOutside,
+    }"
   >
     <ul v-for="item in props.items" :key="item.title">
       <li @click="clickAction(item)">{{ item.title }}</li>
     </ul>
-  </div>
+  </v-card>
 </template>
 <script setup lang="ts">
 import { nextTick, defineProps, computed, watch, ref, Ref } from "vue";
@@ -29,6 +31,10 @@ const context = ref(null);
 
 const store = useStore();
 
+function onClickOutside() {
+  close();
+}
+
 const left: Ref<number> = ref(0);
 const top: Ref<number> = ref(0);
 const show: Ref<boolean> = ref(false);
@@ -59,7 +65,6 @@ function open() {
   left.value = e.pageX || e.clientX;
   top.value = (e.pageY || e.clientY) - window.pageYOffset;
   show.value = true;
-  nextTick(() => context.value.focus());
 }
 
 watch(coordinates, () => {
diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index 8d80db9b..e8864297 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -19,7 +19,7 @@
       </v-container>
       <v-card v-else
         ><v-card-title
-          >WebAPI server is unavailabe at the time</v-card-title
+          >WebAPI server is unavailable at the time</v-card-title
         ></v-card
       >
     </v-card>
diff --git a/src/pages/model/lib/listeners.ts b/src/pages/model/lib/listeners.ts
index 27734c77..aea96618 100644
--- a/src/pages/model/lib/listeners.ts
+++ b/src/pages/model/lib/listeners.ts
@@ -1,121 +1,17 @@
-import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
-import {
-  CREATE_SELECTION,
-  EDIT_SELECTION,
-  MOVE_SELECTION,
-  SHOW_DATUM_NOTES,
-  SHOW_DIALOG,
-} from "@/widgets/notesPanel/model/store/actions.type";
-import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
-import { debounce } from "lodash";
-
-export const setRectangleLocationClick = function (view, route, store) {
-  return view.addEventListener("click", (event, item) => {
-    if (
-      item.mark.name === "layer_1_marks" ||
-      item.mark.name === "concat_0_layer_1_marks"
-    ) {
-      store.commit(SET_SELECTED_RECTANGLE, {
-        item: item.datum,
-        report: view.container().id,
-      });
-    } else if (item.mark.name === "root") {
-      store.commit(SET_SELECTED_RECTANGLE, {
-        item: {},
-        report: view.container().id,
-      });
-    }
+export const setSelectionAreaSignal = function (
+  view,
+  store,
+  annotationsParentElement,
+  brushParentElement,
+  createAnnotations,
+  makeAnnotations,
+  createTooltip,
+  createBrush
+) {
+  return view.addSignalListener("brush", () => {
+    const annotations = makeAnnotations(view);
+    createAnnotations(view, annotations, annotationsParentElement);
+    createTooltip(view);
+    createBrush(view, brushParentElement);
   });
 };
-
-const handleNotesBrush = (event, view, item, store) => {
-  const action = (e, i) => (selection) => {
-    store.dispatch(CREATE_SELECTION, {
-      reportName: view.container().id,
-      item: i.datum,
-      selection,
-    });
-  };
-
-  store.dispatch(SHOW_DIALOG, {
-    show: true,
-    data: null,
-    action: action(event, item),
-  });
-};
-
-const handleLayerMarks = (event, view, item, store) => {
-  store.commit(SET_SELECTED_RECTANGLE, {
-    item: item.datum,
-    report: view.container().id,
-  });
-
-  store.dispatch(OPEN_MENU, {
-    visibility: true,
-    location: {
-      x: event.clientX,
-      y: event.clientY,
-      element: view.container().id,
-      event,
-    },
-    clickEventData: {
-      reportName: view.container().id,
-      date: new Date(),
-      item: item.datum,
-    },
-  });
-};
-
-export const showNotesEditDialogRightClick = function (view, store) {
-  return view.addEventListener("contextmenu", (event, item) => {
-    const coordinates = store.getters.getCurrentSelectionArea.event;
-    const currentSelection = store.getters.getResizeSelection;
-    event.preventDefault();
-    if (item.mark.name === "notesBrush_brush") {
-      if (
-        store.getters.getResizeSelection &&
-        store.getters.getResizeSelection?.report == view.container().id
-      ) {
-        store.dispatch(EDIT_SELECTION, {
-          report: view.container().id,
-          save: true,
-          data: {
-            title: currentSelection.title,
-            description: currentSelection.description,
-            createdBy: currentSelection.createdBy,
-            notes: currentSelection.notes,
-            id: currentSelection.id,
-            updatedAt: Date.now(),
-            start:
-              coordinates.start?.[0] ||
-              coordinates.yearmonth_start?.[0] ||
-              coordinates.yearmonthdate_start?.[0],
-            end:
-              coordinates.start?.[1] ||
-              coordinates.yearmonth_start?.[1] ||
-              coordinates.yearmonthdate_start?.[0],
-            y: coordinates.y[0],
-            y1: coordinates.y[1],
-          },
-        });
-      } else {
-        handleNotesBrush(event, view, item, store);
-      }
-    } else if (
-      item.mark.name === "layer_1_marks" ||
-      item.mark.name === "concat_0_layer_1_marks"
-    ) {
-      handleLayerMarks(event, view, item, store);
-    }
-  });
-};
-export const setSelectionAreaSignal = function (view, store) {
-  return view.addSignalListener(
-    "notesBrush",
-    debounce((signalName, event) => {
-      if (Object.keys(event).length) {
-        store.dispatch(SHOW_DATUM_NOTES, { signalName, event });
-      }
-    }, 100)
-  );
-};
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index 6a678b75..c7451864 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -24,7 +24,7 @@
     <Chart
       id="viz-networkmeasurementvaluedistribution"
       ref="measurementvalue"
-      :config="specMeasurementValueDistribution"
+      :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []"
     />
     <infopanel
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
index 0d38c226..73e8bf4c 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -5,7 +5,7 @@
       id="viz-category"
       title="Network Data Quality Issues By Category"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
-      :config="specIssueStratificationByCategory"
+      :chartSpec="specIssueStratificationByCategory"
     />
   </v-card>
 </template>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
index cd6ea06f..d212a348 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -5,7 +5,7 @@
       id="viz-table"
       title="Network Data Quality Issues by CDM Table"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
-      :config="specIssueStratificationByTable"
+      :chartSpec="specIssueStratificationByTable"
     />
   </v-card>
 </template>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index efec8999..891e76e5 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -7,7 +7,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkageatfirstobservation"
-      :config="specAgeAtFirstObservation"
+      :chartSpec="specAgeAtFirstObservation"
       :data="store.getters.getData.allAgeAtFirstObservationData"
       title="Age at First Observation"
     />
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index 7a8b2b87..57a9ccdb 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -7,7 +7,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkcumulativeobservation"
-      :config="specCumulativeObservation"
+      :chartSpec="specCumulativeObservation"
       :data="store.getters.getData.allCumulativeDurationData"
       title="Cumulative Observation"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 3c45c1b7..76898191 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstdiagnosis"
-      :config="specAgeAtFirstDiagnosis"
+      :chartSpec="specAgeAtFirstDiagnosis"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
       title="Age at First Diagnosis"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index 680a3a00..00c58b3b 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstexposure"
-      :config="specAgeAtFirstExposure"
+      :chartSpec="specAgeAtFirstExposure"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
       title="Age At First Exposure"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 18534c21..e900b321 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstoccurrence"
-      :config="specAgeAtFirstOccurrence"
+      :chartSpec="specAgeAtFirstOccurrence"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
       title="Age at First Occurrence"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index 07798285..8e4b38be 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-conditionsbytype"
-      :config="specConditionsByType"
+      :chartSpec="specConditionsByType"
       :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
       title="Conditions by Type"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index 9ad1b1fc..264aad7e 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-dayssupply"
-      :config="specDaysSupply"
+      :chartSpec="specDaysSupply"
       :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
       title="Days Supply"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index bdc280b1..4c868df9 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-drugsbytype"
-      :config="specDrugsByType"
+      :chartSpec="specDrugsByType"
       :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
       title="Drugs by Type"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index 2c228102..b6502970 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-lengthofera"
-      :config="specLengthOfEra"
+      :chartSpec="specLengthOfEra"
       :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
       title="Length of Era"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index 1cf7c331..5481012c 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -24,7 +24,7 @@
       v-if="store.getters.dataInStore"
       id="viz-measurementvaluedistribution"
       ref="measurementvalue"
-      :config="specMeasurementValueDistribution"
+      :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits"
     />
     <info-panel
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index 63f5b2b6..b5be3c69 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-measurementsbytype"
-      :config="specMeasurementsByType"
+      :chartSpec="specMeasurementsByType"
       :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
       title="Measurements by Type"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 11bfe2fd..7c5b9b4d 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-quantity"
-      :config="specQuantity"
+      :chartSpec="specQuantity"
       :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
       title="Quantity"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 3c07ec65..b721765c 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -8,7 +8,7 @@
       v-if="store.getters.getData"
       id="viz-recordproportionbyagesexyear"
       width="90"
-      :config="specRecordProportionByAgeSexYear"
+      :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
       title="Record Count Proportion by Age, Sex, and Year"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index c8c944fd..c4dcfe9e 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordsbyunit"
-      :config="specRecordsByUnit"
+      :chartSpec="specRecordsByUnit"
       :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
       title="Records by Unit"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 71d5b1da..fa646674 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -8,15 +8,18 @@
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbymonth"
       width="99"
-      :config="specRecordProportionByMonth"
-      :annotations-config="specRecordProportionByMonthAnnotation"
+      :chartSpec="specRecordProportionByMonth"
+      :annotations-config="{
+        chartSpec: specRecordProportionByMonthAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g ',
+      }"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
       title="Record Count Proportion by Month"
       :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :notes="notes"
-      annotations
+      showAnnotations
     />
     <NotesPanel report="viz-recordproportionbymonth" />
     <info-panel
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index cac56fa9..c548426b 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -24,95 +24,6 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
               },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
         ],
         encoding: {
           x: {
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 0dc2b930..3999f254 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -8,7 +8,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-visitdurationbytype"
-      :config="specVisitDurationByType"
+      :chartSpec="specVisitDurationByType"
       :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
       title="Visit Duration By Type"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index 5e9713e9..ae79e468 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -9,7 +9,7 @@
       id="viz-ageatdeath"
       width="100"
       title="Age at Death"
-      :config="specAgeAtDeath"
+      :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
     <infopanel
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index aa5d641a..cfb2e975 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -9,7 +9,7 @@
       id="viz-deathbytype"
       width="100"
       title="Death By Type"
-      :config="specDeathByType"
+      :chartSpec="specDeathByType"
       :data="store.getters.getData.DEATH_BY_TYPE"
     />
     <infopanel
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 9d6e670b..b57e9a61 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -8,7 +8,7 @@
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
       width="90"
-      :config="specRecordProportionByAgeSexYear"
+      :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
       title="Record Count Proportion by Age, Sex, and Year"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 490b5b39..7ef87572 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -10,11 +10,13 @@
       width="90"
       :notes="notes"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :click-listener="listeners.setRectangleLocationClick"
-      annotations
-      :annotations-config="specRecordProportionByMonthAnnotation"
-      :config="specRecordProportionByMonth"
+      showAnnotations
+      :annotations-config="{
+        chartSpec: specRecordProportionByMonthAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :chartSpec="specRecordProportionByMonth"
       :data="store.getters.getData.PREVALENCE_BY_MONTH"
       title="Record Count Proportion by Month"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 28a0582f..2f5f23ff 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -23,95 +23,6 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
               },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
         ],
         encoding: {
           x: {
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 33ab0348..f04918fd 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -10,14 +10,17 @@
       width="80"
       title="Domain
       Density"
-      :config="defOverview"
-      :annotations-config="defOverviewAnnotation"
+      :chartSpec="defOverview"
+      :annotations-config="{
+        chartSpec: defOverviewAnnotation,
+        annotationsParentElement: 'g g',
+        brushParentElement: 'g g g',
+      }"
       :data="store.getters.getData.domainDensity"
       :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :notes="notes"
-      annotations
+      showAnnotations
     />
     <NotesPanel report="viz-overview" />
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
index 549c8b1a..da3d3cc3 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation.ts
@@ -56,95 +56,6 @@ export function defOverviewAnnotation(zeroBaseline = false) {
               },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
           {
             mark: { type: "circle", interpolate: "linear" },
           },
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index a30586b3..79d4fcbc 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -9,14 +9,18 @@
       id="viz-recordsperperson"
       width="80"
       title="Domain Records per Person"
-      :config="defRecordsPerPerson"
-      :annotations-config="defRecordsPerPersonAnnotation"
+      :chartSpec="defRecordsPerPerson"
+      :annotations-config="{
+        chartSpec: defRecordsPerPersonAnnotation,
+        annotationsParentElement: 'g g',
+        brushParentElement: 'g g g',
+      }"
       :data="store.getters.getData.domainRecords"
       :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
       :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :notes="notes"
-      annotations
+      showAnnotations
     />
     <NotesPanel report="viz-recordsperperson" />
 
@@ -45,6 +49,7 @@ import { defRecordsPerPersonAnnotation } from "./defRecordsPerPersonAnnotation";
 import { computed } from "vue";
 import * as listeners from "@/pages/model/lib/listeners";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import { defOverviewAnnotation } from "@/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
index 077b4823..44c1f340 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPersonAnnotation.ts
@@ -54,95 +54,6 @@ export function defRecordsPerPersonAnnotation(zeroBaseline = false) {
               },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
           {
             mark: { type: "circle", interpolate: "linear" },
           },
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 0e349fa9..0f29df72 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -13,7 +13,7 @@
         store.getters.dataInStore && store.getters.getData.drugStratification
       "
       id="viz-stratificationbydrugtype"
-      :config="specDrugTypeStratification"
+      :chartSpec="specDrugTypeStratification"
       :data="store.getters.getData.drugStratification"
       title="Drug Domain Stratification by Drug Type"
     />
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index f45310e5..d9e6561c 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -10,7 +10,7 @@
         store.getters.dataInStore && store.getters.getData.domainStratification
       "
       id="viz-stratificationbyvisit"
-      :config="specVisitStratification"
+      :chartSpec="specVisitStratification"
       :data="store.getters.getData.domainStratification"
       title="Domain Data Stratification by Visit"
     />
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index e799efd7..2d1e3a5b 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -3,13 +3,15 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstobservation"
-      :config="specAgeAtFirstObservation"
-      :annotations-config="specAgeAtFirstObservationAnnotation"
+      :chartSpec="specAgeAtFirstObservation"
+      :annotations-config="{
+        chartSpec: specAgeAtFirstObservationAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :notes="notes"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :click-listener="listeners.setRectangleLocationClick"
-      annotations
+      showAnnotations
       :data="
         store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION
       "
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
index e324f92e..7087a71f 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/specAgeAtFirstObservationAnnotation.ts
@@ -28,95 +28,6 @@ export function specAgeAtFirstObservationAnnotation(zeroBaseline = false) {
       {
         mark: { type: "line", interpolate: "linear" },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
   };
 }
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index e54fce23..55e1a06b 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-agebysex"
-      :config="specAgeBySex"
+      :chartSpec="specAgeBySex"
       :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
       title="Age at First Observation by Sex"
     />
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 6076b2f6..4f8ec083 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -7,15 +7,17 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-cumulativeobservation"
-      :config="specCumulativeObservation"
-      :annotations-config="specCumulativeObservationAnnotation"
+      :chartSpec="specCumulativeObservation"
+      :annotations-config="{
+        chartSpec: specCumulativeObservationAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
       :notes="notes"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :click-listener="listeners.setRectangleLocationClick"
       title="Cumulative Observation"
-      annotations
+      showAnnotations
     />
     <NotesPanel report="viz-cumulativeobservation" />
     <info-panel
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
index 51552c94..384782b9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/specCumulativeObservationAnnotation.ts
@@ -27,95 +27,6 @@ export function specCumulativeObservationAnnotation(zeroBaseline = false) {
       {
         mark: { type: "line", interpolate: "linear" },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
     signals: [
       {
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index e5e8204d..f41f2f1b 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -4,13 +4,15 @@
       v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
       width="95"
-      :annotations-config="specObservationByMonthAnnotation"
+      :annotations-config="{
+        chartSpec: specObservationByMonthAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :notes="notes"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :click-listener="listeners.setRectangleLocationClick"
-      annotations
-      :config="specObservationByMonth"
+      showAnnotations
+      :chartSpec="specObservationByMonth"
       :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
       title="Observation over Time"
     />
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
index d0b3cb23..f03bc5e9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/specObservationByMonthAnnotation.ts
@@ -56,95 +56,6 @@ export function specObservationByMonthAnnotation(zeroBaseline = false) {
               y: { field: "PERCENT_VALUE", type: "quantitative" },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
         ],
       },
       {
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 4a387179..34476cda 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbyage"
-      :config="specObservationByAge"
+      :chartSpec="specObservationByAge"
       :data="
         store.getters.getData.observationPeriodData
           .OBSERVATION_PERIOD_LENGTH_BY_AGE
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index 399ec245..6d43838e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbysex"
-      :config="specObservationBySex"
+      :chartSpec="specObservationBySex"
       :data="
         store.getters.getData.observationPeriodData
           .OBSERVATION_PERIOD_LENGTH_BY_GENDER
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index d761ffdf..8bbc4d27 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -6,7 +6,7 @@
       title="Population by Age &amp; Sex"
       width="90"
       :data="store.getters.getData.personData.AGE_GENDER_DATA"
-      :config="specAgeSex"
+      :chartSpec="specAgeSex"
     />
     <v-divider inset class="pa-1"></v-divider>
     <info-panel
@@ -30,8 +30,16 @@ import { specAgeSex } from "./specAgeSex";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import { computed } from "vue";
 
 const store = useStore();
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease.release_id;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  const releaseContainer = sourceContainer[releaseName] || {};
+  return releaseContainer["viz-populationbyageandsex"] || [];
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
index 3f5c3e7a..01a06d17 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
@@ -7,12 +7,7 @@ export function specAgeSex(zeroBaseline = false) {
     width: "container",
     height: 75,
     data: { name: "conceptData" },
-    params: [
-      {
-        name: "paintbrush",
-        select: { type: "point", on: "mouseover", nearest: true },
-      },
-    ],
+    params: [],
     mark: "bar",
     transform: [{ filter: "datum.AGE >= 0" }],
     encoding: {
@@ -21,15 +16,7 @@ export function specAgeSex(zeroBaseline = false) {
         { field: "AGE", title: "Age" },
         { field: "COUNT_VALUE", title: "# of People", format: "," },
       ],
-      color: {
-        condition: {
-          param: "paintbrush",
-          field: "CONCEPT_NAME",
-          type: "ordinal",
-          legend: null,
-        },
-        value: "grey",
-      },
+      color: {},
       /* color: {
         field: "CONCEPT_NAME",
         legend: null,
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index caab12fd..c20220dd 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ethnicity"
-      :config="specEthnicity"
+      :chartSpec="specEthnicity"
       :data="store.getters.getData.personData.ETHNICITY_DATA"
       title="Population by Ethnicity"
     />
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 91896211..68f549c1 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-race"
-      :config="specRace"
+      :chartSpec="specRace"
       :data="store.getters.getData.personData.RACE_DATA"
       title="Population by Race"
     />
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 2a0f3a0e..82a0fdd3 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -4,14 +4,16 @@
       v-if="store.getters.dataInStore"
       id="viz-birthyearnote"
       title="Population by Year of Birth"
-      :config="specBirthYear"
-      :annotations-config="specBirthYearAnnotation"
+      :chartSpec="specBirthYear"
+      :annotations-config="{
+        chartSpec: specBirthYearAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :click-listener="listeners.setRectangleLocationClick"
       :notes="notes"
-      annotations
+      showAnnotations
     >
     </Chart>
     <NotesPanel report="viz-birthyearnote" />
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
index c5a03943..8a86c14f 100755
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/specBirthYearAnnotation.ts
@@ -49,95 +49,6 @@ export function specBirthYearAnnotation(zeroBaseline = false) {
           },
         },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
   };
 }
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 78e2b416..36ea2306 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -10,13 +10,14 @@
       id="viz-dataqualityresults"
       title="Historical Data Quality"
       :notes="notes"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :click-listener="listeners.setRectangleLocationClick"
-      annotations
+      showAnnotations
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
-      :config="specDataQualityResults"
-      :annotations-config="specDataQualityResultsAnnotation"
+      :chartSpec="specDataQualityResults"
+      :annotations-config="{
+        chartSpec: specDataQualityResultsAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
     />
     <NotesPanel report="viz-dataqualityresults" />
     <v-data-table
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
index 0e56883b..a9d72880 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation.ts
@@ -31,95 +31,6 @@ export function specDataQualityResultsAnnotation(zeroBaseline = false) {
       {
         mark: { type: "line", interpolate: "linear", point: true },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
   };
 }
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 2e8bbe51..7ce46e48 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -6,11 +6,19 @@
   >
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-dataqualityresultsbycategory"
+      id="viz-sourcedataqualityresultsbycategory"
       title="Historical Data Quality by Category"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
-      :config="specDataQualityResultsByCategory"
+      :chartSpec="specDataQualityResultsByCategory"
+      :notes="notes"
+      show-annotations
+      :annotations-config="{
+        chartSpec: specDataQualityResultsByCategoryAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
     />
+    <NotesPanel report="viz-sourcedataqualityresultsbycategory" />
   </v-card>
 </template>
 
@@ -20,7 +28,15 @@ import { Chart } from "@/widgets/chart";
 import { specDataQualityResultsByCategory } from "./specDataQualityResultsByCategory";
 import { useStore } from "vuex";
 import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation";
+
 const store = useStore();
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  return sourceContainer["viz-sourcedataqualityresultsbycategory"] || [];
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation.ts
new file mode 100644
index 00000000..c65b93fd
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation.ts
@@ -0,0 +1,80 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDataQualityResultsByCategoryAnnotation(
+  zeroBaseline = false
+) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 150,
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "cdm_release_date",
+        type: "quantitative",
+        timeUnit: "yearmonthdate",
+        axis: {
+          title: "CDM Release Date",
+        },
+        scale: {
+          type: "utc",
+        },
+      },
+      y: {
+        field: "count_value",
+        aggregate: "sum",
+        type: "quantitative",
+        axis: {
+          title: "Checks Failed",
+        },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+      color: {
+        field: "category",
+        title: "Check Category",
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+        params: [
+          {
+            name: "source",
+            select: { type: "point", fields: ["category"] },
+            bind: "legend",
+          },
+        ],
+        encoding: {
+          opacity: {
+            condition: { param: "source", value: 1 },
+            value: 0.2,
+          },
+        },
+      },
+      {
+        selection: {
+          dataSource: {
+            type: "multi",
+            fields: ["category"],
+            bind: "legend",
+          },
+          x: {
+            type: "single",
+            on: "mousemove",
+            fields: ["cdm_release_date"],
+            nearest: true,
+          },
+        },
+        transform: [
+          {
+            filter: { selection: "dataSource" },
+          },
+        ],
+        mark: { type: "point", tooltip: true },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index bd64b341..d8d8d873 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -6,11 +6,19 @@
   >
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-dataqualityresultsbydomain"
+      id="viz-sourcedataqualityresultsbydomain"
       title="Historical Data Quality by Domain"
-      :config="specDataQualityResultsByDomain"
+      :chartSpec="specDataQualityResultsByDomain"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
+      show-annotations
+      :notes="notes"
+      :annotations-config="{
+        chartSpec: specDataQualityResultsByDomainAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
     />
+    <NotesPanel report="viz-sourcedataqualityresultsbydomain" />
   </v-card>
 </template>
 
@@ -19,9 +27,16 @@ import { Chart } from "@/widgets/chart";
 import { specDataQualityResultsByDomain } from "./specDataQualityResultsByDomain";
 import { QUALITY_INDEX } from "@/shared/config/files";
 import { useStore } from "vuex";
+import { specDataQualityResultsByDomainAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation";
 import { computed } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 
 const store = useStore();
+const notes = computed(() => {
+  const sourceName = store.getters.getSelectedSource.cdm_source_key;
+  const sourceContainer = store.getters.getNotes[sourceName] || {};
+  return sourceContainer["viz-sourcedataqualityresultsbydomain"] || [];
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation.ts b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation.ts
new file mode 100644
index 00000000..e8b222b7
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation.ts
@@ -0,0 +1,79 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDataQualityResultsByDomainAnnotation(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 150,
+    description: "Data Quality Results by Date",
+    data: { name: "conceptData" },
+    encoding: {
+      x: {
+        field: "cdm_release_date",
+        type: "quantitative",
+        timeUnit: "yearmonthdate",
+        axis: {
+          title: "CDM Release Date",
+        },
+        scale: {
+          type: "utc",
+        },
+      },
+      y: {
+        field: "count_value",
+        aggregate: "sum",
+        type: "quantitative",
+        axis: {
+          title: "Checks Failed",
+        },
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+      color: {
+        field: "cdm_table_name",
+        title: "Check Domain",
+      },
+    },
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+        params: [
+          {
+            name: "source",
+            select: { type: "point", fields: ["cdm_table_name"] },
+            bind: "legend",
+          },
+        ],
+        encoding: {
+          opacity: {
+            condition: { param: "source", value: 1 },
+            value: 0.2,
+          },
+        },
+      },
+      {
+        selection: {
+          dataSource: {
+            type: "multi",
+            fields: ["cdm_table_name"],
+            bind: "legend",
+          },
+          x: {
+            type: "single",
+            on: "mousemove",
+            fields: ["cdm_release_date"],
+            nearest: true,
+          },
+        },
+        transform: [
+          {
+            filter: { selection: "dataSource" },
+          },
+        ],
+        mark: { type: "point", tooltip: true },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 7ffd7ffc..0251033c 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -9,7 +9,7 @@
       <Chart
         id="viz-continuity"
         title="Domain Continuity"
-        :config="specOverview"
+        :chartSpec="specOverview"
         :data="store.getters.getData.domainRecords"
         :listener="eventListener"
       />
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 5e9b27ad..3a51338e 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -3,7 +3,7 @@
     <Chart
       v-if="store.getters.getData"
       id="viz-sourcerecordproportionbymonth"
-      :config="specRecordProportionByMonth"
+      :chartSpec="specRecordProportionByMonth"
       :data="store.getters.getData.conceptData"
       :annotations-config="specRecordProportionByMonthAnnotation"
       width="99"
@@ -11,7 +11,7 @@
       :signal-listener="listeners.setSelectionAreaSignal"
       :context-menu-listener="listeners.showNotesEditDialogRightClick"
       :notes="notes"
-      annotations
+      showAnnotations
       title="Record Proportion by Month"
     />
     <info-panel
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
index 26d795fc..4352cfea 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/specRecordProportionByMonthAnnotation.ts
@@ -23,95 +23,6 @@ export function specRecordProportionByMonthAnnotation(zeroBaseline = false) {
               },
             },
           },
-          {
-            mark: { type: "rect" },
-            data: {
-              name: "notesData",
-            },
-            params: [
-              {
-                name: "justBrush",
-                select: {
-                  type: "point",
-                  on: "mousedown",
-                  encodings: ["x", "x2", "y", "y2"],
-                  value: { x: [55, 160], y: [13, 37] },
-                },
-              },
-              {
-                name: "notesBrush",
-                select: {
-                  type: "interval",
-                  encodings: ["x", "y"],
-                },
-              },
-            ],
-            encoding: {
-              tooltip: [
-                { field: "title", title: "Title" },
-                {
-                  field: "description",
-                  title: "Description",
-                },
-                { field: "createdBy", title: "Author" },
-                {
-                  field: "id",
-                  title: "Created at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-                {
-                  field: "updatedAt",
-                  title: "Updated at",
-                  timeUnit: "yearmonthdatehoursminutes",
-                },
-              ],
-              x: {
-                field: "start",
-                type: "quantitative",
-              },
-              stroke: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: "black",
-                  },
-                ],
-                value: null,
-              },
-              strokeWidth: {
-                condition: [
-                  {
-                    test: "datum['resize'] === true",
-                    value: 2,
-                  },
-                ],
-                value: 0, // Set strokeWidth value to 0 for other cases
-              },
-              color: {
-                condition: [
-                  { test: "datum['resize'] === true", value: "red" },
-                  { test: { param: "justBrush" } },
-                ],
-                value: "grey",
-              },
-              opacity: {
-                condition: { test: "datum['resize'] === true", value: 0.2 },
-                value: 0.3,
-              },
-              x2: {
-                field: "end",
-                type: "quantitative",
-              },
-              y: {
-                field: "y",
-                type: "quantitative",
-              },
-              y2: {
-                field: "y1",
-                type: "quantitative",
-              },
-            },
-          },
         ],
         encoding: {
           x: {
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 2b389a77..7096c115 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -5,12 +5,13 @@
       title="Data Quality Issues History"
       width="95"
       :notes="notes"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :click-listener="listeners.setRectangleLocationClick"
-      annotations
-      :config="specIssuesByRelease"
-      :annotations-config="specIssuesByReleaseAnnotation"
+      showAnnotations
+      :chartSpec="specIssuesByRelease"
+      :annotations-config="{
+        chartSpec: specIssuesByReleaseAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :data="store.getters.getSelectedSource.releases"
     />
     <NotesPanel report="issues_releases" />
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
index e3476acf..4535f6c9 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/specIssuesByReleaseAnnotation.ts
@@ -38,97 +38,6 @@ export function specIssuesByReleaseAnnotation(zeroBaseline = false) {
       {
         mark: { type: "line", interpolate: "linear", point: true },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-            timeUnit: "yearmonth",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-            timeUnit: "yearmonth",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
   };
 }
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index 9a4a7528..561f7c80 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -5,12 +5,13 @@
       title="Population History"
       width="95"
       :notes="notes"
-      :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :click-listener="listeners.setRectangleLocationClick"
-      annotations
-      :config="specPopulationByRelease"
-      :annotations-config="specPopulationByReleaseAnnotation"
+      showAnnotations
+      :chartSpec="specPopulationByRelease"
+      :annotations-config="{
+        chartSpec: specPopulationByReleaseAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
       :data="releases"
     />
     <NotesPanel report="population_releases" />
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
index 9ad2e48c..be5b64d9 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/specPopulationByReleaseAnnotation.ts
@@ -31,97 +31,6 @@ export function specPopulationByReleaseAnnotation(zeroBaseline = false) {
       {
         mark: { type: "line", interpolate: "linear", point: true },
       },
-      {
-        mark: { type: "rect" },
-        data: {
-          name: "notesData",
-        },
-        params: [
-          {
-            name: "justBrush",
-            select: {
-              type: "point",
-              on: "mousedown",
-              encodings: ["x", "x2", "y", "y2"],
-              value: { x: [55, 160], y: [13, 37] },
-            },
-          },
-          {
-            name: "notesBrush",
-            select: {
-              type: "interval",
-              encodings: ["x", "y"],
-            },
-          },
-        ],
-        encoding: {
-          tooltip: [
-            { field: "title", title: "Title" },
-            {
-              field: "description",
-              title: "Description",
-            },
-            { field: "createdBy", title: "Author" },
-            {
-              field: "id",
-              title: "Created at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-            {
-              field: "updatedAt",
-              title: "Updated at",
-              timeUnit: "yearmonthdatehoursminutes",
-            },
-          ],
-          x: {
-            field: "start",
-            type: "quantitative",
-            timeUnit: "yearmonth",
-          },
-          stroke: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: "black",
-              },
-            ],
-            value: null,
-          },
-          strokeWidth: {
-            condition: [
-              {
-                test: "datum['resize'] === true",
-                value: 2,
-              },
-            ],
-            value: 0, // Set strokeWidth value to 0 for other cases
-          },
-          color: {
-            condition: [
-              { test: "datum['resize'] === true", value: "red" },
-              { test: { param: "justBrush" } },
-            ],
-            value: "grey",
-          },
-          opacity: {
-            condition: { test: "datum['resize'] === true", value: 0.2 },
-            value: 0.3,
-          },
-          x2: {
-            field: "end",
-            type: "quantitative",
-            timeUnit: "yearmonth",
-          },
-          y: {
-            field: "y",
-            type: "quantitative",
-          },
-          y2: {
-            field: "y1",
-            type: "quantitative",
-          },
-        },
-      },
     ],
   };
 }
diff --git a/src/widgets/chart/model/contextMenuActions.ts b/src/widgets/chart/model/contextMenuActions.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 84171be3..41b239fb 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-row justify="space-between" class="mb-2">
+    <v-row v-resize="load" justify="space-between" class="mb-2">
       <v-col cols="auto">
         <v-card-title v-if="title">{{ title }}</v-card-title>
       </v-col>
@@ -8,7 +8,7 @@
         <v-switch
           inset
           color="primary"
-          v-if="annotations"
+          v-if="showAnnotations"
           hide-details
           v-model="annotationMode"
         >
@@ -21,7 +21,7 @@
     </v-row>
     <div :id="id" :style="style"></div>
 
-    <ContextMenu v-if="annotations" :items="actions" />
+    <ContextMenu v-if="showAnnotations" :items="actions" />
   </div>
 </template>
 
@@ -35,46 +35,60 @@ export default {
 import { vegaLite } from "vega-embed";
 import * as vega from "vega";
 import { useStore } from "vuex";
+import _ from "lodash";
+
+import * as d3 from "d3";
+import * as d3_annotations from "d3-svg-annotation";
 
 import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
-import { computed, watch, defineProps, ref, onMounted } from "vue";
+import {
+  computed,
+  watch,
+  defineProps,
+  ref,
+  onMounted,
+  withDefaults,
+} from "vue";
 import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
 import { Handler } from "vega-tooltip";
 import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
 import {
+  CREATE_SELECTION,
   DELETE_SELECTION,
   EDIT_SELECTION,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
+import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
+import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
 
-//Find a way to type function props
 interface Props {
   title?: string;
   data: object[] | string[];
   id: string;
   width?: string;
-  config: (a?: boolean, b?: boolean) => TopLevelSpec;
-  annotationsConfig?: (a?: boolean, b?: boolean) => TopLevelSpec;
+  chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
+  showAnnotations?: boolean;
+  annotationsConfig?: {
+    chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
+    annotationsParentElement: string;
+    brushParentElement: string;
+  };
   clickListener?: (a: any, b: RouteLocationNormalizedLoaded, c: any) => void;
-  signalListener?: (a: any, b: any) => void;
+  signalListener?: (
+    a: any,
+    b: any,
+    c: any,
+    d: any,
+    e: any,
+    f: any,
+    g: any,
+    h: any
+  ) => void;
   notes?: [];
-  contextMenuListener?: (a: any, b: any) => void;
-  annotations?: boolean;
 }
 
 const actions = [
-  {
-    title: "Move/Resize",
-    action: () => {
-      store.dispatch(EDIT_SELECTION, {
-        data: {
-          ...store.getters.getSelectedRectangle.item,
-          resize: true,
-        },
-      });
-    },
-  },
   {
     title: "Edit selection details",
     action: () => {
@@ -102,8 +116,9 @@ const actions = [
 ];
 
 const store = useStore();
-const route = useRoute();
-const props = defineProps<Props>();
+const props = withDefaults(defineProps<Props>(), {
+  notes: [],
+});
 
 const annotationMode = ref(false);
 
@@ -112,21 +127,18 @@ const updateValues = computed(() => {
     zeroBaseLine: store.getters.getSettings.zeroBaseline,
     minMax: store.getters.getSettings.minMax,
     darkMode: store.getters.getSettings.darkMode,
-    notes: props.notes ? [...props.notes] : [],
     annotationMode: annotationMode.value,
   };
 });
 
-onMounted(() => {
-  if (props.annotations) {
-    annotationMode.value = store.getters.getSettings.annotationsMode;
-  }
+const computedNotes = computed(() => {
+  return props.notes ? [...props.notes] : [];
 });
 
 const processedConfig = function (): TopLevelSpec {
   if (annotationMode.value) {
     return {
-      ...props.annotationsConfig(
+      ...props.annotationsConfig.chartSpec(
         store.getters.getSettings.zeroBaseline,
         store.getters.getSettings.minMax
       ),
@@ -138,7 +150,7 @@ const processedConfig = function (): TopLevelSpec {
     };
   } else {
     return {
-      ...props.config(
+      ...props.chartSpec(
         store.getters.getSettings.zeroBaseline,
         store.getters.getSettings.minMax
       ),
@@ -150,39 +162,330 @@ const processedConfig = function (): TopLevelSpec {
   }
 };
 
+const vgSpec = computed(() => {
+  return vegaLite.compile(processedConfig(), {}).spec;
+});
+
+let view;
+
+onMounted(() => {
+  if (props.showAnnotations) {
+    annotationMode.value = store.getters.getSettings.annotationsMode;
+  }
+});
+
 const style = computed(function (): string {
   return props.width ? "width: " + props.width + "%" : "width: 100%";
 });
 
-const load = function (config): void {
-  const vgSpec = vegaLite.compile(config, {}).spec;
-  function render(spec) {
-    const view = new vega.View(vega.parse(spec, {}), {
-      renderer: "svg",
-      container: `#${props.id}`,
-      hover: true,
-    }).tooltip(new Handler().call);
-    if (props.clickListener) {
-      props.clickListener(view, route, store);
-    }
-    if (props.signalListener && annotationMode.value) {
-      props.signalListener(view, store);
-    }
-    if (props.contextMenuListener && annotationMode.value) {
-      props.contextMenuListener(view, store);
+function rerenderAnnotationsOnClick(view, makeAnnotations, parentContainer) {
+  view.addEventListener("click", function () {
+    renderAnnotations(view, makeAnnotations(view), parentContainer);
+    initializeTooltip();
+  });
+}
+
+const load = function (): void {
+  view = new vega.View(vega.parse(vgSpec.value, {}), {
+    renderer: "svg",
+    container: `#${props.id}`,
+    hover: true,
+  }).tooltip(new Handler().call);
+
+  if (props.signalListener && annotationMode.value && props.showAnnotations) {
+    props.signalListener(
+      view,
+      store,
+      props.annotationsConfig.annotationsParentElement,
+      props.annotationsConfig.brushParentElement,
+      renderAnnotations,
+      initializeAnnotationsInstance,
+      initializeTooltip,
+      initializeBrush
+    );
+    if (props.showAnnotations && annotationMode.value) {
+      rerenderAnnotationsOnClick(
+        view,
+        initializeAnnotationsInstance,
+        props.annotationsConfig.annotationsParentElement
+      );
     }
-    view.runAsync();
   }
+  view.error = () => {
+    return;
+  };
+  view.runAsync().then(() => {
+    const annotations = initializeAnnotationsInstance(view);
 
-  render(vgSpec);
+    if (annotationMode.value) {
+      renderAnnotations(
+        view,
+        annotations,
+        props.annotationsConfig.annotationsParentElement
+      );
+      initializeTooltip();
+      initializeBrush(view);
+    }
+  });
 };
 
+function getD3AnnotationObject(note, type, xScale, yScale) {
+  return {
+    type: type,
+    disable: ["note", "connector"],
+    data: {
+      x: note.xAxis || note.start,
+      y: note.yAxis || note.y1,
+      report: view.container().id,
+      originalNote: note,
+    },
+    id: note.id,
+    subject: {
+      width: note.x1Axis
+        ? xScale(note.x1Axis) - xScale(note.xAxis)
+        : xScale(note.end) - xScale(note.start),
+      height: note.height
+        ? yScale(note.height)
+        : yScale(note.y) - yScale(note.y1),
+    },
+  };
+}
+
+function getAnnotationsArray(view) {
+  const type = d3_annotations.annotationCalloutRect;
+
+  const xScale =
+    view._runtime?.scales?.x?.value || view._runtime?.scales?.concat_0_x?.value;
+
+  const yScale =
+    view._runtime.scales?.y?.value || view._runtime?.scales?.concat_0_y?.value;
+
+  return props.notes.map((note) =>
+    getD3AnnotationObject(note, type, xScale, yScale)
+  );
+}
+
+function editSelection(xScale, yScale) {
+  return function (annotation) {
+    const x = xScale.invert(annotation._x);
+    const x1 = xScale.invert(annotation.subject.width + annotation._x);
+    const y = yScale.invert(annotation._y);
+    const width = xScale.invert(annotation.subject.width);
+    const height = yScale.invert(annotation.subject.height);
+    const note = annotation.data.originalNote;
+
+    const newData = {
+      title: note.title,
+      description: note.description,
+      createdBy: note.createdBy,
+      notes: note.notes,
+      id: note.id,
+      updatedAt: Date.now(),
+      xAxis: x,
+      x1Axis: x1,
+      yAxis: y,
+      width,
+      height,
+    };
+    store.dispatch(EDIT_SELECTION, {
+      report: view.container().id,
+      save: true,
+      data: newData,
+    });
+  };
+}
+
+function setSelectedAnnotation(annotation) {
+  store.commit(SET_SELECTED_RECTANGLE, {
+    item: annotation.data.originalNote,
+    report: annotation.report,
+  });
+}
+
+function initializeAnnotationsInstance(view) {
+  const xScale =
+    view._runtime?.scales?.x?.value || view._runtime?.scales?.concat_0_x?.value;
+
+  const yScale =
+    view._runtime.scales?.y?.value || view._runtime?.scales?.concat_0_y?.value;
+  return d3_annotations
+    .annotation()
+    .editMode(true)
+    .notePadding(15)
+    .accessors({
+      x: (d) => xScale(d.x),
+      y: (d) => yScale(d.y),
+    })
+    .accessorsInverse({
+      x: (d) => xScale.invert(d.x),
+      y: (d) => yScale.invert(d.y),
+    })
+    .on("subjectclick", setSelectedAnnotation)
+    .on("dragend", editSelection(xScale, yScale))
+    .annotations(getAnnotationsArray(view));
+}
+
+function handleContextMenu(event) {
+  event.preventDefault();
+  const originalNote = event.target.__data__.data.originalNote;
+  store.commit(SET_SELECTED_RECTANGLE, {
+    item: originalNote,
+    report: view.container().id,
+  });
+
+  const menuData = {
+    visibility: true,
+    location: {
+      x: event.clientX,
+      y: event.clientY,
+      element: view.container().id,
+      event,
+    },
+    clickEventData: {
+      reportName: view.container().id,
+      date: new Date(),
+      item: originalNote,
+    },
+  };
+
+  store.dispatch(OPEN_MENU, menuData);
+}
+
+function initializeTooltip() {
+  const svg = d3.select(`#${props.id}`);
+  svg.select(".tooltip").remove();
+  const parseTime = d3.timeFormat("%B %d, %Y, %I:%M %p");
+  const Tooltip = createTooltipContainer();
+
+  const annotations = d3
+    .select(`#${props.id} svg g .annotation-group .annotations`)
+    .selectAll(".annotation");
+
+  function createTooltipContainer() {
+    return svg
+      .append("div")
+      .attr("class", "tooltip")
+      .style("display", "none")
+      .style("border-radius", "10px")
+      .style("position", "absolute")
+      .style("padding", "8px");
+  }
+
+  function getTooltipMarkup(data, parseTime) {
+    return `<span class="tooltip-field-title">Title:</span> ${
+      data.originalNote.title
+    }<br><span class="tooltip-field-title">Description:</span> ${
+      data.originalNote.description
+    }<br><span class="tooltip-field-title">Author</span>: ${
+      data.originalNote.createdBy
+    }<br><span class="tooltip-field-title">Created at:</span> ${parseTime(
+      data.originalNote.id
+    )}<br><span class="tooltip-field-title">Updated at:</span> ${parseTime(
+      data.originalNote.updatedAt
+    )}`;
+  }
+  const handleMouseOver = function () {
+    Tooltip.style("display", "initial");
+    d3.select(this).style("stroke", "black").style("opacity", 1);
+  };
+
+  const handleMouseMove = function (event, d) {
+    Tooltip.html(getTooltipMarkup(d.data, parseTime))
+      .style("left", event.layerX + 10 + "px")
+      .style("top", event.layerY + 10 + "px");
+  };
+  const handleMouseLeave = function () {
+    Tooltip.style("display", "none");
+    d3.select(this).style("stroke", "none").style("opacity", 0.7);
+  };
+
+  annotations
+    .on("contextmenu", handleContextMenu)
+    .on("mouseover", handleMouseOver)
+    .on("mousemove", handleMouseMove)
+    .on("mouseleave", handleMouseLeave);
+}
+
+function createAnnotation(xScale, yScale) {
+  return function (event) {
+    if (!event.selection) {
+      return;
+    }
+    const action = (event) => (selection) => {
+      store.dispatch(CREATE_SELECTION, {
+        reportName: view.container().id,
+        event,
+        selection,
+      });
+    };
+    store.commit(SET_SELECTED_RECTANGLE, null);
+    store.dispatch(SHOW_DIALOG, {
+      show: true,
+      data: null,
+      position: {
+        xAxis: xScale.invert(event.selection[1][0]),
+        yAxis: yScale.invert(event.selection[0][1]),
+        x1Axis: xScale.invert(event.selection[0][0]),
+        width: xScale.invert(event.selection[0][0] - event.selection[1][0]),
+        height: yScale.invert(event.selection[1][1] - event.selection[0][1]),
+      },
+      action: action(event.selection),
+    });
+  };
+}
+
+function initializeBrush(view) {
+  const xScale =
+    view._runtime?.scales?.x?.value || view._runtime?.scales?.concat_0_x?.value;
+
+  const yScale =
+    view._runtime.scales?.y?.value || view._runtime?.scales?.concat_0_y?.value;
+  const parentContainer = props.annotationsConfig.brushParentElement;
+  const svg = d3.select(`#${props.id} svg ${parentContainer}`);
+
+  svg.selectAll(".brush").remove();
+
+  d3.select(`#${props.id} svg ${parentContainer}`)
+    .append("g")
+    .attr("class", "brush")
+    .call(
+      d3
+        .brush()
+        .extent([
+          [xScale.range()[0], yScale.range()[1]],
+          [xScale.range()[1], yScale.range()[0]],
+        ])
+        .on("end", createAnnotation(xScale, yScale))
+    );
+}
+
+function renderAnnotations(view, makeAnnotations, parentContainer) {
+  const svg = d3.select(`#${props.id} svg ${parentContainer}`);
+
+  svg.selectAll(".annotation-group").remove();
+
+  svg.append("g").attr("class", "annotation-group").call(makeAnnotations);
+}
+
 watch(updateValues, (): void => {
-  load(processedConfig());
+  load();
+});
+
+watch(computedNotes, (): void => {
+  if (computedNotes.value.length) {
+    const parentContainer = props.annotationsConfig.annotationsParentElement;
+    renderAnnotations(
+      view,
+      initializeAnnotationsInstance(view),
+      parentContainer
+    );
+    initializeTooltip();
+    initializeBrush(view);
+  }
 });
 
 onMounted((): void => {
-  load(processedConfig());
+  load();
 });
 </script>
 
diff --git a/src/widgets/notesPanel/model/store/actions.type.ts b/src/widgets/notesPanel/model/store/actions.type.ts
index 0f2b674f..78b40ddc 100755
--- a/src/widgets/notesPanel/model/store/actions.type.ts
+++ b/src/widgets/notesPanel/model/store/actions.type.ts
@@ -6,6 +6,5 @@ export const SHOW_DATUM_NOTES = "showDatumNotes";
 export const DELETE_SELECTION = "deleteSelection";
 
 export const EDIT_SELECTION = "editSelection";
-export const MOVE_SELECTION = "moveSelection";
 
 export const CREATE_SELECTION = "createSelection";
diff --git a/src/widgets/notesPanel/model/store/mutations.type.ts b/src/widgets/notesPanel/model/store/mutations.type.ts
index 44b8202b..ec126cd7 100755
--- a/src/widgets/notesPanel/model/store/mutations.type.ts
+++ b/src/widgets/notesPanel/model/store/mutations.type.ts
@@ -1,9 +1,4 @@
 export const SET_NOTES = "setNewNotes";
 
-export const SET_TEMP_NOTES = "setTempNotes";
 export const SET_DIALOG = "setShowDialog";
-export const SET_CURRENT_SELECTION_AREA = "setCurrentItem";
 export const SET_SELECTED_RECTANGLE = "setSelectedRectangle";
-export const SET_CLICK_EVENT_DATA = "setClickEventData";
-
-export const SET_RESIZE_SELECTION = "setResizeSelection";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 2cc15557..6d290aa1 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -4,7 +4,6 @@ import {
   DELETE_SELECTION,
   EDIT_SELECTION,
   LOAD_NOTES,
-  MOVE_SELECTION,
   SHOW_DATUM_NOTES,
   SHOW_DIALOG,
 } from "@/widgets/notesPanel/model/store/actions.type";
@@ -15,13 +14,9 @@ import {
 } from "@/widgets/notesPanel/model/lib/helpers";
 
 import {
-  SET_CURRENT_SELECTION_AREA,
   SET_NOTES,
   SET_SELECTED_RECTANGLE,
   SET_DIALOG,
-  SET_CLICK_EVENT_DATA,
-  SET_RESIZE_SELECTION,
-  SET_TEMP_NOTES,
 } from "@/widgets/notesPanel/model/store/mutations.type";
 import apiService from "@/shared/api/apiService";
 import getFilePath from "@/shared/api/getFilePath";
@@ -29,31 +24,17 @@ import { NOTES } from "@/shared/config/files";
 
 const state = {
   notes: {},
-  tempNotes: null,
-  dialog: { show: false, data: {}, action: null },
-  clickEventData: {},
-  currentSelectionArea: "",
+  dialog: { show: false, data: {}, action: null, position: null },
   selectedRectangle: null,
-  selectionForResize: null,
 };
 
 const getters = {
   getNotes: function (state) {
-    if (state.tempNotes) {
-      return state.tempNotes;
-    } else {
-      return state.notes;
-    }
+    return state.notes;
   },
   getDialogData: function (state) {
     return state.dialog;
   },
-  getResizeSelection: function (state) {
-    return state.selectionForResize;
-  },
-  getCurrentSelectionArea: function (state) {
-    return state.currentSelectionArea;
-  },
   getSelectedRectangle: function (state) {
     return state.selectedRectangle;
   },
@@ -100,17 +81,11 @@ const actions = {
     data = createNestedProperty(data, path);
     _.get(data, path.join(".")).push(params.selection);
     commit(SET_NOTES, { data, cdm });
+    commit(SET_SELECTED_RECTANGLE, null);
     localStorageService.set("notes", getters.getNotes);
   },
 
   [EDIT_SELECTION]({ commit, state, getters, rootState }, params) {
-    if (!params.save) {
-      commit(SET_TEMP_NOTES, { data: { ...state.notes } });
-      commit(SET_RESIZE_SELECTION, {
-        ...getters.getSelectedRectangle.item,
-        report: getters.getSelectedRectangle.report,
-      });
-    }
     const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle?.report || params.report;
     const selectionId =
@@ -132,18 +107,10 @@ const actions = {
         }
       });
     }
-
     _.set(data, path.join("."), newSelections);
-    if (!params.save) {
-      commit(SET_TEMP_NOTES, { data, cdm });
-    }
-
-    if (params.save) {
-      commit(SET_NOTES, { data, cdm });
-      commit(SET_TEMP_NOTES, { data: null });
-      commit(SET_RESIZE_SELECTION, null);
-      localStorageService.set("notes", state.notes);
-    }
+    commit(SET_SELECTED_RECTANGLE, null);
+    commit(SET_NOTES, { data, cdm });
+    localStorageService.set("notes", state.notes);
   },
 
   [DELETE_SELECTION]({ commit, getters, rootState }) {
@@ -158,20 +125,19 @@ const actions = {
     );
 
     _.set(data, path.join("."), selections);
-
+    commit(SET_SELECTED_RECTANGLE, null);
     commit(SET_NOTES, { data, cdm });
     localStorageService.set("notes", getters.getNotes);
   },
   [SHOW_DIALOG]({ commit }, params) {
-    commit(SET_CLICK_EVENT_DATA, params.clickEventData);
     commit(SET_DIALOG, {
       show: params.show,
       data: params.data,
+      position: params.position,
       action: params.action,
     });
   },
-  [SHOW_DATUM_NOTES]({ commit }, params) {
-    commit(SET_CURRENT_SELECTION_AREA, params);
+  [SHOW_DATUM_NOTES]({ commit }) {
     commit(SET_SELECTED_RECTANGLE, null);
   },
 };
@@ -187,28 +153,9 @@ const mutations = {
       state.notes = payload.data;
     }
   },
-  [SET_TEMP_NOTES](state, payload) {
-    if (payload.cdm) {
-      state.tempNotes = {
-        ...payload.data,
-        [payload.cdm]: { ...payload.data[payload.cdm], date: Date.now() },
-      };
-    } else {
-      state.tempNotes = payload.data;
-    }
-  },
   [SET_DIALOG](state, payload) {
     state.dialog = payload;
   },
-  [SET_CLICK_EVENT_DATA](state, payload) {
-    state.clickEventData = payload;
-  },
-  [SET_RESIZE_SELECTION](state, payload) {
-    state.selectionForResize = payload;
-  },
-  [SET_CURRENT_SELECTION_AREA](state, payload) {
-    state.currentSelectionArea = payload;
-  },
   [SET_SELECTED_RECTANGLE](state, payload) {
     state.selectedRectangle = payload;
   },
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
index c53ed292..e3f75d68 100644
--- a/src/widgets/selectionEditDialog/lib/lib.ts
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -1,16 +1,11 @@
-export function createSelection(event, params) {
-  const coordinates = event;
+export function createSelection(selection, params) {
+  const coordinates = selection;
   return {
-    start:
-      coordinates.start?.[0] ||
-      coordinates.yearmonth_start?.[0] ||
-      coordinates.yearmonthdate_start?.[0],
-    end:
-      coordinates.start?.[1] ||
-      coordinates.yearmonth_start?.[1] ||
-      coordinates.yearmonthdate_start?.[0],
-    y: coordinates.y[0],
-    y1: coordinates.y[1],
+    xAxis: coordinates.xAxis,
+    x1Axis: coordinates.x1Axis,
+    yAxis: coordinates.yAxis,
+    width: coordinates.width,
+    height: coordinates.height,
     title: params.title,
     description: params.description,
     createdBy: params.createdBy,
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index b141f21e..1721f2d9 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -66,6 +66,7 @@ import { ref, defineProps, defineEmits, computed, onBeforeMount } from "vue";
 import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import { useStore } from "vuex";
 import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
+import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
 interface Props {
   action: (a) => void;
   data?: {
@@ -137,7 +138,7 @@ const editNote = function (event) {
 onBeforeMount(() => {
   currentSelection.value = Object.keys(storeSelection.value).length
     ? { ...storeSelection.value, updatedAt: Date.now() }
-    : createSelection(store.getters.getCurrentSelectionArea.event, {
+    : createSelection(store.getters.getDialogData.position, {
         title: "",
         description: "",
         notes: [],
@@ -156,6 +157,7 @@ function submit() {
 }
 
 function cancel() {
+  store.commit(SET_SELECTED_RECTANGLE, null);
   emit("close");
 }
 

From 453aa70b94cab96f7e1450d902c05a5a77baf391 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 18 Aug 2023 03:24:20 +0500
Subject: [PATCH 053/202] feat: used d3-annotations library to render
 annotations

---
 src/widgets/chart/ui/Chart.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 41b239fb..675996be 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -472,16 +472,10 @@ watch(updateValues, (): void => {
 });
 
 watch(computedNotes, (): void => {
-  if (computedNotes.value.length) {
-    const parentContainer = props.annotationsConfig.annotationsParentElement;
-    renderAnnotations(
-      view,
-      initializeAnnotationsInstance(view),
-      parentContainer
-    );
-    initializeTooltip();
-    initializeBrush(view);
-  }
+  const parentContainer = props.annotationsConfig.annotationsParentElement;
+  renderAnnotations(view, initializeAnnotationsInstance(view), parentContainer);
+  initializeTooltip();
+  initializeBrush(view);
 });
 
 onMounted((): void => {

From 27e5325421f3225f03097be659b85ed6d240a26e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 30 Aug 2023 16:41:58 +0400
Subject: [PATCH 054/202] feat: added dark mode variant of favicon

---
 index.html                                   |   2 +-
 public/favicon-dark.png                      | Bin 0 -> 2061 bytes
 public/{ares_32x32.png => favicon-light.png} | Bin
 src/app/App.vue                              |  18 ++++++++++++++++--
 4 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 public/favicon-dark.png
 rename public/{ares_32x32.png => favicon-light.png} (100%)

diff --git a/index.html b/index.html
index 9fadee48..01619615 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="/ares_32x32.png">
+  <link rel="icon" id="faviconTag" type="image/png" href="/favicon-light.png">
   <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   <title>ARES</title>
diff --git a/public/favicon-dark.png b/public/favicon-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d06bdb59ba6602b89c99a50a6d91ba6e44f2e21
GIT binary patch
literal 2061
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
I?ugF*FJI(NWB>pF

literal 0
HcmV?d00001

diff --git a/public/ares_32x32.png b/public/favicon-light.png
similarity index 100%
rename from public/ares_32x32.png
rename to public/favicon-light.png
diff --git a/src/app/App.vue b/src/app/App.vue
index 5d242c49..76ad34d7 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -19,6 +19,8 @@ const route = useRoute();
 import { computed, watch, onBeforeMount } from "vue";
 import { useTheme } from "vuetify";
 
+const favicon = document.getElementById("faviconTag");
+
 const theme = useTheme();
 
 const darkMode = computed(function (): boolean {
@@ -29,9 +31,13 @@ const activeTheme = computed(function (): boolean {
   return store.getters.getSettings.theme;
 });
 watch(darkMode, (): void => {
+  const mode = store.getters.getSettings.darkMode;
   theme.global.name.value = `${store.getters.getSettings.theme}${
-    store.getters.getSettings.darkMode ? "Dark" : "Light"
+    mode ? "Dark" : "Light"
   }`;
+  mode
+    ? favicon.setAttribute("href", "./favicon-inverted.png")
+    : favicon.setAttribute("href", "./ares_32x32.png");
 });
 watch(activeTheme, (): void => {
   theme.global.name.value = `${store.getters.getSettings.theme}${
@@ -45,9 +51,13 @@ watch(route, (): void => {
 });
 
 onBeforeMount((): void => {
+  const mode = store.getters.getSettings.darkMode;
   theme.global.name.value = `${store.getters.getSettings.theme}${
-    store.getters.getSettings.darkMode ? "Dark" : "Light"
+    mode ? "Dark" : "Light"
   }`;
+  mode
+    ? favicon.setAttribute("href", "./favicon-dark.png")
+    : favicon.setAttribute("href", "./favicon-light.png");
 });
 </script>
 
@@ -60,6 +70,10 @@ onBeforeMount((): void => {
   display: none;
 }
 
+.favicon {
+  filter: invert(1);
+}
+
 .annotation-subject path {
   fill: #e8336d;
 }

From 5f4a455fc329e1334c4b055aacac3efaa515eca2 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 30 Aug 2023 05:00:56 +0400
Subject: [PATCH 055/202] refactor: moved chart header into a separate
 component

feat: added annotations to person report
---
 .../NetworkDataQualityIssuesByCategory.vue    |  3 +-
 .../NetworkDataQualityIssuesByCdmTable.vue    |  3 +-
 .../AgeAtFirstObservation.vue                 |  3 +-
 .../CumulativeObservation.vue                 |  3 +-
 .../AgeAtFirstDiagnosis.vue                   |  3 +-
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |  4 +-
 .../AgeAtFirstOccurrence.vue                  |  4 +-
 .../ConditionsByType/ConditionsByType.vue     |  3 +-
 .../charts/DaysSupply/DaysSupply.vue          |  4 +-
 .../charts/DrugsByType/DrugsByType.vue        |  4 +-
 .../charts/LengthOfEra/LengthOfEra.vue        |  4 +-
 .../MeasurementsByType/MeasurementsByType.vue |  3 +-
 .../QuantityDistribution.vue                  |  4 +-
 .../RecordCountProportionByAgeSexYear.vue     |  4 +-
 .../charts/RecordsByUnit/RecordsByUnit.vue    |  4 +-
 .../RecordCountProportionByMonth.vue          | 47 +++++++++--
 .../VisitDurationByType.vue                   |  4 +-
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  4 +-
 .../charts/DeathByType/DeathByType.vue        |  4 +-
 .../RecordCountProportionByAgeSexYear.vue     |  3 +-
 .../RecordCountProportionByMonth.vue          | 48 ++++++++---
 .../charts/DomainDensity/DomainDensity.vue    | 57 ++++++++++---
 .../DomainRecordsPerPerson.vue                | 60 ++++++++++----
 .../DataStratificationByDrug.vue              |  3 +-
 .../DataStratificationByVisit.vue             |  3 +-
 .../ObservationPeriodReport.vue               |  5 +-
 .../AgeAtFirstObservation.vue                 | 51 +++++++++---
 .../AgeAtFirstObservationBySex.vue            |  3 +-
 .../CumulativeObservation.vue                 | 51 +++++++++---
 .../ObservationOverTime.vue                   | 47 +++++++++--
 .../YearsOfObservationByAge.vue               |  3 +-
 .../YearsOfObservationBySex.vue               |  3 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 83 +++++++++++++++++--
 .../charts/PopulationByAgeSex/specAgeSex.ts   |  7 +-
 .../specAgeSexAnnotation.ts                   |  2 +-
 .../PopulationByEthnicity.vue                 |  3 +-
 .../PopulationByRace/PopulationByRace.vue     |  3 +-
 .../PopulationByYearBirth.vue                 | 40 +++++++--
 .../HistoricalDataQuality.vue                 | 49 +++++++++--
 .../HistoricalDataQualityByCategory.vue       | 50 +++++++++--
 .../HistoricalDataQualityByDomain.vue         | 52 ++++++++++--
 .../charts/domainRecords/DomainRecords.vue    |  3 +-
 .../RecordProportionByMonth.vue               | 63 +++++++++++---
 .../DataQualityIssuesHistory.vue              | 53 +++++++++---
 .../populationHistory/PopulationHistory.vue   | 53 +++++++++---
 .../store/postprocessing/personReport.ts      |  8 ++
 src/widgets/chart/ui/Chart.vue                | 69 ++++++---------
 src/widgets/chart/ui/ChartHeader.vue          | 42 ++++++++++
 src/widgets/notesPanel/ui/NotesPanel.vue      | 29 +------
 49 files changed, 801 insertions(+), 257 deletions(-)
 create mode 100644 src/widgets/chart/ui/ChartHeader.vue

diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
index 73e8bf4c..84cd574f 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -1,9 +1,9 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader title="Network Data Quality Issues By Category" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-category"
-      title="Network Data Quality Issues By Category"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByCategory"
     />
@@ -15,6 +15,7 @@ import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
 import { Chart } from "@/widgets/chart";
 import { specIssueStratificationByCategory } from "./specIssueStratificationByCategory";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
index d212a348..66179f76 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -1,9 +1,9 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader title="Network Data Quality Issues by CDM Table" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-table"
-      title="Network Data Quality Issues by CDM Table"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByTable"
     />
@@ -15,6 +15,7 @@ import { NETWORK_QUALITY_SUMMARY } from "@/shared/config/files";
 import { Chart } from "@/widgets/chart";
 import { specIssueStratificationByTable } from "./specIssueStratificationByTable";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index 891e76e5..e61a32d2 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -4,12 +4,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Age at First Observation" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkageatfirstobservation"
       :chartSpec="specAgeAtFirstObservation"
       :data="store.getters.getData.allAgeAtFirstObservationData"
-      title="Age at First Observation"
     />
     <InfoPanel
       v-if="store.getters.getQueryIndex"
@@ -34,6 +34,7 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index 57a9ccdb..cd1f9998 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -4,12 +4,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Cumulative Observation" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkcumulativeobservation"
       :chartSpec="specCumulativeObservation"
       :data="store.getters.getData.allCumulativeDurationData"
-      title="Cumulative Observation"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -32,6 +32,7 @@ import { links } from "@/shared/config/links";
 import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 76898191..f8dba265 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -5,12 +5,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Age at First Diagnosis" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-      title="Age at First Diagnosis"
     />
     <info-panel
       details="Learn how
@@ -43,6 +43,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index 00c58b3b..b6ebd3f0 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Age At First Exposure" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-      title="Age At First Exposure"
     />
     <info-panel
       details="Learn how
@@ -43,6 +44,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index e900b321..4fb9a5c3 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Age at First Occurrence" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-      title="Age at First Occurrence"
     />
     <info-panel
       details="Learn how to interpret this plot"
@@ -38,6 +39,7 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index 8e4b38be..04e8edf5 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -5,12 +5,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Conditions by Type" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
       :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
-      title="Conditions by Type"
     />
     <info-panel
       details="Learn about Condition types."
@@ -42,6 +42,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specConditionsByType } from "./specConditionsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index 264aad7e..f97ebbae 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Days Supply" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-dayssupply"
       :chartSpec="specDaysSupply"
       :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-      title="Days Supply"
     />
     <info-panel
       details="Learn how to interpret this plot"
@@ -39,6 +40,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specDaysSupply } from "./specDaysSupply";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index 4c868df9..41e06d21 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Drugs by Type" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-drugsbytype"
       :chartSpec="specDrugsByType"
       :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
-      title="Drugs by Type"
     />
     <info-panel
       details="Learn about Drug types."
@@ -42,6 +43,7 @@ import { links } from "@/shared/config/links";
 import { specDrugsByType } from "./specDrugsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index b6502970..7a34e6b5 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Length of Era" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-lengthofera"
       :chartSpec="specLengthOfEra"
       :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
-      title="Length of Era"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -35,6 +36,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index b5be3c69..a5bf788c 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -5,12 +5,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Measurements by Type" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
       :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
-      title="Measurements by Type"
     />
     <info-panel
       details="Learn about Measurement types."
@@ -42,6 +42,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 7c5b9b4d..a2080005 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Quantity" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-quantity"
       :chartSpec="specQuantity"
       :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
-      title="Quantity"
     />
     <info-panel
       details="Learn how to interpret this plot"
@@ -39,6 +40,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { specQuantity } from "./specQuantity";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index b721765c..9d37ed89 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -4,13 +4,14 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
+
     <Chart
       v-if="store.getters.getData"
       id="viz-recordproportionbyagesexyear"
       width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
-      title="Record Count Proportion by Age, Sex, and Year"
     />
     <info-panel
       details="Proportion of people with at least one record per 1000 people."
@@ -39,6 +40,7 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index c4dcfe9e..3871e470 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Records by Unit" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordsbyunit"
       :chartSpec="specRecordsByUnit"
       :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
-      title="Records by Unit"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -35,6 +36,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index fa646674..5a276263 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -4,9 +4,14 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Record Count Proportion by Month"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-recordproportionbymonth"
+      :id="reportId"
       width="99"
       :chartSpec="specRecordProportionByMonth"
       :annotations-config="{
@@ -15,13 +20,11 @@
         brushParentElement: 'g g ',
       }"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
-      title="Record Count Proportion by Month"
-      :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :notes="notes"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     />
-    <NotesPanel report="viz-recordproportionbymonth" />
+    <NotesPanel :notes="notes" />
     <info-panel
       details="Proportion of people with at least one record per 1000 people."
     ></info-panel>
@@ -69,14 +72,22 @@ import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
 const store = useStore();
 const route = useRoute();
 
+const reportId = "viz-recordproportionbymonth";
+
 const getSourceConceptReportLink = function () {
   return {
     name: "sourceConceptOverlay",
@@ -86,11 +97,29 @@ const getSourceConceptReportLink = function () {
     },
   };
 };
-const notes = computed(() => {
+
+const annotations = computed(() => {
   const { cdm, release, domain, concept } = route.params;
   const path = [cdm, release, domain, concept].filter(Boolean);
   const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections["viz-recordproportionbymonth"] || [];
+  return selections[reportId] || [];
+});
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 3999f254..42c2529f 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -5,12 +5,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Visit Duration By Type" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
       :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
-      title="Visit Duration By Type"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -35,6 +36,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index ae79e468..d30ab34a 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -4,11 +4,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Age at Death" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatdeath"
       width="100"
-      title="Age at Death"
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
@@ -34,6 +35,7 @@ import { links } from "@/shared/config/links";
 import Infopanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index cfb2e975..3ddd9e18 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -4,11 +4,12 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Death By Type" />
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathbytype"
       width="100"
-      title="Death By Type"
       :chartSpec="specDeathByType"
       :data="store.getters.getData.DEATH_BY_TYPE"
     />
@@ -34,6 +35,7 @@ import { links } from "@/shared/config/links";
 import { specDeathByType } from "./specDeathByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index b57e9a61..69020186 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -4,13 +4,13 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
       width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
-      title="Record Count Proportion by Age, Sex, and Year"
     />
     <infopanel
       v-if="store.getters.getQueryIndex"
@@ -35,6 +35,7 @@ import { links } from "@/shared/config/links";
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 7ef87572..f5377732 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -4,13 +4,18 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Record Count Proportion by Month"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathrecordproportionbymonth"
       width="90"
-      :notes="notes"
+      :annotations="annotations"
       :signal-listener="listeners.setSelectionAreaSignal"
-      showAnnotations
+      :annotation-mode="annotationsMode"
       :annotations-config="{
         chartSpec: specRecordProportionByMonthAnnotation,
         annotationsParentElement: 'g',
@@ -18,9 +23,8 @@
       }"
       :chartSpec="specRecordProportionByMonth"
       :data="store.getters.getData.PREVALENCE_BY_MONTH"
-      title="Record Count Proportion by Month"
     />
-    <NotesPanel report="viz-deathrecordproportionbymonth" />
+    <NotesPanel :notes="notes" />
     <infopanel
       details="Proportion of people with at least one record per 1000 people."
       :divider="true"
@@ -50,17 +54,41 @@ import { useRoute } from "vue-router";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import * as listeners from "@/pages/model/lib/listeners";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import _ from "lodash";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-deathrecordproportionbymonth";
+
+const annotations = computed(() => {
+  const { cdm, release, domain } = route.params;
+  const path = [cdm, release, domain].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-deathrecordproportionbymonth"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index f04918fd..d92a48c1 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -4,12 +4,16 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Domain
+      Density"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-overview"
+      :id="reportId"
       width="80"
-      title="Domain
-      Density"
       :chartSpec="defOverview"
       :annotations-config="{
         chartSpec: defOverviewAnnotation,
@@ -17,12 +21,11 @@
         brushParentElement: 'g g g',
       }"
       :data="store.getters.getData.domainDensity"
-      :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :notes="notes"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     />
-    <NotesPanel report="viz-overview" />
+    <NotesPanel :notes="notes" />
 
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -48,16 +51,44 @@ import { useStore } from "vuex";
 import { defOverview } from "./defOverview";
 import { defOverviewAnnotation } from "./defOverviewAnnotation";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
 
 const store = useStore();
+
+const route = useRoute();
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-overview";
+const annotations = computed(() => {
+  const { cdm, release, domain } = route.params;
+  const path = [cdm, release, domain].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
+
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-overview"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index 79d4fcbc..1e1a2cb1 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -4,9 +4,14 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Domain Records per Person"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-recordsperperson"
+      :id="reportId"
       width="80"
       title="Domain Records per Person"
       :chartSpec="defRecordsPerPerson"
@@ -15,14 +20,12 @@
         annotationsParentElement: 'g g',
         brushParentElement: 'g g g',
       }"
-      :data="store.getters.getData.domainRecords"
-      :click-listener="listeners.setRectangleLocationClick"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :notes="notes"
-      showAnnotations
+      :data="store.getters.getData.domainRecords"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     />
-    <NotesPanel report="viz-recordsperperson" />
+    <NotesPanel :notes="notes" />
 
     <InfoPanel
       v-if="store.getters.getQueryIndex"
@@ -46,19 +49,46 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defRecordsPerPerson } from "./defRecordsPerPerson";
 import { defRecordsPerPersonAnnotation } from "./defRecordsPerPersonAnnotation";
-import { computed } from "vue";
-import * as listeners from "@/pages/model/lib/listeners";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import { defOverviewAnnotation } from "@/pages/reports/release/DomainDensity/charts/DomainDensity/defOverviewAnnotation";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import * as listeners from "@/pages/model/lib/listeners";
 
 const store = useStore();
 
+const route = useRoute();
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-recordsperperson";
+
+const annotations = computed(() => {
+  const { cdm, release, domain } = route.params;
+  const path = [cdm, release, domain].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
+
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-recordsperperson"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 0f29df72..e042a3bb 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -8,6 +8,7 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Drug Domain Stratification by Drug Type" />
     <Chart
       v-if="
         store.getters.dataInStore && store.getters.getData.drugStratification
@@ -15,7 +16,6 @@
       id="viz-stratificationbydrugtype"
       :chartSpec="specDrugTypeStratification"
       :data="store.getters.getData.drugStratification"
-      title="Drug Domain Stratification by Drug Type"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -39,6 +39,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { specDrugTypeStratification } from "./specDrugTypeStratification";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index d9e6561c..b9312cb2 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -5,6 +5,7 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader title="Domain Data Stratification by Visit" />
     <Chart
       v-if="
         store.getters.dataInStore && store.getters.getData.domainStratification
@@ -12,7 +13,6 @@
       id="viz-stratificationbyvisit"
       :chartSpec="specVisitStratification"
       :data="store.getters.getData.domainStratification"
-      title="Domain Data Stratification by Visit"
     />
     <info-panel
       details="Any domain data categorized as a Visit of 'No matching concept' implies
@@ -34,6 +34,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { specVisitStratification } from "./specVisitStratification";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
index e66129ef..3c052374 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <v-container v-if="!store.getters.getErrors" fluid>
+    <v-container
+      v-if="!store.getters.getErrors && store.getters.dataInStore"
+      fluid
+    >
       <v-responsive min-width="900">
         <div class="text-uppercase text-h6">Observation Period Report</div>
         <CumulativeObservation />
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 2d1e3a5b..380f071c 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,23 +1,26 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader
+      title="Age at First Observation"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-ageatfirstobservation"
+      :id="reportId"
       :chartSpec="specAgeAtFirstObservation"
       :annotations-config="{
         chartSpec: specAgeAtFirstObservationAnnotation,
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
-      :notes="notes"
-      :click-listener="listeners.setRectangleLocationClick"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
       :data="
         store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION
       "
-      title="Age at First Observation"
     />
-    <NotesPanel report="viz-ageatfirstobservation" />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -41,18 +44,42 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
 import { specAgeAtFirstObservationAnnotation } from "./specAgeAtFirstObservationAnnotation";
 import { useStore } from "vuex";
-import { computed } from "vue";
-import * as listeners from "@/pages/model/lib/listeners";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
-const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
+const reportId = "viz-ageatfirstobservation";
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const annotations = computed(() => {
+  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease?.release_id;
   const sourceContainer = store.getters.getNotes[sourceName] || {};
   const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-ageatfirstobservation"] || [];
+  return releaseContainer[reportId] || [];
+});
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index 55e1a06b..bbe0edb9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -1,11 +1,11 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader title="Age at First Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-agebysex"
       :chartSpec="specAgeBySex"
       :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
-      title="Age at First Observation by Sex"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -28,6 +28,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { specAgeBySex } from "./specAgeBySex";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 4f8ec083..6b26a3ba 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -4,9 +4,14 @@
     elevation="10"
     class="ma-4 pa-4"
   >
+    <ChartHeader
+      title="Cumulative Observation"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-cumulativeobservation"
+      :id="reportId"
       :chartSpec="specCumulativeObservation"
       :annotations-config="{
         chartSpec: specCumulativeObservationAnnotation,
@@ -14,12 +19,10 @@
         brushParentElement: 'g g',
       }"
       :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
-      :notes="notes"
-      :click-listener="listeners.setRectangleLocationClick"
-      title="Cumulative Observation"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     />
-    <NotesPanel report="viz-cumulativeobservation" />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -42,18 +45,42 @@ import { links } from "@/shared/config/links";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { specCumulativeObservationAnnotation } from "./specCumulativeObservationAnnotation";
 import { useStore } from "vuex";
-import { computed } from "vue";
-import * as listeners from "@/pages/model/lib/listeners";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
-const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
+const reportId = "viz-cumulativeobservation";
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const annotations = computed(() => {
+  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease?.release_id;
   const sourceContainer = store.getters.getNotes[sourceName] || {};
   const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-cumulativeobservation"] || [];
+  return releaseContainer[reportId] || [];
+});
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index f41f2f1b..e8a6a248 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -1,5 +1,10 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader
+      title="Observation over Time"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
@@ -9,14 +14,13 @@
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
-      :notes="notes"
+      :annotations="annotations"
       :signal-listener="listeners.setSelectionAreaSignal"
-      showAnnotations
+      :annotation-mode="annotationsMode"
       :chartSpec="specObservationByMonth"
       :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
-      title="Observation over Time"
     />
-    <NotesPanel report="viz-observationbymonth" />
+    <NotesPanel :notes="notes" />
 
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -41,17 +45,42 @@ import { specObservationByMonth } from "./specObservationByMonth";
 import { specObservationByMonthAnnotation } from "./specObservationByMonthAnnotation";
 import { useStore } from "vuex";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
-const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-observationbymonth";
+
+const annotations = computed(() => {
+  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
+  const releaseName = store.getters.getSelectedRelease?.release_id;
   const sourceContainer = store.getters.getNotes[sourceName] || {};
   const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-observationbymonth"] || [];
+  return releaseContainer[reportId] || [];
+});
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 34476cda..2009b1fd 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -1,5 +1,6 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader title="Years of Observation by Age" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbyage"
@@ -8,7 +9,6 @@
         store.getters.getData.observationPeriodData
           .OBSERVATION_PERIOD_LENGTH_BY_AGE
       "
-      title="Years of Observation by Age"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -32,6 +32,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { specObservationByAge } from "./specObservationByAge";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index 6d43838e..a96b0365 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -1,5 +1,6 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+    <ChartHeader title="Years of Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbysex"
@@ -8,7 +9,6 @@
         store.getters.getData.observationPeriodData
           .OBSERVATION_PERIOD_LENGTH_BY_GENDER
       "
-      title="Years of Observation by Sex"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -32,6 +32,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { specObservationBySex } from "./specObservationBySex";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 8bbc4d27..548185bb 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -1,13 +1,40 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
+    <ChartHeader
+      title="Population by Age &amp; Sex"
+      :notes-count="notesFemale.length + notesMale.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-populationbyageandsex"
-      title="Population by Age &amp; Sex"
-      width="90"
-      :data="store.getters.getData.personData.AGE_GENDER_DATA"
+      :id="maleReportId"
+      title="Male"
+      :annotations-config="{
+        chartSpec: specAgeSex,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.maleAgeSex"
+      :chartSpec="specAgeSex"
+      :annotations="notesMale"
+      :annotation-mode="annotationsMode"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      :id="femaleReportId"
+      title="Female"
+      :annotations-config="{
+        chartSpec: specAgeSex,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.femaleAgeSex"
       :chartSpec="specAgeSex"
+      :annotations="notesFemale"
+      :annotation-mode="annotationsMode"
     />
+    <NotesPanel :notes="notesMaleFemale" />
+
     <v-divider inset class="pa-1"></v-divider>
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -30,15 +57,55 @@ import { specAgeSex } from "./specAgeSex";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { computed } from "vue";
+import { computed, ref } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
 const store = useStore();
-const notes = computed(() => {
+const releaseContainer = computed(() => {
   const sourceName = store.getters.getSelectedSource.cdm_source_key;
   const releaseName = store.getters.getSelectedRelease.release_id;
   const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-populationbyageandsex"] || [];
+  return sourceContainer[releaseName] || {};
+});
+
+const femaleReportId = "viz-populationbyageandsexFemale";
+const maleReportId = "viz-populationbyageandsexMale";
+
+const notesFemale = computed(() => {
+  return releaseContainer.value[femaleReportId] || [];
+});
+const notesMale = computed(() => {
+  return releaseContainer.value[maleReportId] || [];
+});
+
+const notesMaleFemale = computed(() => {
+  return [
+    ...notesFemale.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: femaleReportId,
+          selection: val.id,
+        })),
+      ];
+    }, []),
+    ...notesMale.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: maleReportId,
+          selection: val.id,
+        })),
+      ];
+    }, []),
+  ];
 });
 </script>
 
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
index 01a06d17..e6b26038 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSex.ts
@@ -7,7 +7,6 @@ export function specAgeSex(zeroBaseline = false) {
     width: "container",
     height: 75,
     data: { name: "conceptData" },
-    params: [],
     mark: "bar",
     transform: [{ filter: "datum.AGE >= 0" }],
     encoding: {
@@ -21,7 +20,7 @@ export function specAgeSex(zeroBaseline = false) {
         field: "CONCEPT_NAME",
         legend: null,
       },*/
-      row: {
+      /*row: {
         field: "CONCEPT_NAME",
         title: null,
         header: {
@@ -32,7 +31,7 @@ export function specAgeSex(zeroBaseline = false) {
           labelPadding: 2,
           labelFontWeight: "bold",
         },
-      },
+      },*/
       x: {
         field: "AGE",
         title: "Age at First Observation",
@@ -42,7 +41,7 @@ export function specAgeSex(zeroBaseline = false) {
       y: {
         aggregate: "sum",
         field: "COUNT_VALUE",
-        title: null,
+        title: "Number of People",
         scale: {
           zero: zeroBaseline,
         },
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
index 69cf61bf..fbd75f83 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/specAgeSexAnnotation.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specAgeSex(zeroBaseline = false) {
+export function specAgeSexAnnotation(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     width: "container",
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index c20220dd..b2dafaa5 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -1,11 +1,11 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <ChartHeader title="Population by Ethnicity" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ethnicity"
       :chartSpec="specEthnicity"
       :data="store.getters.getData.personData.ETHNICITY_DATA"
-      title="Population by Ethnicity"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -26,6 +26,7 @@ import { specEthnicity } from "./specEthnicity";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 68f549c1..87751159 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -1,11 +1,11 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <ChartHeader title="Population by Race" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-race"
       :chartSpec="specRace"
       :data="store.getters.getData.personData.RACE_DATA"
-      title="Population by Race"
     />
     <info-panel
       v-if="store.getters.getQueryIndex"
@@ -26,6 +26,7 @@ import { specRace } from "./specRace";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 82a0fdd3..249ff1c3 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -1,9 +1,13 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+    <ChartHeader
+      title="Population by Year of Birth"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-birthyearnote"
-      title="Population by Year of Birth"
       :chartSpec="specBirthYear"
       :annotations-config="{
         chartSpec: specBirthYearAnnotation,
@@ -11,12 +15,11 @@
         brushParentElement: 'g g',
       }"
       :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
-      :click-listener="listeners.setRectangleLocationClick"
-      :notes="notes"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     >
     </Chart>
-    <NotesPanel report="viz-birthyearnote" />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -40,19 +43,42 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import * as listeners from "@/pages/model/lib/listeners";
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
 
 import { computed } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { ref } from "vue";
 
 const store = useStore();
 
-const notes = computed(() => {
+const annotations = computed(() => {
   const sourceName = store.getters.getSelectedSource.cdm_source_key;
   const releaseName = store.getters.getSelectedRelease.release_id;
   const sourceContainer = store.getters.getNotes[sourceName] || {};
   const releaseContainer = sourceContainer[releaseName] || {};
   return releaseContainer["viz-birthyearnote"] || [];
 });
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: "viz-birthyearnote",
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 36ea2306..00f8f862 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -5,12 +5,16 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Historical Data Quality"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-dataqualityresults"
-      title="Historical Data Quality"
-      :notes="notes"
-      showAnnotations
+      :id="reportId"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
       :chartSpec="specDataQualityResults"
       :annotations-config="{
@@ -19,7 +23,7 @@
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel report="viz-dataqualityresults" />
+    <NotesPanel :notes="notes" />
     <v-data-table
       v-if="store.getters.dataInStore"
       class="viz-container"
@@ -69,7 +73,8 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import * as listeners from "@/pages/model/lib/listeners";
+import _ from "lodash";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
@@ -112,10 +117,36 @@ const historyColumns = ref([
     key: "vocabulary_version",
   },
 ]);
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-dataqualityresults";
+
+const annotations = computed(() => {
+  const { cdm, release } = route.params;
+  const path = [cdm, release].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
+
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer["viz-dataqualityresults"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 7ce46e48..d0d37606 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -4,21 +4,26 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Historical Data Quality by Category"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-sourcedataqualityresultsbycategory"
+      :id="reportId"
       title="Historical Data Quality by Category"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
       :chartSpec="specDataQualityResultsByCategory"
-      :notes="notes"
-      show-annotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
       :annotations-config="{
         chartSpec: specDataQualityResultsByCategoryAnnotation,
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel report="viz-sourcedataqualityresultsbycategory" />
+    <NotesPanel :notes="notes" />
   </v-card>
 </template>
 
@@ -27,15 +32,44 @@ import { QUALITY_INDEX } from "@/shared/config/files";
 import { Chart } from "@/widgets/chart";
 import { specDataQualityResultsByCategory } from "./specDataQualityResultsByCategory";
 import { useStore } from "vuex";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
+const route = useRoute();
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-sourcedataqualityresultsbycategory";
+
+const annotations = computed(() => {
+  const { cdm, release } = route.params;
+  const path = [cdm, release].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
+
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer["viz-sourcedataqualityresultsbycategory"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index d8d8d873..5c422d96 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -4,21 +4,25 @@
     elevation="10"
     class="ma-4 pa-2"
   >
+    <ChartHeader
+      title="Historical Data Quality by Domain"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-sourcedataqualityresultsbydomain"
-      title="Historical Data Quality by Domain"
+      :id="reportId"
       :chartSpec="specDataQualityResultsByDomain"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
-      show-annotations
-      :notes="notes"
+      :annotation-mode="annotationsMode"
+      :annotations="annotations"
       :annotations-config="{
         chartSpec: specDataQualityResultsByDomainAnnotation,
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel report="viz-sourcedataqualityresultsbydomain" />
+    <NotesPanel :notes="notes" />
   </v-card>
 </template>
 
@@ -28,14 +32,44 @@ import { specDataQualityResultsByDomain } from "./specDataQualityResultsByDomain
 import { QUALITY_INDEX } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { specDataQualityResultsByDomainAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
+const route = useRoute();
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-sourcedataqualityresultsbydomain";
+
+const annotations = computed(() => {
+  const { cdm, release } = route.params;
+  const path = [cdm, release].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
+  return selections[reportId] || [];
+});
+
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer["viz-sourcedataqualityresultsbydomain"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 0251033c..b5b6dda6 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -6,9 +6,9 @@
     class="ma-4 pa-2"
   >
     <div v-if="store.getters.dataInStore">
+      <ChartHeader title="Domain Continuity" />
       <Chart
         id="viz-continuity"
-        title="Domain Continuity"
         :chartSpec="specOverview"
         :data="store.getters.getData.domainRecords"
         :listener="eventListener"
@@ -40,6 +40,7 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { RouteLocation, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 3a51338e..5bbce6b6 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -1,19 +1,30 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card
+    v-if="!store.getErrors && store.getters.dataInStore"
+    elevation="10"
+    class="ma-4 pa-2"
+  >
+    <ChartHeader
+      title="Record Proportion by Month"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
     <Chart
       v-if="store.getters.getData"
-      id="viz-sourcerecordproportionbymonth"
+      :id="reportId"
       :chartSpec="specRecordProportionByMonth"
       :data="store.getters.getData.conceptData"
-      :annotations-config="specRecordProportionByMonthAnnotation"
-      width="99"
-      :click-listener="listeners.setRectangleLocationClick"
+      :annotations-config="{
+        chartSpec: specRecordProportionByMonthAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      width="95"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :context-menu-listener="listeners.showNotesEditDialogRightClick"
-      :notes="notes"
-      showAnnotations
-      title="Record Proportion by Month"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
     />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -39,17 +50,45 @@ import { useRoute } from "vue-router";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import _ from "lodash";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import { specDataQualityResultsAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation";
 
 const store = useStore();
 const route = useRoute();
-const notes = computed(() => {
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "viz-sourcerecordproportionbymonth";
+
+const annotations = computed(() => {
   const { cdm, domain, concept } = route.params;
   const path = [cdm, domain, concept].filter(Boolean);
   const selections = _.get(store.getters.getNotes, path.join(".")) || [];
 
-  return selections["viz-sourcerecordproportionbymonth"] || [];
+  return selections[reportId] || [];
+});
+
+const notes = computed(() => {
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 7096c115..8c99dad0 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -1,11 +1,15 @@
 <template>
   <v-card elevation="10" class="mx-auto pb-6">
-    <Chart
-      id="issues_releases"
+    <ChartHeader
       title="Data Quality Issues History"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
+    <Chart
+      :id="reportId"
       width="95"
-      :notes="notes"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
       :chartSpec="specIssuesByRelease"
       :annotations-config="{
         chartSpec: specIssuesByReleaseAnnotation,
@@ -14,7 +18,7 @@
       }"
       :data="store.getters.getSelectedSource.releases"
     />
-    <NotesPanel report="issues_releases" />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -33,16 +37,45 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specIssuesByRelease } from "./specIssuesByRelease";
 import { specIssuesByReleaseAnnotation } from "./specIssuesByReleaseAnnotation";
-import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
+const route = useRoute();
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "issues_releases";
+
+const annotations = computed(() => {
+  const { cdm } = route.params;
+  const path = [cdm].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
+
+  return selections[reportId] || [];
+});
 
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer["issues_releases"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 </script>
 
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index 561f7c80..953b3ce9 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -1,11 +1,15 @@
 <template>
   <v-card elevation="10" class="mx-auto pb-6">
-    <Chart
-      id="population_releases"
+    <ChartHeader
       title="Population History"
+      :notes-count="annotations.length"
+      @mode-toggled="toggleMode"
+    />
+    <Chart
+      :id="reportId"
       width="95"
-      :notes="notes"
-      showAnnotations
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
       :chartSpec="specPopulationByRelease"
       :annotations-config="{
         chartSpec: specPopulationByReleaseAnnotation,
@@ -14,7 +18,7 @@
       }"
       :data="releases"
     />
-    <NotesPanel report="population_releases" />
+    <NotesPanel :notes="notes" />
     <info-panel
       v-if="store.getters.getQueryIndex"
       icon="mdi-code-braces"
@@ -33,16 +37,45 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specPopulationByRelease } from "./specPopulationByRelease";
 import { specPopulationByReleaseAnnotation } from "./specPopulationByReleaseAnnotation";
-import * as listeners from "@/pages/model/lib/listeners";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
+const route = useRoute();
+
+const annotationsMode = ref(false);
+function toggleMode(mode) {
+  annotationsMode.value = mode;
+}
+
+const reportId = "population_releases";
+
+const annotations = computed(() => {
+  const { cdm } = route.params;
+  const path = [cdm].filter(Boolean);
+  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
+
+  return selections[reportId] || [];
+});
 
 const notes = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer["population_releases"] || [];
+  if (annotations.value.length) {
+    return annotations.value.reduce((acc, val) => {
+      return [
+        ...acc,
+        ...val.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection: val.id,
+        })),
+      ];
+    }, []);
+  } else {
+    return [];
+  }
 });
 
 const releases = computed(() => {
diff --git a/src/processes/exploreReports/model/store/postprocessing/personReport.ts b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
index f31f4964..b555b667 100644
--- a/src/processes/exploreReports/model/store/postprocessing/personReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
@@ -7,6 +7,12 @@ export default function person(data) {
   const personData: PersonData = data[PERSON];
   let genderMaleCount;
   let genderFemaleCount;
+  const maleAgeSex = personData.AGE_GENDER_DATA.filter(
+    (value) => value.CONCEPT_NAME === "MALE"
+  );
+  const femaleAgeSex = personData.AGE_GENDER_DATA.filter(
+    (value) => value.CONCEPT_NAME === "FEMALE"
+  );
   const numPersons = parseInt(personData.SUMMARY[1].ATTRIBUTE_VALUE);
   personData.BIRTH_YEAR_DATA.forEach((v, i) => {
     if (typeof v.YEAR === "string") {
@@ -28,5 +34,7 @@ export default function person(data) {
     genderFemaleCount,
     genderMalePct: genderMaleCount / numPersons,
     genderFemalePct: genderFemaleCount / numPersons,
+    maleAgeSex,
+    femaleAgeSex,
   };
 }
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 675996be..ece0fd04 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,27 +1,8 @@
 <template>
   <div>
-    <v-row v-resize="load" justify="space-between" class="mb-2">
-      <v-col cols="auto">
-        <v-card-title v-if="title">{{ title }}</v-card-title>
-      </v-col>
-      <v-col cols="auto">
-        <v-switch
-          inset
-          color="primary"
-          v-if="showAnnotations"
-          hide-details
-          v-model="annotationMode"
-        >
-          <template v-slot:label>
-            Annotations ({{ props.notes.length }}):
-            {{ annotationMode ? "On" : "Off" }}
-          </template>
-        </v-switch>
-      </v-col>
-    </v-row>
-    <div :id="id" :style="style"></div>
-
-    <ContextMenu v-if="showAnnotations" :items="actions" />
+    <h3 class="mx-10" v-if="props.title">{{ props.title }}</h3>
+    <div v-resize="load" :id="id" :style="style"></div>
+    <ContextMenu v-if="annotationMode" :items="actions" />
   </div>
 </template>
 
@@ -68,7 +49,7 @@ interface Props {
   id: string;
   width?: string;
   chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
-  showAnnotations?: boolean;
+  annotationMode?: boolean;
   annotationsConfig?: {
     chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
     annotationsParentElement: string;
@@ -85,7 +66,7 @@ interface Props {
     g: any,
     h: any
   ) => void;
-  notes?: [];
+  annotations?: [];
 }
 
 const actions = [
@@ -117,26 +98,24 @@ const actions = [
 
 const store = useStore();
 const props = withDefaults(defineProps<Props>(), {
-  notes: [],
+  annotations: [],
 });
 
-const annotationMode = ref(false);
-
 const updateValues = computed(() => {
   return {
     zeroBaseLine: store.getters.getSettings.zeroBaseline,
     minMax: store.getters.getSettings.minMax,
     darkMode: store.getters.getSettings.darkMode,
-    annotationMode: annotationMode.value,
+    annotationMode: props.annotationMode,
   };
 });
 
 const computedNotes = computed(() => {
-  return props.notes ? [...props.notes] : [];
+  return props.annotations ? [...props.annotations] : [];
 });
 
 const processedConfig = function (): TopLevelSpec {
-  if (annotationMode.value) {
+  if (props.annotationMode) {
     return {
       ...props.annotationsConfig.chartSpec(
         store.getters.getSettings.zeroBaseline,
@@ -144,7 +123,7 @@ const processedConfig = function (): TopLevelSpec {
       ),
       datasets: {
         conceptData: props.data,
-        notesData: props.notes ? [...props.notes] : [],
+        notesData: props.annotations ? [...props.annotations] : [],
       },
       config: store.getters.getSettings.darkMode ? darkTheme : lightTheme,
     };
@@ -168,12 +147,6 @@ const vgSpec = computed(() => {
 
 let view;
 
-onMounted(() => {
-  if (props.showAnnotations) {
-    annotationMode.value = store.getters.getSettings.annotationsMode;
-  }
-});
-
 const style = computed(function (): string {
   return props.width ? "width: " + props.width + "%" : "width: 100%";
 });
@@ -192,7 +165,7 @@ const load = function (): void {
     hover: true,
   }).tooltip(new Handler().call);
 
-  if (props.signalListener && annotationMode.value && props.showAnnotations) {
+  if (props.signalListener && props.annotationMode) {
     props.signalListener(
       view,
       store,
@@ -203,7 +176,7 @@ const load = function (): void {
       initializeTooltip,
       initializeBrush
     );
-    if (props.showAnnotations && annotationMode.value) {
+    if (props.annotationMode) {
       rerenderAnnotationsOnClick(
         view,
         initializeAnnotationsInstance,
@@ -217,7 +190,7 @@ const load = function (): void {
   view.runAsync().then(() => {
     const annotations = initializeAnnotationsInstance(view);
 
-    if (annotationMode.value) {
+    if (props.annotationMode) {
       renderAnnotations(
         view,
         annotations,
@@ -260,7 +233,7 @@ function getAnnotationsArray(view) {
   const yScale =
     view._runtime.scales?.y?.value || view._runtime?.scales?.concat_0_y?.value;
 
-  return props.notes.map((note) =>
+  return props.annotations.map((note) =>
     getD3AnnotationObject(note, type, xScale, yScale)
   );
 }
@@ -472,10 +445,16 @@ watch(updateValues, (): void => {
 });
 
 watch(computedNotes, (): void => {
-  const parentContainer = props.annotationsConfig.annotationsParentElement;
-  renderAnnotations(view, initializeAnnotationsInstance(view), parentContainer);
-  initializeTooltip();
-  initializeBrush(view);
+  if (props.annotationMode) {
+    const parentContainer = props.annotationsConfig.annotationsParentElement;
+    renderAnnotations(
+      view,
+      initializeAnnotationsInstance(view),
+      parentContainer
+    );
+    initializeTooltip();
+    initializeBrush(view);
+  }
 });
 
 onMounted((): void => {
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
new file mode 100644
index 00000000..5eb461d6
--- /dev/null
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-row justify="space-between" class="mb-2">
+    <v-col v-if="title" cols="auto">
+      <v-card-title v-if="title">{{ title }}</v-card-title>
+    </v-col>
+    <v-col v-if="props.notesCount !== undefined" cols="auto">
+      <v-switch inset color="primary" hide-details v-model="annotationMode">
+        <template v-slot:label>
+          Annotations ({{ props.notesCount }}):
+          {{ annotationMode ? "On" : "Off" }}
+        </template>
+      </v-switch>
+    </v-col>
+  </v-row>
+</template>
+<script setup lang="ts">
+import { ref, defineProps, defineEmits, watch } from "vue";
+import { onMounted } from "vue";
+import { useStore } from "vuex";
+
+const annotationMode = ref(false);
+const store = useStore();
+
+interface Props {
+  notesCount?: string;
+  title?: string;
+}
+
+const props = defineProps<Props>();
+
+const emit = defineEmits(["modeToggled"]);
+
+onMounted(() => {
+  annotationMode.value = store.getters.getSettings.annotationsMode;
+});
+
+watch(annotationMode, () => {
+  emit("modeToggled", annotationMode.value);
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 79690ec7..7b8270e1 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -35,16 +35,13 @@ import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 
-const route = useRoute();
-
 interface Props {
-  report: string;
+  notes: [];
 }
 
 const props = defineProps<Props>();
 
 import { computed } from "vue";
-import _ from "lodash";
 
 const store = useStore();
 
@@ -55,33 +52,13 @@ onMounted(() => {
   showAllMode.value = store.getters.getSettings.allNotesMode;
 });
 
-const { cdm, release, domain, concept } = route.params;
-const path = [cdm, release, domain, concept, props.report].filter(Boolean);
-
 const notes = computed(() => {
-  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
   const selectionId = store.getters.getSelectedRectangle?.item?.id;
-  return selections
-    .filter((value) => value.id === selectionId)?.[0]
-    ?.notes.map((note) => ({
-      ...note,
-      report: props.report,
-      selection: selectionId,
-    }));
+  return props.notes.filter((note) => note.selection === selectionId);
 });
 
 const allNotes = computed(() => {
-  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
-  return selections.reduce((acc, current) => {
-    return [
-      ...acc,
-      ...current.notes.map((note) => ({
-        ...note,
-        report: props.report,
-        selection: current.id,
-      })),
-    ];
-  }, []);
+  return props.notes;
 });
 </script>
 

From 603b944f7e6c54422cda4f0147516a22e5806517 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Tue, 5 Sep 2023 11:18:19 -0400
Subject: [PATCH 056/202] case updates for dqd support

---
 .../components/PivotDataTable.vue             |  18 +--
 .../components/ResultsTable.vue               | 122 +++++++++---------
 .../interfaces/files/QualityResultsType.ts    |  58 ++++-----
 .../postprocessing/dataQualityResults.ts      |  20 +--
 src/shared/lib/derive-results.ts              | 100 +++++++-------
 5 files changed, 159 insertions(+), 159 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
index 4f8d9fe6..53925603 100644
--- a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
@@ -4,15 +4,15 @@
       :data="store.getters.getData.rawData.CheckResults"
       :event-listener="pivotRedirectToResultsTab"
       :attributes="[
-        'CATEGORY',
-        'CDM_FIELD_NAME',
-        'CHECK_LEVEL',
-        'CHECK_NAME',
-        'CONTEXT',
-        'NOTES_EXIST',
-        'SUBCATEGORY',
-        'CDM_TABLE_NAME',
-        'FAILED',
+        'category',
+        'cdmFieldName',
+        'checkLevel',
+        'checkName',
+        'context',
+        'notesExist',
+        'subcategory',
+        'cdmTableName',
+        'failed',
       ]"
       :aggregator-names-list="['Count']"
     >
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 4f6257c1..1ef37a2c 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -69,82 +69,82 @@
       <td class="text-left pa-4" :colspan="columns.length">
         <v-row dense>
           <v-col cols="2">Check Name</v-col>
-          <v-col>{{ item.raw.CHECK_NAME }}</v-col>
+          <v-col>{{ item.raw.checkName }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Description</v-col>
           <v-col
-            >{{ item.raw.CHECK_DESCRIPTION }} (threshold
-            {{ item.raw.THRESHOLD_VALUE }}%)</v-col
+            >{{ item.raw.checkDescription }} (threshold
+            {{ item.raw.thresholdValue }}%)</v-col
           >
         </v-row>
         <v-row dense>
           <v-col cols="2">Threshold</v-col>
-          <v-col>{{ item.raw.THRESHOLD_VALUE }}</v-col>
+          <v-col>{{ item.raw.thresholdValue }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Notes</v-col>
-          <v-col>{{ item.raw.NOTE_VALUE }}</v-col>
+          <v-col>{{ item.raw.noteValue }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Level</v-col>
-          <v-col>{{ item.raw.CHECK_LEVEL }}</v-col>
+          <v-col>{{ item.raw.checkLevel }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Table</v-col>
           <v-col>
             <a
-              :href="links.getDocsLink(item.raw.CDM_TABLE_NAME)"
+              :href="links.getDocsLink(item.raw.cdmTableName)"
               target="_blank"
             >
-              {{ item.raw.CDM_TABLE_NAME }}
+              {{ item.raw.cdmTableName }}
               <v-icon small>mdi-open-in-new</v-icon>
             </a>
           </v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Field</v-col>
-          <v-col>{{ item.raw.CDM_FIELD_NAME }}</v-col>
+          <v-col>{{ item.raw.cdmFieldName }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Concept Id</v-col>
           <v-col>
             <router-link
-              v-if="item.raw.CONCEPT_ID != undefined"
+              v-if="item.raw.conceptId != undefined"
               :to="getConceptDrilldown(item)"
               color="primary"
             >
-              {{ item.raw.CONCEPT_ID }}
+              {{ item.raw.conceptId }}
               <v-icon small>mdi-open-in-new</v-icon>
             </router-link>
           </v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Unit Concept Id</v-col>
-          <v-col>{{ item.raw.UNIT_CONCEPT_ID }}</v-col>
+          <v-col>{{ item.raw.UNIT_conceptId }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2"># Rows Violated</v-col>
-          <v-col>{{ item.raw.NUM_VIOLATED_ROWS }}</v-col>
+          <v-col>{{ item.raw.numViolatedRows }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2"># Rows Total</v-col>
-          <v-col>{{ item.raw.NUM_DENOMINATOR_ROWS }}</v-col>
+          <v-col>{{ item.raw.numDenominatorRows }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">% Rows Violated</v-col>
-          <v-col>{{ (item.raw.PCT_VIOLATED_ROWS * 100).toFixed(2) }} %</v-col>
+          <v-col>{{ (item.raw.pctViolatedRows * 100).toFixed(2) }} %</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">Execution Time</v-col>
-          <v-col>{{ item.raw.EXECUTION_TIME }}</v-col>
+          <v-col>{{ item.raw.executionTime }}</v-col>
         </v-row>
         <v-row dense>
           <v-col cols="2">SQL Query</v-col>
           <v-col>
             <Codemirror
               ref="myCm"
-              :value="item.raw.QUERY_TEXT"
+              :value="item.raw.queryText"
               :options="cmOptions"
             ></Codemirror>
           </v-col>
@@ -155,23 +155,23 @@
         </v-row>
       </td>
     </template>
-    <template #item.SUBCATEGORY="{ item }">{{
-      item.raw.SUBCATEGORY == undefined ? item.raw.SUBCATEGORY : "None"
+    <template #item.subcategory="{ item }">{{
+      item.raw.subcategory == undefined ? item.raw.subcategory : "None"
     }}</template>
-    <template #item.CHECK_DESCRIPTION="{ item }">{{
+    <template #item.checkDescription="{ item }">{{
       renderDescription(item.raw)
     }}</template>
-    <template #item.PCT_VIOLATED_ROWS="{ item }">
+    <template #item.pctViolatedRows="{ item }">
       <div class="text-right">{{ renderPercentPassed(item.raw) }} %</div>
     </template>
-    <template #item.NUM_VIOLATED_ROWS="{ item }">
+    <template #item.numViolatedRows="{ item }">
       <div class="text-right">
-        {{ helpers.formatComma(item.raw.NUM_VIOLATED_ROWS) }}
+        {{ helpers.formatComma(item.raw.numViolatedRows) }}
       </div>
     </template>
-    <template #item.NUM_DENOMINATOR_ROWS="{ item }">
+    <template #item.numDenominatorRows="{ item }">
       <div class="text-right">
-        {{ helpers.formatComma(item.raw.NUM_DENOMINATOR_ROWS) }}
+        {{ helpers.formatComma(item.raw.numDenominatorRows) }}
       </div>
     </template>
   </v-data-table>
@@ -200,43 +200,43 @@ const helpfulFilters = ref([
     text: "Failed Checks",
     key: "failed",
     preset: {
-      FAILED: ["FAIL"],
-      CDM_TABLE_NAME: [],
-      CDM_FIELD_NAME: [],
-      CHECK_NAME: [],
-      NOTES_EXIST: [],
-      CATEGORY: [],
-      SUBCATEGORY: [],
-      CONTEXT: [],
-      CHECK_LEVEL: [],
+      failed: ["FAIL"],
+      cdmTableName: [],
+      cdmTableName: [],
+      checkName: [],
+      notesExist: [],
+      category: [],
+      subcategory: [],
+      context: [],
+      checkLevel: [],
     },
   },
   {
     text: "No Filters",
     key: "noFilters",
     preset: {
-      FAILED: [],
-      CDM_TABLE_NAME: [],
-      CDM_FIELD_NAME: [],
-      CHECK_NAME: [],
-      NOTES_EXIST: [],
-      CATEGORY: [],
-      SUBCATEGORY: [],
-      CONTEXT: [],
-      CHECK_LEVEL: [],
+      failed: [],
+      cdmTableName: [],
+      cdmFieldName: [],
+      checkName: [],
+      notesExist: [],
+      category: [],
+      subcategory: [],
+      context: [],
+      checkLevel: [],
     },
   },
 ]);
 const filters = ref({
   FAILED: [],
-  CDM_TABLE_NAME: [],
+  cdmTableName: [],
   CDM_FIELD_NAME: [],
   CHECK_NAME: [],
   NOTES_EXIST: [],
   CATEGORY: [],
-  SUBCATEGORY: [],
+  subcategory: [],
   CONTEXT: [],
-  CHECK_LEVEL: [],
+  checkLevel: [],
 });
 const selectedFilter = ref([]);
 const headers: Ref<DataTableHeader[]> = ref([
@@ -250,7 +250,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Table",
     sortable: true,
-    key: "CDM_TABLE_NAME",
+    key: "cdmTableName",
     show: true,
     default: true,
   },
@@ -276,9 +276,9 @@ const headers: Ref<DataTableHeader[]> = ref([
     default: false,
   },
   {
-    title: "Subcategory",
+    title: "subcategory",
     sortable: true,
-    key: "SUBCATEGORY",
+    key: "subcategory",
     show: false,
     default: false,
   },
@@ -292,7 +292,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Level",
     sortable: true,
-    key: "CHECK_LEVEL",
+    key: "checkLevel",
     show: false,
     default: false,
   },
@@ -306,35 +306,35 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Description",
     sortable: true,
-    key: "CHECK_DESCRIPTION",
+    key: "checkDescription",
     show: true,
     default: true,
   },
   {
     title: "% Records Failed",
     sortable: true,
-    key: "PCT_VIOLATED_ROWS",
+    key: "pctViolatedRows",
     show: true,
     default: true,
   },
   {
     title: "# Records Failed",
     sortable: true,
-    key: "NUM_VIOLATED_ROWS",
+    key: "numViolatedRows",
     show: true,
     default: true,
   },
   {
     title: "# Total Records",
     sortable: true,
-    key: "NUM_DENOMINATOR_ROWS",
+    key: "numDenominatorRows",
     show: false,
     default: false,
   },
   {
     title: "Execution Duration",
     sortable: true,
-    key: "EXECUTION_TIME",
+    key: "executionTime",
     show: false,
     default: false,
   },
@@ -343,8 +343,8 @@ const getConceptDrilldown = function (item) {
   return {
     name: "networkConcept",
     params: {
-      domain: item.CDM_TABLE_NAME.toLowerCase(),
-      concept: item.CONCEPT_ID.toString().trim(),
+      domain: item.cdmTableName.toLowerCase(),
+      concept: item.conceptId.toString().trim(),
     },
   };
 };
@@ -377,13 +377,13 @@ const helpfulFilterUpdate = function (filter): void {
 };
 const renderDescription = function (d) {
   let thresholdMessage = "";
-  if (d.THRESHOLD_VALUE != undefined) {
-    thresholdMessage = " (Threshold=" + d.THRESHOLD_VALUE + "%).";
+  if (d.thresholdValue != undefined) {
+    thresholdMessage = " (Threshold=" + d.thresholdValue + "%).";
   }
-  return d.CHECK_DESCRIPTION + thresholdMessage;
+  return d.checkDescription + thresholdMessage;
 };
 const renderPercentPassed = function (d): string | number {
-  return d.PCT_VIOLATED_ROWS ? (d.PCT_VIOLATED_ROWS * 100).toFixed(2) : 0;
+  return d.pctViolatedRows ? (d.pctViolatedRows * 100).toFixed(2) : 0;
 };
 const showHeaders = computed((): DataTableHeader[] => {
   return headers.value.filter((header) => header.show);
diff --git a/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts b/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
index b326b5b2..3cc1749c 100644
--- a/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
+++ b/src/processes/exploreReports/model/interfaces/files/QualityResultsType.ts
@@ -8,23 +8,23 @@ export interface QualityResultsType {
 }
 
 export interface CheckResults {
-  CATEGORY: string;
-  CDM_FIELD_NAME: string;
-  CDM_TABLE_NAME: string;
-  CHECK_DESCRIPTION: string;
-  CHECK_LEVEL: string;
-  CHECK_NAME: string;
-  CONTEXT: string;
-  EXECUTION_TIME: string;
-  FAILED: string;
-  NOTES_EXIST: string;
-  NUM_DENOMINATOR_ROWS: number;
-  NUM_VIOLATED_ROWS: number;
-  PCT_VIOLATED_ROWS: number;
-  QUERY_TEXT: string;
-  SQL_FILE: string;
-  SUBCATEGORY: string;
-  THRESHOLD_VALUE: number;
+  category: string;
+  cdmFieldName: string;
+  cdmTableName: string;
+  checkDescription: string;
+  checkLevel: string;
+  checkName: string;
+  context: string;
+  executionTime: string;
+  failed: string;
+  notesExist: string;
+  numDenominatorRows: number;
+  numViolatedRows: number;
+  pctViolatedRows: number;
+  queryText: string;
+  sqlFile: string;
+  subcategory: string;
+  thresholdValue: number;
   _row: string;
   checkId: string;
 }
@@ -49,16 +49,16 @@ export interface Overview {
 }
 
 export interface Metadata {
-  CDM_ETL_REFERENCE: string;
-  CDM_HOLDER: string;
-  CDM_RELEASE_DATE: string;
-  CDM_SOURCE_ABBREVIATION: string;
-  CDM_SOURCE_NAME: string;
-  CDM_VERSION: string;
-  CDM_VERSION_CONCEPT_ID: number;
-  DQD_VERSION: string;
-  SOURCE_DESCRIPTION: string;
-  SOURCE_DOCUMENTATION_REFERENCE: string;
-  SOURCE_RELEASE_DATE: string;
-  VOCABULARY_VERSION: string;
+  cdmEtlReference: string;
+  cdmHolder: string;
+  cdmReleaseDate: string;
+  cdmSourceAbbreviation: string;
+  cdmSourceName: string;
+  cdmVersion: string;
+  cdmVersionConceptId: number;
+  dqdVersion: string;
+  sourceDescription: string;
+  sourceDocumentationReference: string;
+  sourceReleaseDate: string;
+  vocabularyVersion: string;
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
index 1a2d00fc..439b4a01 100644
--- a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
@@ -8,17 +8,17 @@ import {
 export default function dataQuality(data) {
   const rawData: QualityResultsType = data[QUALITY_RESULTS];
   const derivedResults = deriveResults(data[QUALITY_RESULTS].CheckResults);
-  const cdmSourceName: string = rawData.Metadata[0].CDM_SOURCE_NAME;
-  const sourceDescription: string = rawData.Metadata[0].SOURCE_DESCRIPTION;
-  const cdmHolder: string = rawData.Metadata[0].CDM_HOLDER;
-  const cdmEtlReference: string = rawData.Metadata[0].CDM_ETL_REFERENCE;
+  const cdmSourceName: string = rawData.Metadata[0].cdmSourceName;
+  const sourceDescription: string = rawData.Metadata[0].sourceDescription;
+  const cdmHolder: string = rawData.Metadata[0].cdmHolder;
+  const cdmEtlReference: string = rawData.Metadata[0].cdmEtlReference;
   const sourceDocumentationReference: string =
-    rawData.Metadata[0].SOURCE_DOCUMENTATION_REFERENCE;
-  const cdmVersion: string = rawData.Metadata[0].CDM_VERSION;
-  const vocabularyVersion: string = rawData.Metadata[0].VOCABULARY_VERSION;
-  const dqdVersion: string = rawData.Metadata[0].DQD_VERSION;
-  const sourceReleaseDate: string = rawData.Metadata[0].SOURCE_RELEASE_DATE;
-  const cdmReleaseDate: string = rawData.Metadata[0].CDM_RELEASE_DATE;
+    rawData.Metadata[0].sourceDocumentationReference;
+  const cdmVersion: string = rawData.Metadata[0].cdmVersion;
+  const vocabularyVersion: string = rawData.Metadata[0].vocabularyVersion;
+  const dqdVersion: string = rawData.Metadata[0].dqdVersion;
+  const sourceReleaseDate: string = rawData.Metadata[0].sourceReleaseDate;
+  const cdmReleaseDate: string = rawData.Metadata[0].cdmReleaseDate;
   const checkResults: CheckResults[] = rawData.CheckResults;
 
   return {
diff --git a/src/shared/lib/derive-results.ts b/src/shared/lib/derive-results.ts
index a2f8d13b..a2423916 100644
--- a/src/shared/lib/derive-results.ts
+++ b/src/shared/lib/derive-results.ts
@@ -2,20 +2,20 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Verification Plausibility
   const VerificationPlausibilityPass = data.filter(
     (c) =>
-      c.FAILED == 0 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Plausibility"
+      c.failed == 0 &&
+      c.context == "Verification" &&
+      c.category == "Plausibility"
   ).length;
 
   const VerificationPlausibilityFail = data.filter(
     (c) =>
-      c.FAILED == 1 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Plausibility"
+      c.failed == 1 &&
+      c.context == "Verification" &&
+      c.category == "Plausibility"
   ).length;
 
   const VerificationPlausibilityTotal = data.filter(
-    (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Plausibility"
+    (c) => c.context == "Verification" && c.category == "Plausibility"
   ).length;
 
   const VerificationPlausibilityPercentPass =
@@ -29,20 +29,20 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Verification Conformance
   const VerificationConformancePass = data.filter(
     (c) =>
-      c.FAILED == 0 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Conformance"
+      c.failed == 0 &&
+      c.context == "Verification" &&
+      c.category == "Conformance"
   ).length;
 
   const VerificationConformanceFail = data.filter(
     (c) =>
-      c.FAILED == 1 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Conformance"
+      c.failed == 1 &&
+      c.context == "Verification" &&
+      c.category == "Conformance"
   ).length;
 
   const VerificationConformanceTotal = data.filter(
-    (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Conformance"
+    (c) => c.context == "Verification" && c.category == "Conformance"
   ).length;
 
   const VerificationConformancePercentPass =
@@ -56,20 +56,20 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Verification Completeness
   const VerificationCompletenessPass = data.filter(
     (c) =>
-      c.FAILED == 0 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Completeness"
+      c.failed == 0 &&
+      c.context == "Verification" &&
+      c.category == "Completeness"
   ).length;
 
   const VerificationCompletenessFail = data.filter(
     (c) =>
-      c.FAILED == 1 &&
-      c.CONTEXT == "Verification" &&
-      c.CATEGORY == "Completeness"
+      c.failed == 1 &&
+      c.context == "Verification" &&
+      c.category == "Completeness"
   ).length;
 
   const VerificationCompletenessTotal = data.filter(
-    (c) => c.CONTEXT == "Verification" && c.CATEGORY == "Completeness"
+    (c) => c.context == "Verification" && c.category == "Completeness"
   ).length;
 
   const VerificationCompletenessPercentPass =
@@ -82,15 +82,15 @@ export default function deriveResults(data /*: CheckResults[]*/) {
 
   // Verification Totals
   const VerificationPass = data.filter(
-    (c) => c.FAILED == 0 && c.CONTEXT == "Verification"
+    (c) => c.failed == 0 && c.context == "Verification"
   ).length;
 
   const VerificationFail = data.filter(
-    (c) => c.FAILED == 1 && c.CONTEXT == "Verification"
+    (c) => c.failed == 1 && c.context == "Verification"
   ).length;
 
   const VerificationTotal = data.filter(
-    (c) => c.CONTEXT == "Verification"
+    (c) => c.context == "Verification"
   ).length;
 
   const VerificationPercentPass =
@@ -101,16 +101,16 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Validation Plausibility
   const ValidationPlausibilityPass = data.filter(
     (c) =>
-      c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
+      c.failed == 0 && c.context == "Validation" && c.category == "Plausibility"
   ).length;
 
   const ValidationPlausibilityFail = data.filter(
     (c) =>
-      c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
+      c.failed == 1 && c.context == "Validation" && c.category == "Plausibility"
   ).length;
 
   const ValidationPlausibilityTotal = data.filter(
-    (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Plausibility"
+    (c) => c.context == "Validation" && c.category == "Plausibility"
   ).length;
 
   const ValidationPlausibilityPercentPass =
@@ -124,16 +124,16 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Validation Conformance
   const ValidationConformancePass = data.filter(
     (c) =>
-      c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
+      c.failed == 0 && c.context == "Validation" && c.category == "Conformance"
   ).length;
 
   const ValidationConformanceFail = data.filter(
     (c) =>
-      c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
+      c.failed == 1 && c.context == "Validation" && c.category == "Conformance"
   ).length;
 
   const ValidationConformanceTotal = data.filter(
-    (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Conformance"
+    (c) => c.context == "Validation" && c.category == "Conformance"
   ).length;
 
   const ValidationConformancePercentPass =
@@ -147,16 +147,16 @@ export default function deriveResults(data /*: CheckResults[]*/) {
   // Validation Completeness
   const ValidationCompletenessPass = data.filter(
     (c) =>
-      c.FAILED == 0 && c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
+      c.failed == 0 && c.context == "Validation" && c.category == "Completeness"
   ).length;
 
   const ValidationCompletenessFail = data.filter(
     (c) =>
-      c.FAILED == 1 && c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
+      c.failed == 1 && c.context == "Validation" && c.category == "Completeness"
   ).length;
 
   const ValidationCompletenessTotal = data.filter(
-    (c) => c.CONTEXT == "Validation" && c.CATEGORY == "Completeness"
+    (c) => c.context == "Validation" && c.category == "Completeness"
   ).length;
 
   const ValidationCompletenessPercentPass =
@@ -169,14 +169,14 @@ export default function deriveResults(data /*: CheckResults[]*/) {
 
   // Validation
   const ValidationPass = data.filter(
-    (c) => c.FAILED == 0 && c.CONTEXT == "Validation"
+    (c) => c.failed == 0 && c.context == "Validation"
   ).length;
 
   const ValidationFail = data.filter(
-    (c) => c.FAILED == 1 && c.CONTEXT == "Validation"
+    (c) => c.failed == 1 && c.context == "Validation"
   ).length;
 
-  const ValidationTotal = data.filter((c) => c.CONTEXT == "Validation").length;
+  const ValidationTotal = data.filter((c) => c.context == "Validation").length;
 
   const ValidationPercentPass =
     ValidationTotal == 0
@@ -185,15 +185,15 @@ export default function deriveResults(data /*: CheckResults[]*/) {
 
   // Plausibility
   const PlausibilityPass = data.filter(
-    (c) => c.FAILED == 0 && c.CATEGORY == "Plausibility"
+    (c) => c.failed == 0 && c.category == "Plausibility"
   ).length;
 
   const PlausibilityFail = data.filter(
-    (c) => c.FAILED == 1 && c.CATEGORY == "Plausibility"
+    (c) => c.failed == 1 && c.category == "Plausibility"
   ).length;
 
   const PlausibilityTotal = data.filter(
-    (c) => c.CATEGORY == "Plausibility"
+    (c) => c.category == "Plausibility"
   ).length;
 
   const PlausibilityPercentPass =
@@ -203,15 +203,15 @@ export default function deriveResults(data /*: CheckResults[]*/) {
 
   // Conformance
   const ConformancePass = data.filter(
-    (c) => c.FAILED == 0 && c.CATEGORY == "Conformance"
+    (c) => c.failed == 0 && c.category == "Conformance"
   ).length;
 
   const ConformanceFail = data.filter(
-    (c) => c.FAILED == 1 && c.CATEGORY == "Conformance"
+    (c) => c.failed == 1 && c.category == "Conformance"
   ).length;
 
   const ConformanceTotal = data.filter(
-    (c) => c.CATEGORY == "Conformance"
+    (c) => c.category == "Conformance"
   ).length;
 
   const ConformancePercentPass =
@@ -221,15 +221,15 @@ export default function deriveResults(data /*: CheckResults[]*/) {
 
   // Completeness
   const CompletenessPass = data.filter(
-    (c) => c.FAILED == 0 && c.CATEGORY == "Completeness"
+    (c) => c.failed == 0 && c.category == "Completeness"
   ).length;
 
   const CompletenessFail = data.filter(
-    (c) => c.FAILED == 1 && c.CATEGORY == "Completeness"
+    (c) => c.failed == 1 && c.category == "Completeness"
   ).length;
 
   const CompletenessTotal = data.filter(
-    (c) => c.CATEGORY == "Completeness"
+    (c) => c.category == "Completeness"
   ).length;
 
   const CompletenessPercentPass =
@@ -238,9 +238,9 @@ export default function deriveResults(data /*: CheckResults[]*/) {
       : ((CompletenessPass / CompletenessTotal) * 100).toFixed(1) + "%";
 
   // All
-  const AllPass = data.filter((c) => c.FAILED == 0).length;
+  const AllPass = data.filter((c) => c.failed == 0).length;
 
-  const AllFail = data.filter((c) => c.FAILED == 1).length;
+  const AllFail = data.filter((c) => c.failed == 1).length;
 
   const AllTotal = data.length;
 
@@ -248,10 +248,10 @@ export default function deriveResults(data /*: CheckResults[]*/) {
     AllTotal == 0 ? "-" : ((AllPass / AllTotal) * 100).toFixed(1) + "%";
 
   for (let i = 0; i < data.length; i++) {
-    if (data[i].FAILED == 0) {
-      data[i].FAILED = "PASS";
+    if (data[i].failed == 0) {
+      data[i].failed = "PASS";
     } else {
-      data[i].FAILED = "FAIL";
+      data[i].failed = "FAIL";
     }
 
     if (data[i].NOTES == undefined) {

From 41236d77da398528dbc521d92e94a65cacbb5cd6 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Tue, 5 Sep 2023 15:29:06 -0400
Subject: [PATCH 057/202] refactor chart header

changed up the annotation / notes / query display to a new header bar.
implemented changes on person report population by Age & Sex report only.
---
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 74 +++++++------------
 src/widgets/chart/ui/ChartHeader.vue          | 50 +++++++++----
 src/widgets/notesPanel/ui/NotesPanel.vue      | 19 +----
 .../settings/model/store/actions.type.ts      |  2 +-
 .../settings/model/store/settings.module.ts   |  8 +-
 src/widgets/settings/ui/Settings.vue          |  4 +-
 .../ToggleDefaultNotesMode.vue}               | 12 +--
 7 files changed, 73 insertions(+), 96 deletions(-)
 rename src/widgets/settings/ui/components/{toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue => toggleDefaultNotesMode/ToggleDefaultNotesMode.vue} (58%)

diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 548185bb..0553b672 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -1,53 +1,22 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Population by Age &amp; Sex"
-      :notes-count="notesFemale.length + notesMale.length"
-      @mode-toggled="toggleMode"
-    />
-    <Chart
-      v-if="store.getters.dataInStore"
-      :id="maleReportId"
-      title="Male"
-      :annotations-config="{
-        chartSpec: specAgeSex,
-        annotationsParentElement: 'g',
-        brushParentElement: 'g g',
-      }"
-      :data="store.getters.getData.maleAgeSex"
-      :chartSpec="specAgeSex"
-      :annotations="notesMale"
-      :annotation-mode="annotationsMode"
-    />
-    <Chart
-      v-if="store.getters.dataInStore"
-      :id="femaleReportId"
-      title="Female"
-      :annotations-config="{
-        chartSpec: specAgeSex,
-        annotationsParentElement: 'g',
-        brushParentElement: 'g g',
-      }"
-      :data="store.getters.getData.femaleAgeSex"
-      :chartSpec="specAgeSex"
-      :annotations="notesFemale"
-      :annotation-mode="annotationsMode"
-    />
-    <NotesPanel :notes="notesMaleFemale" />
-
-    <v-divider inset class="pa-1"></v-divider>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <ChartHeader title="Population by Age &amp; Sex" 
+      :notes-count="notesMaleFemale.length"
+      :annotations-count="notesFemale.length + notesMale.length"
+      @annotations-mode-toggled="toggleAnnotationMode" @notes-mode-toggled="toggleNoteMode"/>
+    <Chart v-if="store.getters.dataInStore" :id="maleReportId" title="Male" :annotations-config="{
+      chartSpec: specAgeSex,
+      annotationsParentElement: 'g',
+      brushParentElement: 'g g',
+    }" :data="store.getters.getData.maleAgeSex" :chartSpec="specAgeSex" :annotations="notesMale"
+      :annotation-mode="annotationsMode" />
+    <Chart v-if="store.getters.dataInStore" :id="femaleReportId" title="Female" :annotations-config="{
+      chartSpec: specAgeSex,
+      annotationsParentElement: 'g',
+      brushParentElement: 'g g',
+    }" :data="store.getters.getData.femaleAgeSex" :chartSpec="specAgeSex" :annotations="notesFemale"
+      :annotation-mode="annotationsMode" />
+    <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
   </v-card>
 </template>
 
@@ -62,9 +31,16 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+
+function toggleAnnotationMode(mode) {
   annotationsMode.value = mode;
 }
+
+function toggleNoteMode(mode) {
+  notesMode.value = mode;
+}
+
 const store = useStore();
 const releaseContainer = computed(() => {
   const sourceName = store.getters.getSelectedSource.cdm_source_key;
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index 5eb461d6..2384a29f 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -1,41 +1,59 @@
 <template>
-  <v-row justify="space-between" class="mb-2">
-    <v-col v-if="title" cols="auto">
-      <v-card-title v-if="title">{{ title }}</v-card-title>
-    </v-col>
-    <v-col v-if="props.notesCount !== undefined" cols="auto">
-      <v-switch inset color="primary" hide-details v-model="annotationMode">
-        <template v-slot:label>
-          Annotations ({{ props.notesCount }}):
-          {{ annotationMode ? "On" : "Off" }}
-        </template>
-      </v-switch>
-    </v-col>
-  </v-row>
+  <v-toolbar density="compact" class="mb-6">
+    <v-card-title v-if="title">{{ title }}</v-card-title>
+    <v-spacer></v-spacer>
+    <v-btn v-if="props.notesCount !== undefined" icon density="comfortable" @click="noteMode = !noteMode">
+      <v-badge :content=props.notesCount :color="noteMode ? 'primary' : 'default'">
+        <v-icon :color="noteMode ? 'primary' : 'default'">mdi-note-text</v-icon>
+      </v-badge>
+      <v-tooltip activator="parent" location="top">Toggle Notes</v-tooltip>
+    </v-btn>
+    <v-btn v-if="props.annotationsCount !== undefined" icon density="comfortable" @click="annotationMode = !annotationMode">
+      <v-badge :content=props.annotationsCount :color="annotationMode ? 'primary' : 'default'">
+        <v-icon :color="annotationMode ? 'primary' : 'default'">mdi-selection-marker</v-icon>
+      </v-badge>
+      <v-tooltip activator="parent" location="top">Toggle Annotations</v-tooltip>
+    </v-btn>
+    <v-btn v-if="store.getters.getQueryIndex" icon density="comfortable" target="_blank" :link-details="true" :href="links.getSqlQueryLink(
+      store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+    )
+      ">
+      <v-icon>mdi-database-search</v-icon>
+      <v-tooltip activator="parent" location="top">View Export Query</v-tooltip>
+    </v-btn>
+  </v-toolbar>
 </template>
 <script setup lang="ts">
 import { ref, defineProps, defineEmits, watch } from "vue";
+import { links } from "@/shared/config/links";
 import { onMounted } from "vue";
 import { useStore } from "vuex";
+import { TOGGLE_DEFAULT_ANNOTATIONS_MODE } from "@/widgets/settings/model/store/actions.type";
 
 const annotationMode = ref(false);
+const noteMode = ref(false);
 const store = useStore();
 
 interface Props {
-  notesCount?: string;
+  notesCount?: number;
+  annotationsCount?: number;
   title?: string;
 }
 
 const props = defineProps<Props>();
 
-const emit = defineEmits(["modeToggled"]);
+const emits = defineEmits(["annotationsModeToggled", "notesModeToggled"]);
 
 onMounted(() => {
   annotationMode.value = store.getters.getSettings.annotationsMode;
+  noteMode.value = store.getters.getSettings.notesMode;
 });
 
 watch(annotationMode, () => {
-  emit("modeToggled", annotationMode.value);
+  emits("annotationsModeToggled", annotationMode.value);
+});
+watch(noteMode, () => {
+  emits("notesModeToggled", noteMode.value);
 });
 </script>
 
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 7b8270e1..8a059414 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,17 +1,4 @@
 <template>
-  <v-row dense class="bg-message justify-space-between">
-    <v-col cols="auto">
-      <v-card-title class="font-weight-bold">Notes</v-card-title>
-    </v-col>
-    <v-col cols="auto">
-      <v-switch inset hide-details color="primary" v-model="showAllMode">
-        <template v-slot:label>
-          All notes ({{ allNotes.length }}):
-          {{ showAllMode ? "On" : "Off" }}
-        </template>
-      </v-switch>
-    </v-col>
-  </v-row>
   <v-slide-group
     v-if="!showAllMode"
     v-model="model"
@@ -40,17 +27,13 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+const showAllMode = ref(true);
 
 import { computed } from "vue";
 
 const store = useStore();
 
 const model = ref(null);
-const showAllMode = ref(false);
-
-onMounted(() => {
-  showAllMode.value = store.getters.getSettings.allNotesMode;
-});
 
 const notes = computed(() => {
   const selectionId = store.getters.getSelectedRectangle?.item?.id;
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index 871c60ed..d9c1ba30 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -5,6 +5,6 @@ export const TOGGLE_BASELINE_SETTING = "setBaseline";
 export const TOGGLE_MINMAX_SETTING = "setMinMax";
 export const TOGGLE_UI_VISIBILITY = "setVisibility";
 export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
-export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultAllNotesMode";
+export const TOGGLE_DEFAULT_NOTES_MODE = "toggleDefaultNotesMode";
 
 export const EDIT_USER = "editUser";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index b5de03dc..f5ea5081 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -7,7 +7,7 @@ import {
   TOGGLE_UI_VISIBILITY,
   TOGGLE_DEFAULT_ANNOTATIONS_MODE,
   TOGGLE_BASELINE_SETTING,
-  TOGGLE_DEFAULT_ALL_NOTES_MODE,
+  TOGGLE_DEFAULT_NOTES_MODE,
   EDIT_USER,
 } from "@/widgets/settings/model/store/actions.type";
 import {
@@ -22,7 +22,7 @@ const state = {
     minMax: false,
     theme: "blue",
     annotationsMode: false,
-    allNotesMode: false,
+    notesMode: false,
     user: null,
   },
   visible: false,
@@ -61,8 +61,8 @@ const actions = {
   [TOGGLE_DEFAULT_ANNOTATIONS_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "annotationsMode" });
   },
-  [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
-    commit(SET_SETTINGS, { data: payload, field: "allNotesMode" });
+  [TOGGLE_DEFAULT_NOTES_MODE]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "notesMode" });
   },
   [EDIT_USER]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "user" });
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 6ed67df5..5015d922 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -34,7 +34,7 @@
           <v-list-subheader>Metadata</v-list-subheader>
           <!--Features-->
           <ToggleDefaultAnnotatonsMode />
-          <ToggleDefaultAllNotesMode />
+          <ToggleDefaultNotesMode />
           <ExportNotes></ExportNotes>
         </v-list>
       </v-card>
@@ -59,7 +59,7 @@ import { computed } from "vue";
 import { useStore } from "vuex";
 import ExportNotes from "@/widgets/settings/ui/components/exportNotes/ExportNotes.vue";
 import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.type";
-import ToggleDefaultAllNotesMode from "@/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue";
+import ToggleDefaultNotesMode from "@/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue";
 import UserAccount from "@/widgets/settings/ui/components/userAccount/UserAccount.vue";
 
 const store = useStore();
diff --git a/src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
similarity index 58%
rename from src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue
rename to src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
index 6aea145b..a223a464 100644
--- a/src/widgets/settings/ui/components/toggleDefaultAllNotesMode/ToggleDefaultAllNotesMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
@@ -1,11 +1,11 @@
 <template>
   <v-list-item
-    :title="allNotesMode ? 'On' : 'Off'"
-    subtitle="Switch default all notes mode"
+    :title="notesMode ? 'On' : 'Off'"
+    subtitle="Switch default notes mode"
   >
     <template v-slot:prepend>
       <v-list-item-action>
-        <v-switch class="mr-2" v-model="allNotesMode"></v-switch>
+        <v-switch class="mr-2" v-model="notesMode"></v-switch>
       </v-list-item-action>
     </template>
   </v-list-item>
@@ -14,13 +14,13 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import { TOGGLE_DEFAULT_ALL_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
+import { TOGGLE_DEFAULT_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 
-const allNotesMode = computed({
+const notesMode = computed({
   get: function (): boolean {
-    return store.getters.getSettings.allNotesMode;
+    return store.getters.getSettings.notesMode;
   },
   set: function (value: boolean): void {
     store.dispatch(TOGGLE_DEFAULT_ALL_NOTES_MODE, value);

From f86009c090eb18835355e8eb62f247bcd9f1c04a Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 6 Sep 2023 16:46:19 -0400
Subject: [PATCH 058/202] continue refactor ui with annotations

---
 src/pages/info/Article.vue                    |  2 +-
 .../MeasurementValueDistributionTable.vue     |  2 +-
 .../NetworkDataQualityIssuesByCategory.vue    |  2 +-
 .../NetworkDataQualityIssuesByCdmTable.vue    |  2 +-
 .../components/DomainMetadataTable.vue        |  2 +-
 .../AgeAtFirstObservation.vue                 |  2 +-
 .../AgeAtFirstObservationBySex.vue            |  2 +-
 .../CumulativeObservation.vue                 | 48 +++++------------
 .../ObservationOverTime.vue                   |  2 +-
 .../YearsOfObservationByAge.vue               |  2 +-
 .../YearsOfObservationBySex.vue               |  2 +-
 .../components/PerformanceInformation.vue     |  2 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 11 ++--
 .../PopulationByEthnicity.vue                 | 16 ++----
 .../PopulationByRace/PopulationByRace.vue     | 16 ++----
 .../PopulationByYearBirth.vue                 | 54 ++++++++-----------
 .../TemporalCharacterization.vue              |  2 +-
 src/widgets/chart/ui/Chart.vue                |  2 +-
 src/widgets/chart/ui/ChartHeader.vue          |  7 ---
 .../exportQueryLink/ui/ExportQueryLink.vue    | 28 ++++++++++
 src/widgets/notesPanel/ui/NotesPanel.vue      | 13 ++---
 21 files changed, 99 insertions(+), 120 deletions(-)
 create mode 100644 src/widgets/exportQueryLink/ui/ExportQueryLink.vue

diff --git a/src/pages/info/Article.vue b/src/pages/info/Article.vue
index a8b83543..95393783 100644
--- a/src/pages/info/Article.vue
+++ b/src/pages/info/Article.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid>
-    <v-card elevation="10" class="ma-4 pa-2">
+    <v-card elevation="10" class="ma-4">
       <div class="text-h4 pl-4 pr-4 pt-4">
         A data ingestion analysis of COVID-19 vaccine related source data.
       </div>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
index 7b3cb62e..4abc3ba4 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card v-if="store.getters.getData.table" elevation="10" class="ma-4 pa-2">
+  <v-card v-if="store.getters.getData.table" elevation="10" class="ma-4">
     <v-data-table
       density="compact"
       :headers="headers"
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
index 84cd574f..136df699 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader title="Network Data Quality Issues By Category" />
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
index 66179f76..9d77e3e7 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader title="Network Data Quality Issues by CDM Table" />
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
index 56a21766..72b06e92 100644
--- a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card v-if="items.length" elevation="10" class="ma-4 pa-2">
+  <v-card v-if="items.length" elevation="10" class="ma-4">
     <v-card-title>Domain metadata</v-card-title>
     <v-data-table :headers="headers" :items="items"></v-data-table>
   </v-card>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 380f071c..99808d37 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader
       title="Age at First Observation"
       :notes-count="annotations.length"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index bbe0edb9..723fa608 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader title="Age at First Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 6b26a3ba..314bbaf9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -1,40 +1,18 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-4"
-  >
-    <ChartHeader
-      title="Cumulative Observation"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
-    />
-    <Chart
-      v-if="store.getters.dataInStore"
-      :id="reportId"
-      :chartSpec="specCumulativeObservation"
-      :annotations-config="{
-        chartSpec: specCumulativeObservationAnnotation,
-        annotationsParentElement: 'g',
-        brushParentElement: 'g g',
-      }"
-      :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
-      :annotations="annotations"
-      :annotation-mode="annotationsMode"
-    />
+  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
+    <ChartHeader title="Cumulative Observation" :notes-count="annotations.length" @mode-toggled="toggleMode" />
+    <Chart v-if="store.getters.dataInStore" :id="reportId" :chartSpec="specCumulativeObservation" :annotations-config="{
+      chartSpec: specCumulativeObservationAnnotation,
+      annotationsParentElement: 'g',
+      brushParentElement: 'g g',
+    }" :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION" :annotations="annotations"
+      :annotation-mode="annotationsMode" />
     <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <info-panel v-if="store.getters.getQueryIndex" icon="mdi-code-braces" details="View export query."
+      :link-details="true" :link="links.getSqlQueryLink(
+        store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
+      )
+        " :divider="true"></info-panel>
   </v-card>
 </template>
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index e8a6a248..3ef54d46 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader
       title="Observation over Time"
       :notes-count="annotations.length"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 2009b1fd..f8c354b9 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader title="Years of Observation by Age" />
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index a96b0365..fe813c2b 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
     <ChartHeader title="Years of Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
index 24844858..8f18f3ab 100644
--- a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
+++ b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card elevation="10" class="ma-4 pa-2">
+  <v-card elevation="10" class="ma-4">
     <v-card-title>Performance</v-card-title>
     <v-row>
       <v-col cols="3">
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 0553b672..eac0c9f7 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -1,9 +1,8 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Population by Age &amp; Sex" 
-      :notes-count="notesMaleFemale.length"
-      :annotations-count="notesFemale.length + notesMale.length"
-      @annotations-mode-toggled="toggleAnnotationMode" @notes-mode-toggled="toggleNoteMode"/>
+    <ChartHeader title="Population by Age &amp; Sex" :notes-count="notesMaleFemale.length"
+      :annotations-count="notesFemale.length + notesMale.length" @annotations-mode-toggled="toggleAnnotationMode"
+      @notes-mode-toggled="toggleNoteMode" />
     <Chart v-if="store.getters.dataInStore" :id="maleReportId" title="Male" :annotations-config="{
       chartSpec: specAgeSex,
       annotationsParentElement: 'g',
@@ -17,6 +16,9 @@
     }" :data="store.getters.getData.femaleAgeSex" :chartSpec="specAgeSex" :annotations="notesFemale"
       :annotation-mode="annotationsMode" />
     <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
+    <v-toolbar density="compact" class="mt-6">
+      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA" />
+    </v-toolbar>    
   </v-card>
 </template>
 
@@ -29,6 +31,7 @@ import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index b2dafaa5..9917bd26 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader title="Population by Ethnicity" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -7,16 +7,9 @@
       :chartSpec="specEthnicity"
       :data="store.getters.getData.personData.ETHNICITY_DATA"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.ETHNICITY_DATA)
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.ETHNICITY_DATA" />
+    </v-toolbar>    
   </v-card>
 </template>
 
@@ -27,6 +20,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 87751159..7ad00bf1 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader title="Population by Race" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -7,16 +7,9 @@
       :chartSpec="specRace"
       :data="store.getters.getData.personData.RACE_DATA"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.RACE_DATA)
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.RACE_DATA" />
+    </v-toolbar>   
   </v-card>
 </template>
 
@@ -27,6 +20,7 @@ import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 249ff1c3..dc786149 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -1,37 +1,18 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4 pa-2">
-    <ChartHeader
-      title="Population by Year of Birth"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
-    />
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-birthyearnote"
-      :chartSpec="specBirthYear"
-      :annotations-config="{
-        chartSpec: specBirthYearAnnotation,
-        annotationsParentElement: 'g',
-        brushParentElement: 'g g',
-      }"
-      :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
-      :annotations="annotations"
-      :annotation-mode="annotationsMode"
-    >
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
+    <ChartHeader title="Population by Year of Birth" :notes-count="notes.length" :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationMode" @notes-mode-toggled="toggleNoteMode" />
+    <Chart v-if="store.getters.dataInStore" id="viz-birthyearnote" :chartSpec="specBirthYear" :annotations-config="{
+      chartSpec: specBirthYearAnnotation,
+      annotationsParentElement: 'g',
+      brushParentElement: 'g g',
+    }" :data="store.getters.getData.personData.BIRTH_YEAR_DATA" :annotations="annotations"
+      :annotation-mode="annotationsMode">
     </Chart>
-    <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA" />
+    </v-toolbar>    
   </v-card>
 </template>
 
@@ -40,15 +21,22 @@ import { Chart } from "@/widgets/chart";
 import { specBirthYear } from "./specBirthYear";
 import { specBirthYearAnnotation } from "./specBirthYearAnnotation";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+
+function toggleAnnotationMode(mode) {
   annotationsMode.value = mode;
 }
 
+function toggleNoteMode(mode) {
+  notesMode.value = mode;
+}
+
 import { computed } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { ref } from "vue";
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 63d5785c..e9ec4fb2 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card v-if="store.getters.dataInStore" elevation="10" class="ma-4 pa-2">
+  <v-card v-if="store.getters.dataInStore" elevation="10" class="ma-4">
     <v-card-title>Temporal Characterization</v-card-title>
     <!--Table controls-->
     <v-row>
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index ece0fd04..a6c4eb49 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="pa-6">
     <h3 class="mx-10" v-if="props.title">{{ props.title }}</h3>
     <div v-resize="load" :id="id" :style="style"></div>
     <ContextMenu v-if="annotationMode" :items="actions" />
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index 2384a29f..66803e00 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -14,13 +14,6 @@
       </v-badge>
       <v-tooltip activator="parent" location="top">Toggle Annotations</v-tooltip>
     </v-btn>
-    <v-btn v-if="store.getters.getQueryIndex" icon density="comfortable" target="_blank" :link-details="true" :href="links.getSqlQueryLink(
-      store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
-    )
-      ">
-      <v-icon>mdi-database-search</v-icon>
-      <v-tooltip activator="parent" location="top">View Export Query</v-tooltip>
-    </v-btn>
   </v-toolbar>
 </template>
 <script setup lang="ts">
diff --git a/src/widgets/exportQueryLink/ui/ExportQueryLink.vue b/src/widgets/exportQueryLink/ui/ExportQueryLink.vue
new file mode 100644
index 00000000..bd8b2aa2
--- /dev/null
+++ b/src/widgets/exportQueryLink/ui/ExportQueryLink.vue
@@ -0,0 +1,28 @@
+<template>
+    <v-btn v-if="store.getters.getQueryIndex" icon density="comfortable" target="_blank" :link-details="true"
+        :href="sqlQueryLink">
+        <v-icon>mdi-database-search</v-icon>
+        <v-tooltip activator="parent" location="top">View Export Query</v-tooltip>
+    </v-btn>
+</template>
+    
+<script setup lang="ts">
+import { defineProps, computed } from "vue";
+import { links } from "@/shared/config/links";
+import { onMounted } from "vue";
+import { useStore } from "vuex";
+
+interface Props {
+    queryIndex?: string;
+}
+
+const store = useStore();
+const props = defineProps<Props>();
+
+const sqlQueryLink = computed(() => {
+    return links.getSqlQueryLink(props.queryIndex);
+});
+</script>
+    
+<style scoped></style>
+
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 8a059414..304f5c3e 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,15 +1,16 @@
 <template>
-  <v-slide-group
-    v-if="!showAllMode"
-    v-model="model"
-    class="pa-4"
-    show-arrows="always"
-  >
+  <v-slide-group v-if="!showAllMode" v-model="model" class="pa-4" show-arrows="always">
+    <v-slide-group-item v-if="notes.length == 0">
+      No Notes
+    </v-slide-group-item>    
     <v-slide-group-item v-for="note in notes" :key="note.title">
       <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
     </v-slide-group-item>
   </v-slide-group>
   <v-slide-group v-else v-model="model" class="pa-4" show-arrows="always">
+    <v-slide-group-item v-if="notes.length == 0">
+      No Notes
+    </v-slide-group-item>    
     <v-slide-group-item v-for="note in allNotes" :key="note.title">
       <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
     </v-slide-group-item>

From 93e3b00041a86a70ddbb4f5d428630fab0db6814 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 11 Sep 2023 18:53:57 +0400
Subject: [PATCH 059/202] feat: applied new header design to all charts

---
 src/app/App.vue                               |  4 +-
 .../MeasurementValueDistributionChart.vue     | 53 +++++-----
 .../NetworkDataQualitySummary.vue             |  6 +-
 .../NetworkDatastrandReport.vue               | 45 ++++-----
 .../components/DataNetworkOverview.vue        |  5 +-
 .../components/DataSourcesList.vue            |  5 +-
 .../AgeAtFirstObservation.vue                 | 37 ++++---
 .../CumulativeObservation.vue                 | 36 +++----
 .../NetworkUnmappedSourceCodes.vue            |  7 +-
 .../AgeAtFirstDiagnosis.vue                   | 55 ++++++-----
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue | 51 +++++-----
 .../AgeAtFirstOccurrence.vue                  | 48 +++++----
 .../ConditionsByType/ConditionsByType.vue     | 50 +++++-----
 .../charts/DaysSupply/DaysSupply.vue          | 48 +++++----
 .../charts/DrugsByType/DrugsByType.vue        | 47 ++++-----
 .../charts/LengthOfEra/LengthOfEra.vue        | 35 ++++---
 .../MeasurementTable/MeasurementTable.vue     |  4 +-
 .../MeasurementValueDistribution.vue          | 67 +++++++------
 .../MeasurementsByType/MeasurementsByType.vue | 47 ++++-----
 .../QuantityDistribution.vue                  | 48 +++++----
 .../RecordCountProportionByAgeSexYear.vue     | 44 ++++-----
 .../charts/RecordsByUnit/RecordsByUnit.vue    | 35 ++++---
 .../RecordCountProportionByMonth.vue          | 97 ++++++++++---------
 .../VisitDurationByType.vue                   | 35 ++++---
 .../components/OverviewTable.vue              | 14 ++-
 .../charts/AgeAtDeath/AgeAtDeath.vue          | 37 +++----
 .../charts/DeathByType/DeathByType.vue        | 36 +++----
 .../RecordCountProportionByAgeSexYear.vue     | 37 ++++---
 .../RecordCountProportionByMonth.vue          | 59 +++++------
 .../charts/DomainDensity/DomainDensity.vue    | 53 +++++-----
 .../DomainRecordsPerPerson.vue                | 49 +++++-----
 .../DataStratificationByDrug.vue              | 34 ++++---
 .../DataStratificationByVisit.vue             | 22 ++---
 .../components/DomainMetadataTable.vue        |  4 -
 .../DomainTable/components/MainTable.vue      | 92 ++++++++----------
 .../MetadataReport/tables/Metadata.vue        | 39 +++++---
 .../MetadataReport/tables/SourceDetails.vue   | 38 +++++---
 .../AgeAtFirstObservation.vue                 | 47 +++++----
 .../AgeAtFirstObservationBySex.vue            | 32 +++---
 .../CumulativeObservation.vue                 | 62 +++++++++---
 .../ObservationOverTime.vue                   | 48 +++++----
 .../ObservationPeriodsPerPerson.vue           | 36 ++++---
 .../YearsOfObservationByAge.vue               | 34 ++++---
 .../YearsOfObservationBySex.vue               | 34 ++++---
 .../components/PerformanceInformation.vue     | 48 +++++----
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 71 ++++++++++----
 .../PopulationByEthnicity.vue                 | 19 +++-
 .../PopulationByRace/PopulationByRace.vue     | 17 +++-
 .../PopulationByYearBirth.vue                 | 47 ++++++---
 .../TemporalCharacterization.vue              | 39 ++++----
 .../UnmappedSourceCodes.vue                   |  7 +-
 .../HistoricalDataQuality.vue                 | 18 ++--
 .../HistoricalDataQualityByCategory.vue       | 20 ++--
 .../HistoricalDataQualityByDomain.vue         | 20 ++--
 .../charts/domainRecords/DomainRecords.vue    | 39 ++++----
 .../RecordProportionByMonth.vue               | 49 ++++++----
 .../DataQualityIssuesHistory.vue              | 39 +++++---
 .../overviewDisplay/OverviewDisplay.vue       |  3 +-
 .../populationHistory/PopulationHistory.vue   | 39 +++++---
 .../charts/releaseListing/ReleaseListing.vue  |  5 +-
 src/shared/lib/mixins/index.ts                |  2 +
 src/shared/lib/mixins/methods/openNewTab.ts   |  3 +
 src/widgets/chart/ui/ChartActionIcon.vue      | 48 +++++++++
 src/widgets/chart/ui/ChartHeader.vue          | 49 +++++++---
 .../exportQueryLink/ui/ExportQueryLink.vue    | 28 ------
 src/widgets/infoPanel/index.ts                |  3 -
 src/widgets/infoPanel/ui/InfoPanel.vue        | 68 -------------
 src/widgets/notesPanel/ui/NotesPanel.vue      | 20 ++--
 .../settings/model/store/actions.type.ts      |  2 +-
 .../settings/model/store/settings.module.ts   |  4 +-
 .../ToggleDefaultNotesMode.vue                |  2 +-
 71 files changed, 1335 insertions(+), 1090 deletions(-)
 create mode 100644 src/shared/lib/mixins/methods/openNewTab.ts
 create mode 100644 src/widgets/chart/ui/ChartActionIcon.vue
 delete mode 100644 src/widgets/exportQueryLink/ui/ExportQueryLink.vue
 delete mode 100644 src/widgets/infoPanel/index.ts
 delete mode 100644 src/widgets/infoPanel/ui/InfoPanel.vue

diff --git a/src/app/App.vue b/src/app/App.vue
index 76ad34d7..3002c553 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -36,8 +36,8 @@ watch(darkMode, (): void => {
     mode ? "Dark" : "Light"
   }`;
   mode
-    ? favicon.setAttribute("href", "./favicon-inverted.png")
-    : favicon.setAttribute("href", "./ares_32x32.png");
+    ? favicon.setAttribute("href", "./favicon-dark.png")
+    : favicon.setAttribute("href", "./favicon-light.png");
 });
 watch(activeTheme, (): void => {
   theme.global.name.value = `${store.getters.getSettings.theme}${
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index c7451864..de804260 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -2,12 +2,10 @@
   <v-card
     v-if="store.getters.getData.chart"
     :loading="!store.getters.getData"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
-    <v-card-title
-      >Measurement Value Distributions by Database and Unit</v-card-title
-    >
+    <ChartHeader title="Measurement Value Distributions by Database and Unit" />
     <v-layout class="pa-4">
       <v-select
         v-model="selectedMeasurementUnits"
@@ -27,38 +25,43 @@
       :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []"
     />
-    <infopanel
-      details="Learn how
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
               to interpret this plot."
-      route-link="/help"
-      :divider="true"
-      :link-details="true"
-    ></infopanel>
-    <infopanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.MEASUREMENT
-            .MEASUREMENT_VALUE_DISTRIBUTION[0]
-        )
-      "
-      :divider="false"
-    ></infopanel>
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.MEASUREMENT
+                .MEASUREMENT_VALUE_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import Infopanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { computed, ref, Ref } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { useRouter } from "vue-router";
 
 const store = useStore();
+const router = useRouter();
 
 const getMeasurementUnits = computed(function () {
   return [
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
index f3121b0c..7d732933 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
@@ -1,9 +1,5 @@
 <template>
-  <div
-    v-if="!store.getters.getErrors"
-    id="network-data-quality-summary"
-    class="pa-2"
-  >
+  <div v-if="!store.getters.getErrors" id="network-data-quality-summary">
     <NetworkDataQualityIssuesByCategory />
     <NetworkDataQualityIssuesByCdmTable />
   </div>
diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index e39b96b1..5df777a0 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -1,35 +1,34 @@
 <template>
   <v-container v-if="!store.getters.getErrors" fluid min-width="900">
-    <v-card
-      :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <v-card-title>Data Strands</v-card-title>
+    <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
+      <ChartHeader title="Data Strands" />
       <div
         v-if="store.getters.getData"
         id="viz-datastrand"
         class="viz-container"
       ></div>
-      <info-panel
-        details="Data strands are simple visualizations that describe the composition of
+      <v-toolbar density="compact" class="mt-6">
+        <ChartActionIcon
+          icon="mdi-help-circle"
+          tooltip="Data strands are simple visualizations that describe the composition of
         a data source across the various CDM domain tables. Each individual
         strand shows the percentage of the data source comprised of data from a
         particular domain table. Across the network, the strands can be visually
         compared and contrasted."
-      ></info-panel>
-      <InfoPanel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
-          )
-        "
-        :divider="false"
-      ></InfoPanel>
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          icon="mdi-code-braces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+              )
+            )
+          "
+        />
+      </v-toolbar>
     </v-card>
   </v-container>
 </template>
@@ -42,13 +41,15 @@ import { useRouter } from "vue-router";
 const router = useRouter();
 const store = useStore();
 
-import InfoPanel from "../../../../widgets/infoPanel";
 import { specDatastrand } from "./specDatastrand";
 import { links } from "@/shared/config/links";
 
 const config = specDatastrand;
 
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const renderChart = function () {
   embed("#viz-datastrand", config, {
diff --git a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
index c36566a5..77d4d385 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6" outlined>
-    <v-card-title>Data Network Overview</v-card-title>
+  <v-card elevation="2" class="mx-auto pb-6" outlined>
+    <ChartHeader title="Data Network Overview" />
     <v-card-text>
       <v-container fluid>
         <v-row justify="space-around"
@@ -44,6 +44,7 @@
 import { useStore } from "vuex";
 import { computed } from "vue";
 import * as d3 from "d3-format";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 2cc8c2ba..0d1517a8 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6" outlined>
-    <v-card-title>Data Sources</v-card-title>
+  <v-card elevation="2" class="mx-auto pb-6" outlined>
+    <ChartHeader title="Data Sources" />
     <v-card-text>
       <v-container fluid>
         <v-row>
@@ -71,6 +71,7 @@ import { useStore } from "vuex";
 import SelectColumns from "@/features/selectColumns";
 import { debounce } from "lodash";
 import { helpers } from "@/shared/lib/mixins";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index e61a32d2..cfb5c65b 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Age at First Observation" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -11,30 +7,33 @@
       :chartSpec="specAgeAtFirstObservation"
       :data="store.getters.getData.allAgeAtFirstObservationData"
     />
-    <InfoPanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD
-            .AGE_AT_FIRST_OBSERVATION[0]
-        )
-      "
-      :divider="true"
-    ></InfoPanel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .AGE_AT_FIRST_OBSERVATION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index cd1f9998..0d2a7407 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Cumulative Observation" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -11,28 +7,32 @@
       :chartSpec="specCumulativeObservation"
       :data="store.getters.getData.allCumulativeDurationData"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .CUMULATIVE_DURATION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index 9ed3cbcb..1ff1f30c 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -2,10 +2,10 @@
   <div>
     <v-card
       v-if="!store.getters.getErrors && store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
+      elevation="2"
+      class="ma-4"
     >
-      <v-card-title>Unmapped Source Codes</v-card-title>
+      <ChartHeader title="Unmapped Source Codes" />
       <v-row>
         <v-col cols="3">
           <v-text-field
@@ -81,6 +81,7 @@ import { helpers } from "@/shared/lib/mixins";
 
 import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index f8dba265..07ceebc0 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Age at First Diagnosis" />
     <Chart
@@ -12,40 +12,47 @@
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
     />
-    <info-panel
-      details="Learn how
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
               to interpret this plot."
-      icon="mdi-help-circle"
-      link-details
-      :route-link="{ name: 'help' }"
-      divider
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .AGE_AT_FIRST_DIAGNOSIS[0]
-        )
-      "
-      divider
-    ></info-panel>
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_DIAGNOSIS[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index b6ebd3f0..d6f082e3 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Age At First Exposure" />
 
@@ -13,41 +13,44 @@
       :chartSpec="specAgeAtFirstExposure"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
     />
-    <info-panel
-      details="Learn how
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
               to interpret this plot."
-      icon="mdi-help-circle"
-      link-details
-      :route-link="{ name: 'help' }"
-      divider
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .AGE_AT_FIRST_EXPOSURE[0]
-        )
-      "
-      divider
-    ></info-panel>
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_EXPOSURE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 4fb9a5c3..c24e0ef5 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Age at First Occurrence" />
 
@@ -13,35 +13,43 @@
       :chartSpec="specAgeAtFirstOccurrence"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
     />
-    <info-panel
-      details="Learn how to interpret this plot"
-      :route-link="{ name: 'help' }"
-    ></info-panel>
-    <info-panel
-      details="View export query."
-      icon="mdi-code-braces"
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .AGE_AT_FIRST_OCCURRENCE[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_EXPOSURE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index 04e8edf5..c9a01428 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Conditions by Type" />
     <Chart
@@ -12,37 +12,41 @@
       :chartSpec="specConditionsByType"
       :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
     />
-    <info-panel
-      details="Learn about Condition types."
-      icon="mdi-help-circle"
-      link-details
-      :link="links.getDocsLink('CONDITION_OCCURRENCE')"
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .CONDITIONS_BY_TYPE[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about Condition types."
+        @iconClicked="
+          helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
+        "
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .CONDITIONS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { specConditionsByType } from "./specConditionsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index f97ebbae..6c4d717f 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Days Supply" />
 
@@ -13,37 +13,43 @@
       :chartSpec="specDaysSupply"
       :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
     />
-    <info-panel
-      details="Learn how to interpret this plot"
-      :route-link="{ name: 'help' }"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .DAYS_SUPPLY_DISTRIBUTION[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how to interpret this plot"
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .DAYS_SUPPLY_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { specDaysSupply } from "./specDaysSupply";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index 41e06d21..632fcdc9 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Drugs by Type" />
 
@@ -13,37 +13,38 @@
       :chartSpec="specDrugsByType"
       :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
     />
-    <info-panel
-      details="Learn about Drug types."
-      icon="mdi-help-circle"
-      link-details
-      :link="links.getDocsLink('DRUG_EXPOSURE')"
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .DRUGS_BY_TYPE[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about drug types."
+        @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .DRUGS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { specDrugsByType } from "./specDrugsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index 7a34e6b5..a4b011cf 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Length of Era" />
 
@@ -13,30 +13,33 @@
       :chartSpec="specLengthOfEra"
       :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .LENGTH_OF_ERA[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .LENGTH_OF_ERA[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
index c3d5a548..76e64b94 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
@@ -1,8 +1,8 @@
 <template>
   <v-card
     v-if="store.getters.getData.measurementTable"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <v-data-table
       density="compact"
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index 5481012c..a7267ce8 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -2,10 +2,11 @@
   <v-card
     v-if="store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
-    <v-card-title>Measurement Value Distributions</v-card-title>
+    <ChartHeader title="Measurement Value Distributions" />
+
     <v-layout class="pa-4">
       <v-select
         v-model="selectedMeasurementUnits"
@@ -27,45 +28,46 @@
       :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits"
     />
-    <info-panel
-      details="Check measurement value distributions across the network"
-      icon="mdi-check-network"
-      link-details
-      :route-link="getNetworkConceptRoute()"
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      details="Learn how
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-check-network"
+        tooltip="Check measurement value distributions across the network"
+        @iconClicked="router.push(getNetworkConceptRoute())"
+      />
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
               to interpret this plot."
-      icon="mdi-help-circle"
-      link-details
-      :route-link="{ name: 'help' }"
-      divider
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      details="View export query."
-      icon="mdi-code-braces"
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .MEASUREMENT_VALUE_DISTRIBUTION[0]
-        )
-      "
-      divider
-    ></info-panel>
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .MEASUREMENT_VALUE_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { computed, ref, Ref } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
@@ -103,6 +105,7 @@ const getNetworkConceptRoute = function (): object {
 
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index a5bf788c..564606b4 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Measurements by Type" />
     <Chart
@@ -12,37 +12,38 @@
       :chartSpec="specMeasurementsByType"
       :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
     />
-    <info-panel
-      details="Learn about Measurement types."
-      icon="mdi-help-circle"
-      link-details
-      :link="links.getDocsLink('MEASUREMENT')"
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .MEASUREMENTS_BY_TYPE[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about Measurement types."
+        @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .MEASUREMENTS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index a2080005..96784fc4 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Quantity" />
 
@@ -13,36 +13,42 @@
       :chartSpec="specQuantity"
       :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
     />
-    <info-panel
-      details="Learn how to interpret this plot"
-      :route-link="{ name: 'help' }"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .QUANTITY_DISTRIBUTION[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .QUANTITY_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 9d37ed89..6618b265 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
 
     <Chart
@@ -13,34 +9,38 @@
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
     />
-    <info-panel
-      details="Proportion of people with at least one record per 1000 people."
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .PREVALENCE_BY_GENDER_AGE_YEAR[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index 3871e470..e17f6a2c 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Records by Unit" />
 
@@ -13,30 +13,33 @@
       :chartSpec="specRecordsByUnit"
       :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .RECORDS_BY_UNIT[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .RECORDS_BY_UNIT[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 5a276263..0cef5b17 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,13 +1,11 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader
       title="Record Count Proportion by Month"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -24,67 +22,72 @@
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
-    <NotesPanel :notes="notes" />
-    <info-panel
-      details="Proportion of people with at least one record per 1000 people."
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getData.isNotStationary"
-      icon="mdi-clock-alert"
-      details="This time series has been deemed non-stationary by temporal characterization."
-      divider
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getData.seasonalityScore"
-      icon="mdi-clock-alert"
-      :details="store.getters.getData.seasonalityComment"
-      divider
-      :link="links.getCastorLink()"
-    ></info-panel>
-    <info-panel
-      icon="mdi-database-clock"
-      divider
-      link-details
-      :route-link="getSourceConceptReportLink()"
-      details="Review this Time-Series across data source releases."
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .PREVALENCE_BY_MONTH[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        v-if="store.getters.getData.isNotStationary"
+        icon="mdi-clock-alert"
+        tooltip="This time series has been deemed non-stationary by temporal characterization."
+      />
+      <ChartActionIcon
+        v-if="store.getters.getData.isNotStationary"
+        icon="mdi-clock-alert"
+        :tooltip="store.getters.getData.seasonalityComment"
+        @iconClicked="helpers.openNewTab(links.getCastorLink())"
+      />
+      <ChartActionIcon
+        icon="mdi-database-clock"
+        tooltip="Review this Time-Series across data source releases."
+        @iconClicked="router.push(getSourceConceptReportLink())"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .PREVALENCE_BY_MONTH[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const store = useStore();
 const route = useRoute();
+const router = useRouter();
 
 const reportId = "viz-recordproportionbymonth";
 
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 42c2529f..7edc8c04 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Visit Duration By Type" />
 
@@ -13,30 +13,33 @@
       :chartSpec="specVisitDurationByType"
       :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      link-details
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .VISIT_DURATION_BY_TYPE[0]
-        )
-      "
-      divider
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .VISIT_DURATION_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
index 66dd6675..42143a77 100644
--- a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
@@ -187,19 +187,23 @@
         </tr>
       </tbody>
     </table>
-    <info-panel
-      details="The Data Quality Overview provides a summary
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="The Data Quality Overview provides a summary
               of the results of the Data Quality assessment performed by the
               Data Quality Dashboard package."
-      :link="links.getDataQualityDashboardLink()"
-    ></info-panel>
+        @iconClicked="helpers.openNewTab(links.getDataQualityDashboardLink())"
+      />
+    </v-toolbar>
   </v-container>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index d30ab34a..11773af4 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Age at Death" />
 
     <Chart
@@ -13,18 +9,21 @@
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
-    <infopanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.name.toUpperCase()].AGE_AT_DEATH[0]
-        )
-      "
-      :divider="true"
-    ></infopanel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.name.toUpperCase()]
+                .AGE_AT_DEATH[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
@@ -32,10 +31,12 @@
 import { Chart } from "@/widgets/chart";
 import { specAgeAtDeath } from "./specAgeAtDeath";
 import { links } from "@/shared/config/links";
-import Infopanel from "@/widgets/infoPanel";
+
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index 3ddd9e18..5cda0b90 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Death By Type" />
 
     <Chart
@@ -13,29 +9,33 @@
       :chartSpec="specDeathByType"
       :data="store.getters.getData.DEATH_BY_TYPE"
     />
-    <infopanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.name.toUpperCase()].DEATH_BY_TYPE[0]
-        )
-      "
-      :divider="true"
-    ></infopanel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.name.toUpperCase()]
+                .DEATH_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import Infopanel from "@/widgets/infoPanel";
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specDeathByType } from "./specDeathByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 69020186..6432a285 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -12,30 +8,33 @@
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
     />
-    <infopanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.name.toUpperCase()]
-            .PREVALENCE_BY_GENDER_AGE_YEAR[0]
-        )
-      "
-      :divider="true"
-    ></infopanel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.name.toUpperCase()]
+                .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import Infopanel from "@/widgets/infoPanel";
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index f5377732..74b8960e 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,13 +1,11 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader
       title="Record Count Proportion by Month"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -24,29 +22,30 @@
       :chartSpec="specRecordProportionByMonth"
       :data="store.getters.getData.PREVALENCE_BY_MONTH"
     />
-    <NotesPanel :notes="notes" />
-    <infopanel
-      details="Proportion of people with at least one record per 1000 people."
-      :divider="true"
-    ></infopanel>
-    <infopanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.name.toUpperCase()]
-            .PREVALENCE_BY_MONTH[0]
-        )
-      "
-      :divider="false"
-    ></infopanel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.name.toUpperCase()]
+                .PREVALENCE_BY_MONTH[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import Infopanel from "@/widgets/infoPanel";
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
@@ -58,13 +57,19 @@ import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-deathrecordproportionbymonth";
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index d92a48c1..c866aca3 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -1,14 +1,12 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
     <ChartHeader
       title="Domain
       Density"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -25,27 +23,28 @@
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
-    <NotesPanel :notes="notes" />
-
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.DATA_DENSITY
-            .DATADENSITY_RECORDS_PER_PERSON[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.DATA_DENSITY
+                .DATADENSITY_RECORDS_PER_PERSON[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defOverview } from "./defOverview";
@@ -56,15 +55,21 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-overview";
 const annotations = computed(() => {
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index 1e1a2cb1..056b4aa2 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -1,13 +1,11 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
     <ChartHeader
       title="Domain Records per Person"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -25,26 +23,27 @@
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
-    <NotesPanel :notes="notes" />
+    <NotesPanel v-if="notesMode" :notes="notes" />
 
-    <InfoPanel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
-        )
-      "
-      :divider="true"
-    ></InfoPanel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defRecordsPerPerson } from "./defRecordsPerPerson";
@@ -55,15 +54,21 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-recordsperperson";
 
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index e042a3bb..7e56d91b 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -5,8 +5,8 @@
       store.getters.getData.drugStratification
     "
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Drug Domain Stratification by Drug Type" />
     <Chart
@@ -17,29 +17,33 @@
       :chartSpec="specDrugTypeStratification"
       :data="store.getters.getData.drugStratification"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :divider="false"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.DOMAIN_SUMMARY.DOMAIN_DRUG_STRATIFICATION
-        )
-      "
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.DOMAIN_SUMMARY
+                .DOMAIN_DRUG_STRATIFICATION
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import InfoPanel from "@/widgets/infoPanel";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { specDrugTypeStratification } from "./specDrugTypeStratification";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index b9312cb2..3a81826e 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader title="Domain Data Stratification by Visit" />
     <Chart
@@ -14,27 +14,23 @@
       :chartSpec="specVisitStratification"
       :data="store.getters.getData.domainStratification"
     />
-    <info-panel
-      details="Any domain data categorized as a Visit of 'No matching concept' implies
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Any domain data categorized as a Visit of 'No matching concept' implies
         that this data had no associated Visit on the Domain record."
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :divider="false"
-    ></info-panel>
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { specVisitStratification } from "./specVisitStratification";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
index 72b06e92..1e798996 100644
--- a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -23,12 +23,8 @@ const store = useStore();
 const route = useRoute();
 
 const items = computed(() => {
-  console.log(route);
-  console.log(props.data);
-
   if (props.data) {
     const domain = route.params.domain || route.name;
-    console.log(domain);
     return props.data.filter((row) => {
       return row.NAME === domainMap[domain as string];
     });
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 15fc35f3..bf9d8737 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -1,33 +1,18 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <div v-if="store.getters.dataInStore">
-      <v-row
-        ><v-col cols="8">
-          <v-layout justify-start align-center class="ml-4 mr-4">
-            <v-card-title>{{
-              route.params.domain.toUpperCase().replace("_", " ")
-            }}</v-card-title>
-          </v-layout>
-        </v-col>
-        <v-col cols="4">
-          <v-layout class="ml-4 mr-4 justify-end align-center">
-            <v-tooltip v-if="issueCount > 0" left nudge-left="15">
-              <template v-slot:activator="{ props }">
-                <v-btn variant="flat" icon @click="navigateToDataQuality">
-                  <v-badge icon color="error" :content="issueCount">
-                    <v-icon size="large" v-bind="props">mdi-database</v-icon>
-                  </v-badge>
-                </v-btn>
-              </template>
-              <span>Data quality issues were identified for this domain. </span>
-            </v-tooltip>
-          </v-layout>
-        </v-col>
-      </v-row>
+      <ChartHeader :title="route.params.domain.toUpperCase().replace('_', ' ')">
+        <ChartActionIcon
+          icon="mdi-database"
+          :tooltip="
+            issueCount > 0
+              ? 'Data quality issues were identified for this domain'
+              : ''
+          "
+          :count="issueCount"
+          @iconClicked="navigateToDataQuality"
+        />
+      </ChartHeader>
       <v-container fluid>
         <v-row>
           <v-col>
@@ -149,29 +134,30 @@
           </v-layout>
         </template>
       </v-data-table>
-      <info-panel
-        details="A summary of concepts in the domain including the percentage of people with at least one occurrence of the concept, the total number of people with at least one occurrence of the concept, and the average records per person."
-      >
-      </info-panel>
-      <info-panel
-        :divider="false"
-        details="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
-        icon="mdi-eye"
-      ></info-panel>
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :divider="false"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DOMAIN_SUMMARY[
-              route.params.domain.toUpperCase()
-            ]
-          )
-        "
-      ></info-panel>
+      <v-toolbar density="compact" class="mt-6">
+        <ChartActionIcon
+          icon="mdi-help-circle"
+          tooltip="A summary of concepts in the domain including the percentage of people with at least one occurrence of the concept, the total number of people with at least one occurrence of the concept, and the average records per person."
+        />
+        <ChartActionIcon
+          icon="mdi-eye"
+          tooltip="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          icon="mdi-code-braces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY[
+                  route.params.domain.toUpperCase()
+                ]
+              )
+            )
+          "
+        />
+      </v-toolbar>
     </div>
   </v-card>
 </template>
@@ -179,7 +165,7 @@
 <script setup lang="ts">
 import { VDataTable } from "vuetify/labs/VDataTable";
 import SelectColumns from "@/features/selectColumns";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { computed, ref } from "vue";
@@ -187,6 +173,8 @@ import { debounce } from "lodash";
 import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
index c27cad62..a6b718a3 100644
--- a/src/pages/reports/release/MetadataReport/tables/Metadata.vue
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -1,10 +1,10 @@
 <template>
   <v-card
     :loading="!store.getters.getData.metadataData"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
-    <v-card-title>Metadata</v-card-title>
+    <ChartHeader title="Metadata" />
     <v-container v-if="store.getters.getData.metadataData" fluid>
       <v-data-table
         v-if="store.getters.getData"
@@ -15,29 +15,36 @@
       >
       </v-data-table>
     </v-container>
-    <info-panel
-      details="Metadata is
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Metadata is
         derived from the METADATA table."
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])"
-      :divider="false"
-    ></info-panel>
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { links } from "@/shared/config/links";
 import { VDataTable } from "vuetify/labs/VDataTable";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { useStore } from "vuex";
 import { ref, Ref } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
index cedc2544..b3a369b8 100644
--- a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
+++ b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
@@ -1,10 +1,10 @@
 <template>
   <v-card
     :loading="!store.getters.getData.cdmsourceData"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
-    <v-card-title>CDM Source Details</v-card-title>
+    <ChartHeader title="CDM Source Details" />
     <v-container v-if="store.getters.getData.cdmsourceData" fluid>
       <v-layout
         v-for="(d, i) in store.getters.getData.cdmsourceData.columns"
@@ -14,26 +14,32 @@
         {{ d }}: {{ store.getters.getData.cdmsourceData[0][d] }}
       </v-layout>
     </v-container>
-    <info-panel
-      details="CDM Source
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="CDM Source
         Details are derived from the CDM_SOURCE table."
-      :divider="true"
-    ></info-panel>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
-      :divider="false"
-    ></info-panel>
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 99808d37..a9370e90 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,9 +1,11 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader
       title="Age at First Observation"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -20,26 +22,27 @@
         store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION
       "
     />
-    <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD
-            .AGE_AT_FIRST_OBSERVATION[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .AGE_AT_FIRST_OBSERVATION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
 import { specAgeAtFirstObservationAnnotation } from "./specAgeAtFirstObservationAnnotation";
@@ -47,15 +50,21 @@ import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
 const reportId = "viz-ageatfirstobservation";
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const annotations = computed(() => {
   const sourceName = store.getters.getSelectedSource?.cdm_source_key;
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index 723fa608..ef9d9ebd 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader title="Age at First Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -7,28 +7,32 @@
       :chartSpec="specAgeBySex"
       :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specAgeBySex } from "./specAgeBySex";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 314bbaf9..d475e12b 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -1,24 +1,48 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
-    <ChartHeader title="Cumulative Observation" :notes-count="annotations.length" @mode-toggled="toggleMode" />
-    <Chart v-if="store.getters.dataInStore" :id="reportId" :chartSpec="specCumulativeObservation" :annotations-config="{
-      chartSpec: specCumulativeObservationAnnotation,
-      annotationsParentElement: 'g',
-      brushParentElement: 'g g',
-    }" :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION" :annotations="annotations"
-      :annotation-mode="annotationsMode" />
-    <NotesPanel :notes="notes" />
-    <info-panel v-if="store.getters.getQueryIndex" icon="mdi-code-braces" details="View export query."
-      :link-details="true" :link="links.getSqlQueryLink(
-        store.getters.getQueryIndex.OBSERVATION_PERIOD.CUMULATIVE_DURATION[0]
-      )
-        " :divider="true"></info-panel>
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
+    <ChartHeader
+      title="Cumulative Observation"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      :id="reportId"
+      :chartSpec="specCumulativeObservation"
+      :annotations-config="{
+        chartSpec: specCumulativeObservationAnnotation,
+        annotationsParentElement: 'g',
+
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
+    />
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .CUMULATIVE_DURATION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { specCumulativeObservationAnnotation } from "./specCumulativeObservationAnnotation";
@@ -26,15 +50,21 @@ import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
 const reportId = "viz-cumulativeobservation";
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const annotations = computed(() => {
   const sourceName = store.getters.getSelectedSource?.cdm_source_key;
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index 3ef54d46..ac8528ed 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -1,9 +1,11 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader
       title="Observation over Time"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -20,26 +22,28 @@
       :chartSpec="specObservationByMonth"
       :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
     />
-    <NotesPanel :notes="notes" />
-
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD.OBSERVED_BY_MONTH[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .OBSERVED_BY_MONTH[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specObservationByMonth } from "./specObservationByMonth";
 import { specObservationByMonthAnnotation } from "./specObservationByMonthAnnotation";
@@ -48,13 +52,19 @@ import * as listeners from "@/pages/model/lib/listeners";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-observationbymonth";
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index 35ea074e..a338fe18 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -2,10 +2,10 @@
   <v-card
     v-if="store.getters.dataInStore"
     :loading="!store.getters.getData"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
-    <v-card-title>Observation Periods per Person</v-card-title>
+    <ChartHeader title="Observation Periods per Person" />
     <v-data-table
       v-if="store.getters.dataInStore"
       class="mt-4"
@@ -26,29 +26,33 @@
         {{ helpers.formatComma(item.raw.COUNT_VALUE) }}
       </template>
     </v-data-table>
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD.PERSON_PERIODS_DATA[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .PERSON_PERIODS_DATA[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "@/widgets/infoPanel";
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
 import { ref, Ref } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 
 const headers: Ref<DataTableHeader[]> = ref([
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index f8c354b9..823f56b6 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader title="Years of Observation by Age" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -10,29 +10,33 @@
           .OBSERVATION_PERIOD_LENGTH_BY_AGE
       "
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD
-            .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specObservationByAge } from "./specObservationByAge";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index fe813c2b..c8a226f3 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
+  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
     <ChartHeader title="Years of Observation by Sex" />
     <Chart
       v-if="store.getters.dataInStore"
@@ -10,29 +10,33 @@
           .OBSERVATION_PERIOD_LENGTH_BY_GENDER
       "
     />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.OBSERVATION_PERIOD
-            .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.OBSERVATION_PERIOD
+                .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { specObservationBySex } from "./specObservationBySex";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
index 8f18f3ab..04040e7f 100644
--- a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
+++ b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-card elevation="10" class="ma-4">
-    <v-card-title>Performance</v-card-title>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Performance" />
     <v-row>
       <v-col cols="3">
         <v-text-field
@@ -64,35 +64,41 @@
       </template>
     </v-data-table>
 
-    <info-panel
-      details="This report
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        icon="mdi-open-in-new"
+        tooltip="This report
           describes how long each analysis executed during Achilles characterization took to run in seconds."
-      :link="links.getAchillesLink"
-    >
-    </info-panel>
-
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
-        )
-      "
-      :divider="false"
-    ></info-panel>
+        @iconClicked="helpers.openNewTab(links.getAchillesLink())"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { VDataTable } from "vuetify/labs/VDataTable";
-import InfoPanel from "@/widgets/infoPanel";
 import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { ref, computed } from "vue";
 import { useStore } from "vuex";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index eac0c9f7..c1b3536c 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -1,37 +1,69 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Population by Age &amp; Sex" :notes-count="notesMaleFemale.length"
-      :annotations-count="notesFemale.length + notesMale.length" @annotations-mode-toggled="toggleAnnotationMode"
-      @notes-mode-toggled="toggleNoteMode" />
-    <Chart v-if="store.getters.dataInStore" :id="maleReportId" title="Male" :annotations-config="{
-      chartSpec: specAgeSex,
-      annotationsParentElement: 'g',
-      brushParentElement: 'g g',
-    }" :data="store.getters.getData.maleAgeSex" :chartSpec="specAgeSex" :annotations="notesMale"
-      :annotation-mode="annotationsMode" />
-    <Chart v-if="store.getters.dataInStore" :id="femaleReportId" title="Female" :annotations-config="{
-      chartSpec: specAgeSex,
-      annotationsParentElement: 'g',
-      brushParentElement: 'g g',
-    }" :data="store.getters.getData.femaleAgeSex" :chartSpec="specAgeSex" :annotations="notesFemale"
-      :annotation-mode="annotationsMode" />
+    <ChartHeader
+      title="Population by Age &amp; Sex"
+      :notes-count="notesMaleFemale.length"
+      :annotations-count="notesFemale.length + notesMale.length"
+      @annotations-mode-toggled="toggleAnnotationMode"
+      @notes-mode-toggled="toggleNoteMode"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      :id="maleReportId"
+      title="Male"
+      :annotations-config="{
+        chartSpec: specAgeSex,
+
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.maleAgeSex"
+      :chartSpec="specAgeSex"
+      :annotations="notesMale"
+      :annotation-mode="annotationsMode"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      :id="femaleReportId"
+      title="Female"
+      :annotations-config="{
+        chartSpec: specAgeSex,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.femaleAgeSex"
+      :chartSpec="specAgeSex"
+      :annotations="notesFemale"
+      :annotation-mode="annotationsMode"
+    />
     <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
     <v-toolbar density="compact" class="mt-6">
-      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA" />
-    </v-toolbar>    
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specAgeSex } from "./specAgeSex";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { helpers } from "@/shared/lib/mixins";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
@@ -39,7 +71,6 @@ const notesMode = ref(false);
 function toggleAnnotationMode(mode) {
   annotationsMode.value = mode;
 }
-
 function toggleNoteMode(mode) {
   notesMode.value = mode;
 }
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index 9917bd26..ab4915e7 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -8,19 +8,32 @@
       :data="store.getters.getData.personData.ETHNICITY_DATA"
     />
     <v-toolbar density="compact" class="mt-6">
-      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.ETHNICITY_DATA" />
-    </v-toolbar>    
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.PERSON.ETHNICITY_DATA
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specEthnicity } from "./specEthnicity";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 7ad00bf1..a1775325 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -8,19 +8,30 @@
       :data="store.getters.getData.personData.RACE_DATA"
     />
     <v-toolbar density="compact" class="mt-6">
-      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.RACE_DATA" />
-    </v-toolbar>   
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.RACE_DATA)
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specRace } from "./specRace";
-import InfoPanel from "@/widgets/infoPanel";
+
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index dc786149..28f017d8 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -1,18 +1,41 @@
 <template>
   <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Population by Year of Birth" :notes-count="notes.length" :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationMode" @notes-mode-toggled="toggleNoteMode" />
-    <Chart v-if="store.getters.dataInStore" id="viz-birthyearnote" :chartSpec="specBirthYear" :annotations-config="{
-      chartSpec: specBirthYearAnnotation,
-      annotationsParentElement: 'g',
-      brushParentElement: 'g g',
-    }" :data="store.getters.getData.personData.BIRTH_YEAR_DATA" :annotations="annotations"
-      :annotation-mode="annotationsMode">
+    <ChartHeader
+      title="Population by Year of Birth"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationMode"
+      @notes-mode-toggled="toggleNoteMode"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-birthyearnote"
+      :chartSpec="specBirthYear"
+      :annotations-config="{
+        chartSpec: specBirthYearAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+      :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
+    >
     </Chart>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <v-toolbar density="compact" class="mt-6">
-      <ExportQueryLink :query-index="store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA" />
-    </v-toolbar>    
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
@@ -21,8 +44,6 @@ import { Chart } from "@/widgets/chart";
 import { specBirthYear } from "./specBirthYear";
 import { specBirthYearAnnotation } from "./specBirthYearAnnotation";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 
@@ -40,6 +61,8 @@ function toggleNoteMode(mode) {
 import { computed } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { ref } from "vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index e9ec4fb2..79bd6772 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-card v-if="store.getters.dataInStore" elevation="10" class="ma-4">
-    <v-card-title>Temporal Characterization</v-card-title>
+  <v-card v-if="store.getters.dataInStore" elevation="2" class="ma-4">
+    <ChartHeader title="Temporal Characterization" />
     <!--Table controls-->
     <v-row>
       <v-col cols="3">
@@ -66,32 +66,35 @@
         </tr>
       </template>
     </v-data-table>
-    <info-panel
-      v-if="
-        store.getters.getQueryIndex &&
-        store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
-      "
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="
+          store.getters.getQueryIndex &&
+          store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
+        "
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
-import InfoPanel from "@/widgets/infoPanel";
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { computed, ref, Ref } from "vue";
 import { useStore } from "vuex";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index 06ccf09b..d98b28f1 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -3,10 +3,10 @@
     <v-card
       v-if="!store.getters.getErrors"
       :loading="!store.getters.dataInStore"
-      elevation="10"
-      class="ma-4 pa-2"
+      elevation="2"
+      class="ma-4"
     >
-      <v-card-title>Unmapped Source Codes</v-card-title>
+      <ChartHeader title="Unmapped Source Codes" />
       <v-row>
         <v-col cols="3">
           <v-text-field
@@ -76,6 +76,7 @@ import { VDataTable } from "vuetify/labs/VDataTable";
 import { useRoute, useRouter } from "vue-router";
 import { debounce } from "lodash";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 00f8f862..83060d7f 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -2,13 +2,15 @@
   <v-card
     v-if="!store.getters.getErrors"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader
       title="Historical Data Quality"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -23,7 +25,7 @@
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel :notes="notes" />
+    <NotesPanel v-if="notesMode" :notes="notes" />
     <v-data-table
       v-if="store.getters.dataInStore"
       class="viz-container"
@@ -119,9 +121,13 @@ const historyColumns = ref([
 ]);
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-dataqualityresults";
 
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index d0d37606..4c435ace 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -1,13 +1,11 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader
       title="Historical Data Quality by Category"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -23,7 +21,7 @@
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel :notes="notes" />
+    <NotesPanel v-if="notesMode" :notes="notes" />
   </v-card>
 </template>
 
@@ -42,9 +40,13 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-sourcedataqualityresultsbycategory";
 
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 5c422d96..40238bcf 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -1,13 +1,11 @@
 <template>
-  <v-card
-    :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
-  >
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
     <ChartHeader
       title="Historical Data Quality by Domain"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.dataInStore"
@@ -22,7 +20,7 @@
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel :notes="notes" />
+    <NotesPanel v-if="notesMode" :notes="notes" />
   </v-card>
 </template>
 
@@ -42,9 +40,13 @@ const store = useStore();
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-sourcedataqualityresultsbydomain";
 
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index b5b6dda6..3d77e98a 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -2,8 +2,8 @@
   <v-card
     v-if="!store.getters.getErrors"
     :loading="!store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <div v-if="store.getters.dataInStore">
       <ChartHeader title="Domain Continuity" />
@@ -13,21 +13,24 @@
         :data="store.getters.getData.domainRecords"
         :listener="eventListener"
       />
-      <info-panel
-        details="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
-      ></info-panel>
-      <info-panel
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        details="View export query."
-        :link-details="true"
-        :link="
-          links.getSqlQueryLink(
-            store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
-          )
-        "
-        :divider="false"
-      ></info-panel>
+      <v-toolbar density="compact" class="mt-6">
+        <ChartActionIcon
+          icon="mdi-help-circle"
+          tooltip="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          icon="mdi-code-braces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+              )
+            )
+          "
+        />
+      </v-toolbar>
     </div>
   </v-card>
 </template>
@@ -35,12 +38,12 @@
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specOverview } from "./specOverview";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { RouteLocation, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 5bbce6b6..aaa1f62e 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -1,13 +1,15 @@
 <template>
   <v-card
     v-if="!store.getErrors && store.getters.dataInStore"
-    elevation="10"
-    class="ma-4 pa-2"
+    elevation="2"
+    class="ma-4"
   >
     <ChartHeader
       title="Record Proportion by Month"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       v-if="store.getters.getData"
@@ -24,26 +26,27 @@
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
-    <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="
-        links.getSqlQueryLink(
-          store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-            .PREVALENCE_BY_MONTH[0]
-        )
-      "
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .PREVALENCE_BY_MONTH[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
@@ -55,14 +58,20 @@ import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specDataQualityResultsAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "viz-sourcerecordproportionbymonth";
 
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 8c99dad0..d34612dd 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -1,9 +1,11 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6">
+  <v-card elevation="2" class="mx-auto pb-6">
     <ChartHeader
       title="Data Quality Issues History"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       :id="reportId"
@@ -18,21 +20,24 @@
       }"
       :data="store.getters.getSelectedSource.releases"
     />
-    <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specIssuesByRelease } from "./specIssuesByRelease";
@@ -42,14 +47,20 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "issues_releases";
 
diff --git a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
index 81b9c89a..57316744 100644
--- a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
+++ b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card elevation="10" class="mx-auto pb-6" outlined>
-    <v-card-title>Source Overview</v-card-title>
+    <ChartHeader title="Source Overview" />
     <v-card-text>
       <v-container fluid>
         <v-row justify="space-around"
@@ -29,6 +29,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index 953b3ce9..a245df36 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -1,9 +1,11 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6">
+  <v-card elevation="2" class="mx-auto pb-6">
     <ChartHeader
       title="Population History"
-      :notes-count="annotations.length"
-      @mode-toggled="toggleMode"
+      :notes-count="notes.length"
+      :annotations-count="annotations.length"
+      @annotations-mode-toggled="toggleAnnotationsMode"
+      @notes-mode-toggled="toggleNotesMode"
     />
     <Chart
       :id="reportId"
@@ -18,21 +20,24 @@
       }"
       :data="releases"
     />
-    <NotesPanel :notes="notes" />
-    <info-panel
-      v-if="store.getters.getQueryIndex"
-      icon="mdi-code-braces"
-      details="View export query."
-      :link-details="true"
-      :link="links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])"
-      :divider="true"
-    ></info-panel>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+          )
+        "
+      />
+    </v-toolbar>
   </v-card>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
-import InfoPanel from "@/widgets/infoPanel";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specPopulationByRelease } from "./specPopulationByRelease";
@@ -42,14 +47,20 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
 const route = useRoute();
 
 const annotationsMode = ref(false);
-function toggleMode(mode) {
+const notesMode = ref(false);
+function toggleAnnotationsMode(mode) {
   annotationsMode.value = mode;
 }
+function toggleNotesMode(mode) {
+  notesMode.value = mode;
+}
 
 const reportId = "population_releases";
 
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index e4573aa8..9a4f8668 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6" outlined>
-    <v-card-title>Release Listing</v-card-title>
+  <v-card elevation="2" class="mx-auto pb-6" outlined>
+    <ChartHeader title="Release Listing" />
     <v-card-text>
       <v-data-table
         density="compact"
@@ -31,6 +31,7 @@ import { VDataTable } from "vuetify/labs/VDataTable";
 import { helpers } from "@/shared/lib/mixins";
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 
diff --git a/src/shared/lib/mixins/index.ts b/src/shared/lib/mixins/index.ts
index cf84d6e5..2ef34dc0 100644
--- a/src/shared/lib/mixins/index.ts
+++ b/src/shared/lib/mixins/index.ts
@@ -8,6 +8,7 @@ import { getValuesArray } from "@/shared/lib/mixins/methods/getValuesArray";
 import { navigateTo } from "@/shared/lib/mixins/methods/navigateTo";
 import { formatComma } from "@/shared/lib/mixins/methods/formatComma";
 import { formatPercent } from "@/shared/lib/mixins/methods/formatPercent";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 export const helpers = {
   debouncedSearch,
@@ -18,4 +19,5 @@ export const helpers = {
   formatComma,
   formatPercent,
   padTo2Digits,
+  openNewTab,
 };
diff --git a/src/shared/lib/mixins/methods/openNewTab.ts b/src/shared/lib/mixins/methods/openNewTab.ts
new file mode 100644
index 00000000..35b7463c
--- /dev/null
+++ b/src/shared/lib/mixins/methods/openNewTab.ts
@@ -0,0 +1,3 @@
+export function openNewTab(link) {
+  window.open(link, "_blank").focus();
+}
diff --git a/src/widgets/chart/ui/ChartActionIcon.vue b/src/widgets/chart/ui/ChartActionIcon.vue
new file mode 100644
index 00000000..5eb1460d
--- /dev/null
+++ b/src/widgets/chart/ui/ChartActionIcon.vue
@@ -0,0 +1,48 @@
+<template>
+  <v-btn icon density="comfortable" @click="activate">
+    <v-badge
+      v-if="props.count !== undefined"
+      :content="props.count"
+      :color="activated ? 'primary' : 'default'"
+    >
+      <v-icon :color="activated ? 'primary' : 'default'">{{
+        props.icon
+      }}</v-icon>
+    </v-badge>
+    <v-icon v-else color="primary">{{ props.icon }}</v-icon>
+
+    <v-tooltip activator="parent" location="top">{{ props.tooltip }}</v-tooltip>
+  </v-btn>
+</template>
+<script setup lang="ts">
+import { defineProps, onMounted } from "vue";
+import { defineEmits, ref } from "vue";
+const emit = defineEmits(["iconClicked"]);
+
+interface Props {
+  icon: string;
+  color?: string;
+  count?: string | number;
+  tooltip: string;
+  showState?: boolean;
+  defaultState?: boolean;
+}
+
+const props = defineProps<Props>();
+
+const activated = ref(false);
+
+onMounted(() => {
+  if (props.defaultState) {
+    activated.value = props.defaultState;
+    emit("iconClicked", activated.value);
+  }
+});
+
+function activate() {
+  if (props.showState) activated.value = !activated.value;
+  emit("iconClicked", activated.value);
+}
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index 66803e00..81c02c92 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -2,18 +2,25 @@
   <v-toolbar density="compact" class="mb-6">
     <v-card-title v-if="title">{{ title }}</v-card-title>
     <v-spacer></v-spacer>
-    <v-btn v-if="props.notesCount !== undefined" icon density="comfortable" @click="noteMode = !noteMode">
-      <v-badge :content=props.notesCount :color="noteMode ? 'primary' : 'default'">
-        <v-icon :color="noteMode ? 'primary' : 'default'">mdi-note-text</v-icon>
-      </v-badge>
-      <v-tooltip activator="parent" location="top">Toggle Notes</v-tooltip>
-    </v-btn>
-    <v-btn v-if="props.annotationsCount !== undefined" icon density="comfortable" @click="annotationMode = !annotationMode">
-      <v-badge :content=props.annotationsCount :color="annotationMode ? 'primary' : 'default'">
-        <v-icon :color="annotationMode ? 'primary' : 'default'">mdi-selection-marker</v-icon>
-      </v-badge>
-      <v-tooltip activator="parent" location="top">Toggle Annotations</v-tooltip>
-    </v-btn>
+    <ChartActionIcon
+      v-if="props.notesCount !== undefined"
+      icon="mdi-note-text"
+      tooltip="Toggle Notes"
+      :count="props.notesCount"
+      show-state
+      :default-state="store.getters.getSettings.notesMode"
+      @iconClicked="toggleNotesMode"
+    />
+    <ChartActionIcon
+      v-if="props.annotationsCount !== undefined"
+      icon="mdi-selection-marker"
+      tooltip="Toggle Annotations"
+      :count="props.annotationsCount"
+      show-state
+      :default-state="store.getters.getSettings.annotationsMode"
+      @iconClicked="toggleAnnotationMode"
+    />
+    <slot></slot>
   </v-toolbar>
 </template>
 <script setup lang="ts">
@@ -22,6 +29,7 @@ import { links } from "@/shared/config/links";
 import { onMounted } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_DEFAULT_ANNOTATIONS_MODE } from "@/widgets/settings/model/store/actions.type";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const annotationMode = ref(false);
 const noteMode = ref(false);
@@ -30,6 +38,7 @@ const store = useStore();
 interface Props {
   notesCount?: number;
   annotationsCount?: number;
+  issueCount?: number;
   title?: string;
 }
 
@@ -42,12 +51,20 @@ onMounted(() => {
   noteMode.value = store.getters.getSettings.notesMode;
 });
 
-watch(annotationMode, () => {
+function toggleAnnotationMode(val) {
+  emits("annotationsModeToggled", val);
+}
+
+function toggleNotesMode(val) {
+  emits("notesModeToggled", val);
+}
+
+/*watch(annotationMode, () => {
   emits("annotationsModeToggled", annotationMode.value);
-});
-watch(noteMode, () => {
+});*/
+/*watch(noteMode, () => {
   emits("notesModeToggled", noteMode.value);
-});
+});*/
 </script>
 
 <style scoped></style>
diff --git a/src/widgets/exportQueryLink/ui/ExportQueryLink.vue b/src/widgets/exportQueryLink/ui/ExportQueryLink.vue
deleted file mode 100644
index bd8b2aa2..00000000
--- a/src/widgets/exportQueryLink/ui/ExportQueryLink.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-    <v-btn v-if="store.getters.getQueryIndex" icon density="comfortable" target="_blank" :link-details="true"
-        :href="sqlQueryLink">
-        <v-icon>mdi-database-search</v-icon>
-        <v-tooltip activator="parent" location="top">View Export Query</v-tooltip>
-    </v-btn>
-</template>
-    
-<script setup lang="ts">
-import { defineProps, computed } from "vue";
-import { links } from "@/shared/config/links";
-import { onMounted } from "vue";
-import { useStore } from "vuex";
-
-interface Props {
-    queryIndex?: string;
-}
-
-const store = useStore();
-const props = defineProps<Props>();
-
-const sqlQueryLink = computed(() => {
-    return links.getSqlQueryLink(props.queryIndex);
-});
-</script>
-    
-<style scoped></style>
-
diff --git a/src/widgets/infoPanel/index.ts b/src/widgets/infoPanel/index.ts
deleted file mode 100644
index 505b881a..00000000
--- a/src/widgets/infoPanel/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import InfoPanel from "@/widgets/infoPanel/ui/InfoPanel.vue";
-
-export default InfoPanel;
diff --git a/src/widgets/infoPanel/ui/InfoPanel.vue b/src/widgets/infoPanel/ui/InfoPanel.vue
deleted file mode 100644
index 07dc4378..00000000
--- a/src/widgets/infoPanel/ui/InfoPanel.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <v-container fluid class="mt-1">
-    <v-divider v-if="props.divider" inset class="pa-1"></v-divider>
-    <v-row
-      ><v-col cols="1" class="pa-2">
-        <v-icon color="blue-grey" right>{{
-          props.icon ? props.icon : "mdi-help-circle"
-        }}</v-icon> </v-col
-      ><v-col cols="11" class="text-caption pa-2">
-        <v-layout v-if="!props.linkDetails">{{ props.details }}</v-layout>
-        <a v-if="props.link" target="_blank" :href="props.link">
-          <v-layout v-if="!props.linkDetails"
-            >Click here to learn more
-            <v-icon icon="mdi-open-in-new" left small
-              >mdi-open-in-new</v-icon
-            ></v-layout
-          >
-          <v-layout v-if="props.linkDetails"
-            >{{ props.details }}
-            <v-icon icon="mdi-open-in-new" left small></v-icon
-          ></v-layout>
-        </a>
-        <router-link v-if="props.routeLink" :to="props.routeLink">
-          <v-layout v-if="!props.linkDetails"
-            >Click here to learn more
-            <v-icon icon="mdi-open-in-new" left small
-              >mdi-open-in-new</v-icon
-            ></v-layout
-          >
-          <v-layout v-if="props.linkDetails"
-            >{{ props.details }}
-            <v-icon icon="mdi-open-in-new" left small
-              >mdi-open-in-new</v-icon
-            ></v-layout
-          >
-        </router-link>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-export default {
-  name: "InfoPanel",
-};
-</script>
-
-<script setup lang="ts">
-import { defineProps } from "vue";
-import { LocationQuery } from "vue-router";
-
-interface Props {
-  details?: string;
-  link?: string;
-  routeLink?: string | LocationQuery;
-  icon?: string;
-  divider?: boolean;
-  linkDetails?: boolean;
-}
-
-const props = defineProps<Props>();
-</script>
-
-<style scoped>
-.text-caption {
-  margin-top: 4px;
-}
-</style>
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 304f5c3e..0fade68a 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,16 +1,19 @@
 <template>
-  <v-slide-group v-if="!showAllMode" v-model="model" class="pa-4" show-arrows="always">
-    <v-slide-group-item v-if="notes.length == 0">
-      No Notes
-    </v-slide-group-item>    
+  <v-slide-group
+    v-if="!showAllMode"
+    v-model="model"
+    class="pa-4"
+    show-arrows="always"
+  >
+    <v-slide-group-item v-if="notes.length == 0"> No Notes </v-slide-group-item>
     <v-slide-group-item v-for="note in notes" :key="note.title">
       <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
     </v-slide-group-item>
   </v-slide-group>
   <v-slide-group v-else v-model="model" class="pa-4" show-arrows="always">
-    <v-slide-group-item v-if="notes.length == 0">
+    <v-slide-group-item v-if="allNotes.length == 0">
       No Notes
-    </v-slide-group-item>    
+    </v-slide-group-item>
     <v-slide-group-item v-for="note in allNotes" :key="note.title">
       <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
     </v-slide-group-item>
@@ -28,7 +31,10 @@ interface Props {
 }
 
 const props = defineProps<Props>();
-const showAllMode = ref(true);
+const showAllMode = ref(false);
+onMounted(() => {
+  showAllMode.value = store.getters.getSettings.notesMode;
+});
 
 import { computed } from "vue";
 
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index d9c1ba30..35508b13 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -5,6 +5,6 @@ export const TOGGLE_BASELINE_SETTING = "setBaseline";
 export const TOGGLE_MINMAX_SETTING = "setMinMax";
 export const TOGGLE_UI_VISIBILITY = "setVisibility";
 export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
-export const TOGGLE_DEFAULT_NOTES_MODE = "toggleDefaultNotesMode";
+export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultNotesMode";
 
 export const EDIT_USER = "editUser";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index f5ea5081..e996c680 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -7,8 +7,8 @@ import {
   TOGGLE_UI_VISIBILITY,
   TOGGLE_DEFAULT_ANNOTATIONS_MODE,
   TOGGLE_BASELINE_SETTING,
-  TOGGLE_DEFAULT_NOTES_MODE,
   EDIT_USER,
+  TOGGLE_DEFAULT_ALL_NOTES_MODE,
 } from "@/widgets/settings/model/store/actions.type";
 import {
   SET_SETTINGS,
@@ -61,7 +61,7 @@ const actions = {
   [TOGGLE_DEFAULT_ANNOTATIONS_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "annotationsMode" });
   },
-  [TOGGLE_DEFAULT_NOTES_MODE]({ commit }, payload) {
+  [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "notesMode" });
   },
   [EDIT_USER]({ commit }, payload) {
diff --git a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
index a223a464..0b2a14cd 100644
--- a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
@@ -14,7 +14,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import { TOGGLE_DEFAULT_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
+import { TOGGLE_DEFAULT_ALL_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 

From 1a8fe86d7b32826d6eee6bfe5056b23bbadb2c4b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 27 Sep 2023 15:51:28 +0300
Subject: [PATCH 060/202] refactor: moved report header info to separate
 component

---
 .../release/ConceptReport/ConceptReport.vue   | 105 +++-----------
 .../release/PersonReport/PersonReport.vue     |  60 ++------
 src/widgets/infoPanel/index.ts                |   2 +
 src/widgets/infoPanel/infoPanel.vue           | 130 ++++++++++++++++++
 4 files changed, 167 insertions(+), 130 deletions(-)
 create mode 100644 src/widgets/infoPanel/index.ts
 create mode 100644 src/widgets/infoPanel/infoPanel.vue

diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index 795c1521..b16bc087 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -8,89 +8,26 @@
           </h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="store.getters.dataInStore" justify="start"
-          ><v-col cols="2" align="center">
-            <v-icon left color="primary">mdi-identifier</v-icon>
-            <v-badge
-              tile
-              inline
-              color="primary"
-              :content="store.getters.getData.conceptId"
-            ></v-badge>
-            <p class="text-caption">Concept Identifier</p></v-col
-          ><v-col cols="2" align="center">
-            <v-icon left color="primary">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="store.getters.getData.numPersons"
-            ></v-badge>
-            <p class="text-caption">Number of People</p></v-col
-          ><v-col cols="2" align="center">
-            <v-icon small left color="primary">mdi-percent</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="
-                helpers.formatPercent(store.getters.getData.percentPersons)
-              "
-            ></v-badge>
-            <p class="text-caption">% of People</p></v-col
-          ><v-col cols="2" align="center">
-            <v-icon left color="primary">mdi-table-row</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="store.getters.getData.recordsPerPerson"
-            ></v-badge>
-            <p class="text-caption">Records per Person</p></v-col
-          >
-          <v-col
-            v-if="route.params.domain === 'measurement'"
-            cols="2"
-            align="center"
-          >
-            <v-icon left color="primary">mdi-database-check-outline</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="getPercentWithValues"
-            ></v-badge>
-            <p class="text-caption">% with Values</p></v-col
-          >
-          <v-col
-            v-if="store.getters.getData.conceptData.COUNT_FAILED"
-            cols="2"
-            align="center"
-          >
-            <v-icon left color="error" @click="navigateToDataQuality()"
-              >mdi-database-alert</v-icon
-            >
-            <v-badge
-              tile
-              inline
-              dark
-              color="error"
-              :content="store.getters.getData.countFailed"
-            ></v-badge>
-            <p class="text-caption">Data Quality Issues</p></v-col
-          ><v-col
-            v-if="store.getters.getData.isNotStationary"
-            cols="2"
-            align="center"
-          >
-            <v-icon left color="error">mdi-clock-alert</v-icon>
-            <p class="text-caption">Non-Stationary Time Series</p></v-col
-          ></v-row
-        >
+        <InfoPanel
+          :concept="store.getters.getData.conceptId"
+          :population="store.getters.getData.numPersons"
+          :percent-people="store.getters.getData.percentPersons"
+          :records-per-person="store.getters.getData.recordsPerPerson"
+          :percent-values="
+            route.params.domain === 'measurement'
+              ? getPercentWithValues
+              : undefined
+          "
+          :count-failed="
+            store.getters.getData.countFailed
+              ? {
+                  value: store.getters.getData.countFailed,
+                  action: navigateToDataQuality,
+                }
+              : undefined
+          "
+          :not-stationary="store.getters.getData.isNotStationary"
+        />
         <MeasurementTable />
         <MeasurementValueDistribution />
         <AgeAtFirstDiagnosis />
@@ -122,7 +59,6 @@
 <script setup lang="ts">
 import ReturnButton from "@/features/returnToPreviousPage";
 import { useRoute } from "vue-router";
-import { helpers } from "@/shared/lib/mixins";
 import { computed } from "vue";
 import { useStore } from "vuex";
 import MeasurementTable from "@/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue";
@@ -142,6 +78,7 @@ import VisitDurationByType from "@/pages/reports/release/ConceptReport/charts/Vi
 import RecordCountProportionByAgeSexYear from "@/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import InfoPanel from "@/widgets/infoPanel";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index be8419fa..31dc473f 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -6,51 +6,19 @@
     >
       <div class="text-uppercase text-h5 ma-4">Person Report</div>
       <v-responsive min-width="900">
-        <v-row class="ma-4" justify="start">
-          <!-- Total persons in top bar -->
-          <v-col cols="2">
-            <v-icon left color="primary">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="helpers.formatComma(store.getters.getData.numPersons)"
-            ></v-badge>
-            <p class="text-caption">Number of People</p>
-          </v-col>
-          <!-- Gender breakdown in top bar -->
-          <v-col cols="4" align="center">
-            <v-icon left color="primary">mdi-human-male-female</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="
-                'Male: ' +
-                helpers.formatComma(store.getters.getData.genderMaleCount) +
-                ' (' +
-                helpers.formatPercent(store.getters.getData.genderMalePct) +
-                ')'
-              "
-            ></v-badge>
-            <v-badge
-              tile
-              inline
-              dark
-              color="primary"
-              :content="
-                'Female: ' +
-                helpers.formatComma(store.getters.getData.genderFemaleCount) +
-                ' (' +
-                helpers.formatPercent(store.getters.getData.genderFemalePct) +
-                ')'
-              "
-            ></v-badge>
-            <p class="text-caption">Proportion by Sex</p>
-          </v-col>
-        </v-row>
+        <InfoPanel
+          :population="store.getters.getData.numPersons"
+          :proportion-sex="{
+            male: {
+              count: store.getters.getData.genderMaleCount,
+              pct: store.getters.getData.genderMalePct,
+            },
+            female: {
+              count: store.getters.getData.genderFemaleCount,
+              pct: store.getters.getData.genderFemalePct,
+            },
+          }"
+        />
         <PopulationByAgeSex />
         <PopulationByRace />
         <PopulationByYearBirth />
@@ -69,7 +37,6 @@
 </template>
 
 <script setup lang="ts">
-import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
 import PopulationByAgeSex from "@/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue";
 import PopulationByRace from "@/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue";
@@ -77,6 +44,7 @@ import PopulationByYearBirth from "@/pages/reports/release/PersonReport/charts/P
 import PopulationByEthnicity from "@/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import InfoPanel from "@/widgets/infoPanel";
 
 const store = useStore();
 </script>
diff --git a/src/widgets/infoPanel/index.ts b/src/widgets/infoPanel/index.ts
new file mode 100644
index 00000000..c28bf107
--- /dev/null
+++ b/src/widgets/infoPanel/index.ts
@@ -0,0 +1,2 @@
+import InfoPanel from "./infoPanel.vue";
+export default InfoPanel;
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
new file mode 100644
index 00000000..56362305
--- /dev/null
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -0,0 +1,130 @@
+<template>
+  <v-row class="ma-4" justify="start">
+    <v-col v-if="props.concept" cols="2">
+      <v-icon left color="primary">mdi-identifier</v-icon>
+      <v-badge tile inline color="primary" :content="props.concept"></v-badge>
+      <p class="text-caption">Concept Identifier</p></v-col
+    >
+    <v-col v-if="props.population" cols="2">
+      <v-icon left color="primary">mdi-account-group</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="helpers.formatComma(props.population)"
+      ></v-badge>
+      <p class="text-caption">Number of People</p>
+    </v-col>
+    <v-col v-if="props.percentPeople" cols="2" align="center">
+      <v-icon small left color="primary">mdi-percent</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="helpers.formatPercent(props.percentPeople)"
+      ></v-badge>
+      <p class="text-caption">% of People</p>
+    </v-col>
+    <v-col v-if="props.recordsPerPerson" cols="2" align="center">
+      <v-icon left color="primary">mdi-table-row</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="props.recordsPerPerson"
+      ></v-badge>
+      <p class="text-caption">Records per Person</p></v-col
+    >
+    <v-col v-if="props.percentValues" cols="2" align="center">
+      <v-icon left color="primary">mdi-database-check-outline</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="props.percentValues"
+      ></v-badge>
+      <p class="text-caption">% with Values</p></v-col
+    >
+    <v-col v-if="props.countFailed" cols="2" align="center">
+      <v-icon left color="error" @click="props.countFailed.action"
+        >mdi-database-alert</v-icon
+      >
+      <v-badge
+        tile
+        inline
+        dark
+        color="error"
+        :content="props.countFailed.value"
+      ></v-badge>
+      <p class="text-caption">Data Quality Issues</p></v-col
+    >
+    <v-col v-if="props.notStationary" cols="2" align="center">
+      <v-icon left color="error">mdi-clock-alert</v-icon>
+      <p class="text-caption">Non-Stationary Time Series</p></v-col
+    >
+    <!-- Gender breakdown in top bar -->
+    <v-col v-if="props.proportionSex" cols="4" align="center">
+      <v-icon left color="primary">mdi-human-male-female</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="
+          'Male: ' +
+          helpers.formatComma(props.proportionSex.male.count) +
+          ' (' +
+          helpers.formatPercent(props.proportionSex.male.pct) +
+          ')'
+        "
+      ></v-badge>
+      <v-badge
+        tile
+        inline
+        dark
+        color="primary"
+        :content="
+          'Female: ' +
+          helpers.formatComma(props.proportionSex.female.count) +
+          ' (' +
+          helpers.formatPercent(props.proportionSex.female.pct) +
+          ')'
+        "
+      ></v-badge>
+      <p class="text-caption">Proportion by Sex</p>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+import { helpers } from "@/shared/lib/mixins";
+import { defineProps } from "vue";
+
+interface Props {
+  population?: number;
+  concept?: string;
+  percentPeople?: number;
+  recordsPerPerson?: string;
+  percentValues?: string;
+  proportionSex?: {
+    male: {
+      count: number;
+      pct: number;
+    };
+    female: {
+      count: number;
+      pct: number;
+    };
+  };
+  countFailed?: { value: string; action: () => void };
+  notStationary?: boolean;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>

From ec368ea39cda639959e48286005a3a550b793725 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 2 Oct 2023 22:10:48 +0400
Subject: [PATCH 061/202] refactor: moved header info to separate component

---
 .../NetworkConceptReport.vue                  | 30 ++++---------------
 src/widgets/infoPanel/infoPanel.vue           | 12 ++++++++
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 82a96a04..375f92a8 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -9,30 +9,11 @@
           </h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="store.getters.getData.metadata" justify="start">
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-identifier</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.metadata.conceptId"
-            ></v-badge>
-            <p class="text-caption">Concept Identifier</p>
-          </v-col>
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.metadata.numPersons"
-            ></v-badge>
-            <p class="text-caption">Number of People in Network</p>
-          </v-col>
-        </v-row>
+        <InfoPanel
+          v-if="store.getters.getData.metadata"
+          :concept="store.getters.getData.metadata.conceptId"
+          :network-population="store.getters.getData.metadata.numPersons"
+        />
         <MeasurementValueDistributionTable />
         <MeasurementValueDistributionChart />
       </v-responsive>
@@ -46,6 +27,7 @@ import ReturnButton from "@/features/returnToPreviousPage";
 import { useStore } from "vuex";
 import MeasurementValueDistributionTable from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue";
 import MeasurementValueDistributionChart from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue";
+import InfoPanel from "@/widgets/infoPanel";
 
 const store = useStore();
 </script>
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index 56362305..9beb5294 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -97,6 +97,17 @@
       ></v-badge>
       <p class="text-caption">Proportion by Sex</p>
     </v-col>
+    <v-col v-if="props.networkPopulation" cols="2" align="center">
+      <v-icon left color="info">mdi-account-group</v-icon>
+      <v-badge
+        tile
+        inline
+        dark
+        color="info"
+        :content="props.networkPopulation"
+      ></v-badge>
+      <p class="text-caption">Number of People in Network</p>
+    </v-col>
   </v-row>
 </template>
 
@@ -122,6 +133,7 @@ interface Props {
   };
   countFailed?: { value: string; action: () => void };
   notStationary?: boolean;
+  networkPopulation?: number;
 }
 
 const props = defineProps<Props>();

From 8ce1ae50588a1ec3cd470e336035c5b095eec6bb Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 5 Oct 2023 13:08:25 -0400
Subject: [PATCH 062/202] update for dqd 2.4 support

---
 .../components/ResultsTable.vue               | 111 ++----------------
 1 file changed, 13 insertions(+), 98 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 1ef37a2c..a75d998d 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -15,34 +15,6 @@
       <v-col cols="auto">
         <SelectColumns :headers="headers" />
       </v-col>
-      <v-col cols="auto">
-        <v-menu
-          attach
-          v-model="chooseFilter"
-          bottom
-          :close-on-content-click="false"
-          :offset-y="true"
-        >
-          <template #activator="{ props }">
-            <v-btn color="primary" v-bind="props">
-              <v-icon dark left>mdi-filter</v-icon>
-              Helpful Filters
-            </v-btn>
-          </template>
-          <v-list density="compact">
-            <v-list-item v-for="(item, index) in helpfulFilters" :key="index">
-              <v-checkbox-btn
-                v-model="selectedFilter"
-                :label="item.text"
-                :value="item"
-                :multiple="false"
-                hide-details="auto"
-                @update:modelValue="helpfulFilterUpdate(item.preset)"
-              ></v-checkbox-btn>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </v-col>
       <v-col>
         <NestedMenu
           :data="store.getters.getData.checkResults"
@@ -195,47 +167,15 @@ const router = useRouter();
 
 const expanded = ref([]);
 const chooseFilter: Ref<boolean> = ref(false);
-const helpfulFilters = ref([
-  {
-    text: "Failed Checks",
-    key: "failed",
-    preset: {
-      failed: ["FAIL"],
-      cdmTableName: [],
-      cdmTableName: [],
-      checkName: [],
-      notesExist: [],
-      category: [],
-      subcategory: [],
-      context: [],
-      checkLevel: [],
-    },
-  },
-  {
-    text: "No Filters",
-    key: "noFilters",
-    preset: {
-      failed: [],
-      cdmTableName: [],
-      cdmFieldName: [],
-      checkName: [],
-      notesExist: [],
-      category: [],
-      subcategory: [],
-      context: [],
-      checkLevel: [],
-    },
-  },
-]);
 const filters = ref({
-  FAILED: [],
+  failed: [],
   cdmTableName: [],
-  CDM_FIELD_NAME: [],
-  CHECK_NAME: [],
-  NOTES_EXIST: [],
-  CATEGORY: [],
+  cdmFieldName: [],
+  checkName: [],
+  notesExist: [],
+  category: [],
   subcategory: [],
-  CONTEXT: [],
+  context: [],
   checkLevel: [],
 });
 const selectedFilter = ref([]);
@@ -243,7 +183,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Status",
     sortable: true,
-    key: "FAILED",
+    key: "failed",
     show: true,
     default: true,
   },
@@ -257,26 +197,26 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Field",
     sortable: true,
-    key: "CDM_FIELD_NAME",
+    key: "cdmFieldName",
     show: false,
     default: false,
   },
   {
     title: "Check",
     sortable: true,
-    key: "CHECK_NAME",
+    key: "checkName",
     show: false,
     default: false,
   },
   {
     title: "Category",
     sortable: true,
-    key: "CATEGORY",
+    key: "category",
     show: false,
     default: false,
   },
   {
-    title: "subcategory",
+    title: "Subcategory",
     sortable: true,
     key: "subcategory",
     show: false,
@@ -285,7 +225,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Context",
     sortable: true,
-    key: "CONTEXT",
+    key: "contexts",
     show: false,
     default: false,
   },
@@ -299,7 +239,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Notes",
     sortable: true,
-    key: "NOTES_EXIST",
+    key: "notesExist",
     show: false,
     default: false,
   },
@@ -366,15 +306,6 @@ const cmOptions = computed(function () {
     autoRefresh: true,
   };
 });
-const helpfulFilterUpdate = function (filter): void {
-  filters.value = Object.keys(filters.value).reduce(
-    (acc, key) => ({
-      ...acc,
-      [key]: filter[key] ? filter[key] : [],
-    }),
-    {}
-  );
-};
 const renderDescription = function (d) {
   let thresholdMessage = "";
   if (d.thresholdValue != undefined) {
@@ -421,28 +352,12 @@ const updateColumnsList = function (): void {
     }
   });
 };
-const updateFiltersFromUrl = function (): void {
-  const parsedParams = JSON.parse(filterParams.value);
-  helpfulFilterUpdate(
-    Object.keys(parsedParams).reduce(
-      (acc, key) => ({
-        ...acc,
-        [key]: Array.isArray(parsedParams[key])
-          ? [...parsedParams[key]]
-          : [parsedParams[key]],
-      }),
-      {}
-    )
-  );
-};
 
 watch(filterParams, (): void => {
-  updateFiltersFromUrl();
   updateColumnsList();
 });
 
 onBeforeMount((): void => {
-  updateFiltersFromUrl();
   updateColumnsList();
 });
 </script>

From 9601aac27ff6506b564edf852ebb9042f0855138 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 2 Oct 2023 22:06:24 +0400
Subject: [PATCH 063/202] feat: added network concept report

---
 .../NetworkConceptReport.vue                  | 139 ++++++++++++++++--
 .../RecordCountProportionByMonth.vue          |  72 +++++++++
 .../specRecordProportionByMonth.ts            | 135 +++++++++++++++++
 .../AgeAtFirstDiagnosis.vue                   |  61 ++++++++
 .../specAgeAtFirstDiagnosis.ts                |  75 ++++++++++
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |  58 ++++++++
 .../specAgeAtFirstExposure.ts                 |  80 ++++++++++
 .../conditionsByType/ConditionsByType.vue     |  58 ++++++++
 .../conditionsByType/specConditionsByType.ts  |  70 +++++++++
 .../charts/daysSupply/DaysSupply.vue          |  58 ++++++++
 .../charts/daysSupply/specDaysSupply.ts       |  63 ++++++++
 .../charts/drugsByType/DrugsByType.vue        |  57 +++++++
 .../charts/drugsByType/specDrugsByType.ts     |  70 +++++++++
 .../MeasurementValueDistributionChart.vue     |  30 ++--
 .../MeasurementValueDistributionTable.vue     |  15 +-
 .../QuantityDistribution.vue                  |  58 ++++++++
 .../quantityDistribution/specQuantity.ts      |  63 ++++++++
 .../RecordCountProportionByMonth.vue          |   2 +-
 src/processes/exploreReports/config/routes.ts |  11 +-
 .../postprocessing/networkConceptReport.ts    |  42 ++++++
 src/widgets/explorer/config/reports.ts        |   6 +
 21 files changed, 1188 insertions(+), 35 deletions(-)
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts

diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 82a96a04..59434cdd 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -3,13 +3,41 @@
     <v-container fluid>
       <v-responsive min-width="900">
         <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 v-if="store.getters.getData.metadata" class="text-uppercase">
-            {{ store.getters.getData.metadata.conceptName }}
-            NETWORK REPORT
-          </h2>
+          <h2 class="text-uppercase">NETWORK CONCEPT REPORT</h2>
           <ReturnButton />
         </v-layout>
-        <v-row v-if="store.getters.getData.metadata" justify="start">
+        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
+          <v-row>
+            <v-col cols="3">
+              <v-text-field
+                v-model="concept"
+                prepend-icon="mdi-magnify"
+                label="Enter concept ID"
+                single-line
+                variant="outlined"
+                density="compact"
+                hide-details
+              ></v-text-field>
+            </v-col>
+            <v-col cols="3">
+              <v-select
+                :items="domains"
+                v-model="selected"
+                variant="outlined"
+                density="compact"
+                item-title="text"
+                item-value="value"
+              ></v-select>
+            </v-col>
+            <v-col cols="3">
+              <v-btn @click="atClick"> Show </v-btn>
+            </v-col>
+            <!--            <v-col cols="auto">
+              <SelectColumns :headers="headers" />
+            </v-col>-->
+          </v-row>
+        </v-layout>
+        <v-row v-if="metadata" justify="start">
           <v-col cols="2" align="center">
             <v-icon left color="info">mdi-identifier</v-icon>
             <v-badge
@@ -17,7 +45,7 @@
               inline
               dark
               color="info"
-              :content="store.getters.getData.metadata.conceptId"
+              :content="metadata.conceptId"
             ></v-badge>
             <p class="text-caption">Concept Identifier</p>
           </v-col>
@@ -28,13 +56,41 @@
               inline
               dark
               color="info"
-              :content="store.getters.getData.metadata.numPersons"
+              :content="metadata.numPersons"
             ></v-badge>
             <p class="text-caption">Number of People in Network</p>
           </v-col>
         </v-row>
-        <MeasurementValueDistributionTable />
-        <MeasurementValueDistributionChart />
+        <RecordCountProportionByMonth
+          v-if="recordCountProportionByMonth.length"
+          :data="recordCountProportionByMonth"
+        />
+        <MeasurementValueDistributionTable
+          v-if="measurementTable.length"
+          :data="measurementTable"
+        />
+        <MeasurementValueDistributionChart
+          v-if="measurementChart.length"
+          :data="measurementChart"
+        />
+        <AgeAtFirstExposure
+          v-if="ageAtFirstExposure.length"
+          :data="ageAtFirstExposure"
+        />
+        <AgeAtFirstDiagnosis
+          v-if="ageAtFirstDiagnosis.length"
+          :data="ageAtFirstDiagnosis"
+        />
+        <DaysSupply v-if="daysSupply.length" :data="daysSupply" />
+        <DrugsByType v-if="drugsByType.length" :data="drugsByType" />
+        <QuantityDistribution
+          v-if="quantityDistribution.length"
+          :data="quantityDistribution"
+        />
+        <ConditionsByType
+          v-if="conditionsByType.length"
+          :data="conditionsByType"
+        />
       </v-responsive>
     </v-container>
   </div>
@@ -46,8 +102,73 @@ import ReturnButton from "@/features/returnToPreviousPage";
 import { useStore } from "vuex";
 import MeasurementValueDistributionTable from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue";
 import MeasurementValueDistributionChart from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue";
+import { computed, ref } from "vue";
+import RecordCountProportionByMonth from "@/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
+import { useRouter } from "vue-router";
+import AgeAtFirstExposure from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue";
+import DrugsByType from "@/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue";
+import DaysSupply from "@/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue";
+import QuantityDistribution from "@/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue";
+import AgeAtFirstDiagnosis from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue";
+import ConditionsByType from "@/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue";
 
 const store = useStore();
+const router = useRouter();
+
+function atClick() {
+  router.push({
+    params: {
+      domain: selected.value,
+      concept: concept.value,
+    },
+  });
+}
+
+const concept = ref("");
+const selected = ref(null);
+const domains = [
+  { value: "condition_occurrence", text: "Condition occurrence" },
+  { value: "drug_exposure", text: "Drug exposure" },
+  { value: "device_exposure", text: "Device exposure" },
+  { value: "measurement", text: "Measurement" },
+  { value: "death", text: "Death" },
+  { value: "procedure_occurrence", text: "Procedure occurrence" },
+  { value: "observation_period", text: "Observation" },
+];
+
+const metadata = computed(() => {
+  return store.getters.getData?.metadata;
+});
+const recordCountProportionByMonth = computed(() => {
+  return store.getters.getData?.chart?.recordCountProportionByMonth || [];
+});
+
+const measurementChart = computed(() => {
+  return store.getters.getData?.chart?.measurementValueDistribution || [];
+});
+const ageAtFirstExposure = computed(() => {
+  return store.getters.getData?.chart?.ageAtFirstExposure || [];
+});
+const drugsByType = computed(() => {
+  return store.getters.getData?.chart?.drugsByType || [];
+});
+
+const daysSupply = computed(() => {
+  return store.getters.getData?.chart?.daysSupply || [];
+});
+
+const measurementTable = computed(() => {
+  return store.getters.getData?.table?.measurementValueDistribution || [];
+});
+const quantityDistribution = computed(() => {
+  return store.getters.getData?.chart?.quantityDistribution || [];
+});
+const ageAtFirstDiagnosis = computed(() => {
+  return store.getters.getData?.chart?.ageAtFirstDiagnosis || [];
+});
+const conditionsByType = computed(() => {
+  return store.getters.getData?.chart?.conditionsByType || [];
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
new file mode 100644
index 00000000..c89e0395
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -0,0 +1,72 @@
+<template>
+  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
+    <ChartHeader title="Record Count Proportion by Month" />
+    <Chart
+      v-if="store.getters.dataInStore"
+      :id="reportId"
+      width="90"
+      :chartSpec="specRecordProportionByMonth"
+      :data="props.data"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        icon="mdi-database-clock"
+        tooltip="Review this Time-Series across data source releases."
+        @iconClicked="router.push(getSourceConceptReportLink())"
+      />
+      <!--      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .PREVALENCE_BY_MONTH[0]
+            )
+          )
+        "
+      />-->
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
+import { useStore } from "vuex";
+import { defineProps } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+
+interface Props {
+  data: [];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+const reportId = "viz-networkrecordproportionbymonth";
+
+const getSourceConceptReportLink = function () {
+  return {
+    name: "sourceConceptOverlay",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
+    },
+  };
+};
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
new file mode 100644
index 00000000..82cc2b26
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
@@ -0,0 +1,135 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRecordProportionByMonth(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    vconcat: [
+      {
+        height: 150,
+        width: "container",
+        description: "Domain Data Density",
+        data: { name: "conceptData" },
+
+        layer: [
+          {
+            mark: { type: "circle" },
+            params: [
+              {
+                name: "source",
+                select: { type: "point", fields: ["SOURCE"] },
+                bind: "legend",
+              },
+            ],
+            encoding: {
+              opacity: {
+                condition: { param: "source", value: 1 },
+                value: 0.2,
+              },
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+            },
+          },
+          {
+            params: [
+              {
+                name: "index",
+                select: {
+                  type: "point",
+                  fields: ["date"],
+                  on: "mousemove",
+                  nearest: true,
+                },
+              },
+            ],
+            mark: { type: "point" },
+            encoding: {
+              y: {
+                field: "Y_PREVALENCE_1000PP",
+                type: "quantitative",
+                scale: {
+                  zero: zeroBaseline,
+                },
+              },
+              opacity: { value: 0 },
+            },
+          },
+          {
+            transform: [
+              {
+                filter: {
+                  and: ["index.date", { param: "index" }],
+                },
+              },
+            ],
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            timeUnit: "yearmonth",
+            scale: { domain: { selection: "brush" } },
+            axis: { title: "" },
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "Record Proportion per 1000",
+            scale: {
+              zero: zeroBaseline,
+            },
+          },
+          color: { field: "SOURCE", type: "nominal" },
+
+          tooltip: [
+            {
+              field: "Y_PREVALENCE_1000PP",
+              title: "RPP1000",
+              type: "quantitative",
+            },
+            {
+              field: "date",
+              title: "Date",
+              type: "temporal",
+              timeUnit: "yearmonth",
+            },
+          ],
+        },
+      },
+      {
+        width: "container",
+        height: 25,
+        mark: "line",
+        data: { name: "conceptData" },
+        selection: {
+          brush: { type: "interval", encodings: ["x"] },
+        },
+        encoding: {
+          x: {
+            field: "date",
+            type: "temporal",
+            title: "Date",
+            timeUnit: "yearmonth",
+          },
+          y: {
+            field: "Y_PREVALENCE_1000PP",
+            type: "quantitative",
+            title: "",
+          },
+        },
+      },
+    ],
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
new file mode 100644
index 00000000..a30249aa
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -0,0 +1,61 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Age at First Diagnosis" />
+    <Chart
+      id="viz-ageatfirstdiagnosis"
+      :chartSpec="specAgeAtFirstDiagnosis"
+      :data="props.data"
+      width="90"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Proportion of people with at least one record per 1000 people."
+      />
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_DIAGNOSIS[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { defineProps } from "vue";
+
+import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
new file mode 100644
index 00000000..34944b47
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
@@ -0,0 +1,75 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeAtFirstDiagnosis(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      data: { name: "conceptData" },
+      encoding: {
+        y: {
+          field: "CATEGORY",
+          type: "nominal",
+          title: null,
+          scale: {
+            zero: zeroBaseline,
+          },
+        },
+      },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: null,
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 14, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "CATEGORY", title: "CATEGORY" },
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+            color: { field: "CATEGORY", type: "nominal", legend: null },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 14 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
new file mode 100644
index 00000000..08d887ac
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Age At First Exposure" />
+
+    <Chart
+      id="viz-ageatfirstexposure"
+      :chartSpec="specAgeAtFirstExposure"
+      :data="props.data"
+      width="85"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_EXPOSURE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+
+import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { defineProps } from "vue";
+
+interface Props {
+  data: [];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
new file mode 100644
index 00000000..118ace13
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
@@ -0,0 +1,80 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeAtFirstExposure(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      data: { name: "conceptData" },
+      encoding: {
+        y: {
+          field: "CATEGORY",
+          type: "nominal",
+          title: null,
+          scale: {
+            zero: zeroBaseline,
+          },
+        },
+      },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: null,
+            },
+            x2: { field: "MAX_VALUE" },
+            tooltip: {
+              field: minMax ? "MAX_VALUE" : "P90_VALUE",
+            },
+          },
+        },
+        {
+          mark: { type: "bar", size: 14, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "CATEGORY", title: "CATEGORY" },
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: {
+              field: "P25_VALUE",
+              type: "quantitative",
+            },
+            x2: { field: "P75_VALUE" },
+            color: { field: "CATEGORY", type: "nominal" },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 14 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
new file mode 100644
index 00000000..a6f3de93
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Conditions by Type" />
+    <Chart
+      id="viz-conditionsbytype"
+      :chartSpec="specConditionsByType"
+      :data="props.data"
+      width="85"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about Condition types."
+        @iconClicked="
+          helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
+        "
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .CONDITIONS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+
+import { defineProps } from "vue";
+
+import { specConditionsByType } from "./specConditionsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+const store = useStore();
+const route = useRoute();
+interface Props {
+  data: RecordsCountType[];
+}
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
new file mode 100644
index 00000000..07a2b51f
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
@@ -0,0 +1,70 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specConditionsByType(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      width: "container",
+      height: 75,
+      mark: "bar",
+      data: { name: "conceptData" },
+      transform: [
+        {
+          window: [
+            {
+              op: "sum",
+              field: "COUNT_VALUE",
+              as: "TOTAL_VALUE",
+            },
+          ],
+          frame: [null, null],
+        },
+        {
+          calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+          as: "PERCENT",
+        },
+      ],
+      encoding: {
+        tooltip: [
+          { field: "CONCEPT_NAME", title: "Condition Type" },
+          { field: "COUNT_VALUE", title: "Number of Records" },
+          { field: "PERCENT", title: "% of Records", format: "0.2%" },
+        ],
+        x: {
+          field: "PERCENT",
+          aggregate: "sum",
+          title: "% of Records",
+          format: "0%",
+          axis: {
+            format: "0%",
+          },
+        },
+        color: {
+          field: "CONCEPT_NAME",
+          type: "nominal",
+          legend: {
+            orient: "right",
+            columns: 2,
+            title: null,
+          },
+        },
+        order: {
+          aggregate: "sum",
+          field: "COUNT_VALUE",
+          sort: "descending",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
new file mode 100644
index 00000000..906608cd
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Days Supply" />
+
+    <Chart
+      id="viz-dayssupply"
+      :chartSpec="specDaysSupply"
+      :data="props.data"
+      width="95"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how to interpret this plot"
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .DAYS_SUPPLY_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+
+import { specDaysSupply } from "./specDaysSupply";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { defineProps } from "vue";
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
new file mode 100644
index 00000000..f680b34d
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
@@ -0,0 +1,63 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDaysSupply(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "SOURCE",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      data: { name: "conceptData" },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: "Days Supply",
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 28, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 28 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
new file mode 100644
index 00000000..b2b0a1af
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -0,0 +1,57 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Drugs by Type" />
+
+    <Chart
+      id="viz-drugsbytype"
+      :chartSpec="specDrugsByType"
+      :data="props.data"
+      width="90"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about drug types."
+        @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .DRUGS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specDrugsByType } from "./specDrugsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+
+import { defineProps } from "vue";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+interface Props {
+  data: RecordsCountType[];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
new file mode 100644
index 00000000..52ac801e
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
@@ -0,0 +1,70 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDrugsByType(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      width: "container",
+      height: 75,
+      mark: "bar",
+      data: { name: "conceptData" },
+      transform: [
+        {
+          window: [
+            {
+              op: "sum",
+              field: "COUNT_VALUE",
+              as: "TOTAL_VALUE",
+            },
+          ],
+          frame: [null, null],
+        },
+        {
+          calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+          as: "PERCENT",
+        },
+      ],
+      encoding: {
+        tooltip: [
+          { field: "CONCEPT_NAME", title: "Drug Type" },
+          { field: "COUNT_VALUE", title: "Number of Records", format: "," },
+          { field: "PERCENT", title: "% of Records", format: "0.2%" },
+        ],
+        x: {
+          field: "PERCENT",
+          aggregate: "sum",
+          title: "% of Records",
+          format: "0%",
+          axis: {
+            format: "0%",
+          },
+        },
+        color: {
+          field: "CONCEPT_NAME",
+          type: "nominal",
+          legend: {
+            orient: "right",
+            columns: 2,
+            title: null,
+          },
+        },
+        order: {
+          aggregate: "sum",
+          field: "COUNT_VALUE",
+          sort: "descending",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index de804260..f72712f8 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -1,10 +1,5 @@
 <template>
-  <v-card
-    v-if="store.getters.getData.chart"
-    :loading="!store.getters.getData"
-    elevation="2"
-    class="ma-4"
-  >
+  <v-card elevation="2" class="ma-4">
     <ChartHeader title="Measurement Value Distributions by Database and Unit" />
     <v-layout class="pa-4">
       <v-select
@@ -54,33 +49,34 @@ import { Chart } from "@/widgets/chart";
 import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { computed, ref, Ref } from "vue";
+import { computed, ref, Ref, defineProps } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { useRouter } from "vue-router";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 
 const store = useStore();
 const router = useRouter();
 
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+
 const getMeasurementUnits = computed(function () {
-  return [
-    ...new Set(
-      store.getters.getData?.chart?.measurementValueDistribution.map(
-        (value) => value.CATEGORY
-      )
-    ),
-  ];
+  return [...new Set(props.data.map((value) => value.CATEGORY))];
 });
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
 const getSelectedMeasurementUnits = computed(function () {
   return selectedMeasurementUnits.value.length
-    ? store.getters.getData?.chart?.measurementValueDistribution.filter(
-        (value) => selectedMeasurementUnits.value.includes(value.CATEGORY)
+    ? props.data.filter((value) =>
+        selectedMeasurementUnits.value.includes(value.CATEGORY)
       )
-    : store.getters.getData?.chart?.measurementValueDistribution;
+    : props.data;
 });
 </script>
 
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
index 4abc3ba4..c1c1a2c8 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
@@ -1,10 +1,6 @@
 <template>
   <v-card v-if="store.getters.getData.table" elevation="10" class="ma-4">
-    <v-data-table
-      density="compact"
-      :headers="headers"
-      :items="store.getters.getData.table.measurementValueDistribution"
-    >
+    <v-data-table density="compact" :headers="headers" :items="props.data">
     </v-data-table>
   </v-card>
 </template>
@@ -12,10 +8,17 @@
 <script setup lang="ts">
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { useStore } from "vuex";
-import { ref, Ref } from "vue";
+import { ref, Ref, defineProps } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 const store = useStore();
 
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+
 const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Source",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
new file mode 100644
index 00000000..d18d1890
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Quantity" />
+
+    <Chart
+      id="viz-quantity"
+      :chartSpec="specQuantity"
+      :data="props.data"
+      width="95"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .QUANTITY_DISTRIBUTION[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import { specQuantity } from "./specQuantity";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+import { defineProps } from "vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
new file mode 100644
index 00000000..e1453318
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
@@ -0,0 +1,63 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specQuantity(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      data: { name: "conceptData" },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: "Amount",
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 28, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 28 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 0cef5b17..a00b7db7 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -10,7 +10,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="99"
+      width="98"
       :chartSpec="specRecordProportionByMonth"
       :annotations-config="{
         chartSpec: specRecordProportionByMonthAnnotation,
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index 082700ab..7b4ee8a8 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -27,6 +27,7 @@ import domainContinuity from "@/pages/reports/source/DomainContinuity/DomainCont
 import sourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 import networkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
+import NetworkConceptReport from "@/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue";
 
 import { RouteRecordRaw } from "vue-router";
 
@@ -58,6 +59,12 @@ export const routes: RouteRecordRaw[] = [
         name: "networkDataQuality",
         components: { reportsView: networkDataQualitySummary },
       },
+
+      {
+        path: "network_concept/:domain?/:concept?",
+        name: "networkConcept",
+        components: { reportsView: NetworkConceptReport },
+      },
       {
         path: "network_concept_dashboard",
         name: "networkConceptDashboard",
@@ -98,11 +105,11 @@ export const routes: RouteRecordRaw[] = [
         name: "overview",
         components: { reportsView: networkOverview },
       },
-      {
+      /*{
         path: "concept/:domain/:concept/summary",
         name: "networkConcept",
         components: { reportsView: networkConceptReport },
-      },
+      },*/
     ],
   },
   {
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index a8dfe56a..1515cc85 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -2,9 +2,30 @@ import { CONCEPT } from "@/shared/config/files";
 import _ from "lodash";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import * as d3 from "d3-time-format";
+
+function augmentReport(concept, dataField) {
+  return concept.filter((value) => value.data[dataField]?.length).length
+    ? concept.reduce(
+        (prevValue, current) => [
+          ...prevValue,
+          ...current.data[dataField].map((value) => ({
+            ...value,
+            SOURCE: current.source.cdm_source_key,
+          })),
+        ],
+        []
+      )
+    : null;
+}
 
 export default function networkConcept(data) {
+  const dateParse = d3.timeParse("%Y%m");
+
   const concept: MultipleFilesRawInterface<ConceptType>[] = data[CONCEPT];
+  if (!concept[0]) {
+    return;
+  }
   return {
     metadata: {
       conceptName: concept[0].data.CONCEPT_NAME[0],
@@ -26,6 +47,27 @@ export default function networkConcept(data) {
             []
           )
         : null,
+      ageAtFirstExposure: augmentReport(concept, "AGE_AT_FIRST_EXPOSURE"),
+      drugsByType: augmentReport(concept, "DRUGS_BY_TYPE"),
+      daysSupply: augmentReport(concept, "DAYS_SUPPLY_DISTRIBUTION"),
+      quantityDistribution: augmentReport(concept, "QUANTITY_DISTRIBUTION"),
+      ageAtFirstDiagnosis: augmentReport(concept, "AGE_AT_FIRST_DIAGNOSIS"),
+      conditionsByType: augmentReport(concept, "CONDITIONS_BY_TYPE"),
+      recordCountProportionByMonth: concept.filter(
+        (value) => value.data.PREVALENCE_BY_MONTH?.length
+      ).length
+        ? concept.reduce(
+            (prevValue, current) => [
+              ...prevValue,
+              ...current.data.PREVALENCE_BY_MONTH.map((value) => ({
+                ...value,
+                SOURCE: current.source.cdm_source_key,
+                date: dateParse(value.X_CALENDAR_MONTH.toString()),
+              })),
+            ],
+            []
+          )
+        : null,
     },
     table: {
       measurementValueDistribution: concept.filter(
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index edd2569b..8f1aae83 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -17,6 +17,12 @@ export const reports = [
     name: "Data Source Feasibility",
     routeName: "feasibility",
   },
+  {
+    folder: "Data Network",
+    icon: "mdi-check-network",
+    name: "Network Concept Report",
+    routeName: "networkConcept",
+  },
   {
     folder: "Data Network",
     icon: "mdi-database-search",

From 824255600071f1473796f0420bff4cb3b0cf0064 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 11 Oct 2023 05:53:39 +0400
Subject: [PATCH 064/202] fix: url query filters in data quality results
 reports not working

---
 .../components/ResultsTable.vue               | 31 ++++++++++++++-----
 .../DomainTable/components/MainTable.vue      |  4 +--
 2 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index a75d998d..38656286 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -65,10 +65,7 @@
         <v-row dense>
           <v-col cols="2">Table</v-col>
           <v-col>
-            <a
-              :href="links.getDocsLink(item.raw.cdmTableName)"
-              target="_blank"
-            >
+            <a :href="links.getDocsLink(item.raw.cdmTableName)" target="_blank">
               {{ item.raw.cdmTableName }}
               <v-icon small>mdi-open-in-new</v-icon>
             </a>
@@ -166,8 +163,8 @@ const route = useRoute();
 const router = useRouter();
 
 const expanded = ref([]);
-const chooseFilter: Ref<boolean> = ref(false);
-const filters = ref({
+const filters = ref({});
+const defaultFilters = {
   failed: [],
   cdmTableName: [],
   cdmFieldName: [],
@@ -177,8 +174,7 @@ const filters = ref({
   subcategory: [],
   context: [],
   checkLevel: [],
-});
-const selectedFilter = ref([]);
+};
 const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Status",
@@ -353,12 +349,31 @@ const updateColumnsList = function (): void {
   });
 };
 
+const updateFiltersFromUrl = function (): void {
+  const parsedParams = JSON.parse(filterParams.value);
+
+  filters.value = {
+    ...defaultFilters,
+    ...Object.keys(parsedParams).reduce(
+      (acc, key) => ({
+        ...acc,
+        [key]: Array.isArray(parsedParams[key])
+          ? [...parsedParams[key]]
+          : [parsedParams[key]],
+      }),
+      {}
+    ),
+  };
+};
+
 watch(filterParams, (): void => {
   updateColumnsList();
+  updateFiltersFromUrl();
 });
 
 onBeforeMount((): void => {
   updateColumnsList();
+  updateFiltersFromUrl();
 });
 </script>
 
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index bf9d8737..6ffccc01 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -338,8 +338,8 @@ const navigateToDataQuality = function () {
     },
     query: {
       tab: "results",
-      CDM_TABLE_NAME: route.params.domain.toUpperCase(),
-      FAILED: "FAIL",
+      cdmTableName: route.params.domain.toUpperCase(),
+      failed: "FAIL",
     },
   });
 };

From fb145553da61290f79c1c6fa5eadcb685e57cab1 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 12 Oct 2023 13:47:31 -0400
Subject: [PATCH 065/202] tweaks to explorer, fix on measurement table missing
 header

---
 .../MeasurementTable/MeasurementTable.vue     |  3 +++
 .../MeasurementValueDistribution.vue          |  2 +-
 src/widgets/explorer/ui/Explorer.vue          | 20 ++++++++++---------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
index 76e64b94..9634e50f 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
@@ -1,9 +1,11 @@
 <template>
+
   <v-card
     v-if="store.getters.getData.measurementTable"
     elevation="2"
     class="ma-4"
   >
+    <ChartHeader title="Measurement Value Distributions by Unit"></ChartHeader>    
     <v-data-table
       density="compact"
       :headers="headers"
@@ -17,6 +19,7 @@
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { ref, Ref } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { useStore } from "vuex";
 
 const store = useStore();
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index a7267ce8..b1b6a6c3 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -5,7 +5,7 @@
     elevation="2"
     class="ma-4"
   >
-    <ChartHeader title="Measurement Value Distributions" />
+    <ChartHeader title="Measurement Value Distributions by Unit" />
 
     <v-layout class="pa-4">
       <v-select
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 8d67d72c..5d0b07cb 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -1,9 +1,9 @@
 <template>
   <div v-if="store.getters.explorerLoaded" id="explorer" class="pa-2">
     <v-row>
-      <v-col cols="1">
+      <v-col cols="1" class="d-flex justify-center align-center">
         <v-btn to="/home" icon variant="plain">
-          <v-img :class="iconClass" :src="icon" width="32"></v-img> </v-btn
+          <v-img :class="iconClass" :src="icon" width="42"></v-img> </v-btn
       ></v-col>
       <v-col cols="auto">
         <v-autocomplete
@@ -13,7 +13,7 @@
           prepend-icon="mdi-folder"
           return-object
           density="compact"
-          variant="outlined"
+          variant="underlined"
           :items="config.folders"
           item-title="name"
           item-value="name"
@@ -31,14 +31,13 @@
       <v-col v-if="showSourceSelector" cols="auto">
         <v-autocomplete
           class="mt-2"
-          variant="outlined"
-          label="Data Source"
+          variant="underlined"
+          label="Source"
           density="compact"
           :model-value="store.getters.getSelectedSource"
           return-object
           prepend-icon="mdi-database"
           auto-select-first
-          dense
           :items="store.getters.getSources"
           item-title="cdm_source_abbreviation"
           item-value="cdm_source_key"
@@ -49,7 +48,7 @@
       <v-col v-if="showReleaseSelector" cols="auto">
         <v-autocomplete
           class="mt-2"
-          variant="outlined"
+          variant="underlined"
           density="compact"
           label="Data Source Release"
           :model-value="store.getters.getSelectedRelease"
@@ -68,7 +67,7 @@
           class="mt-2"
           label="Report"
           density="compact"
-          variant="outlined"
+          variant="underlined"
           :model-value="store.getters.getSelectedReport"
           return-object
           prepend-icon="mdi-file-chart"
@@ -89,7 +88,7 @@
       <v-col v-if="showConceptSelector" cols="auto">
         <v-autocomplete
           readonly
-          variant="outlined"
+          variant="underlined"
           density="compact"
           class="mt-2"
           label="Concept ID"
@@ -191,4 +190,7 @@ tr:hover {
 .inverted {
   filter: invert(1);
 }
+ .v-list-item{
+   min-height: 30px !important;
+ }
 </style>

From 5b4113b7fa0ca33875b50114e56f27c4ddd384ea Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 13 Oct 2023 04:58:38 +0400
Subject: [PATCH 066/202] feat: added network concept report

---
 .../NetworkConceptReport.vue                  | 194 ++++++++++--------
 .../RecordCountProportionByMonth.vue          |  20 +-
 .../AgeAtFirstOccurrence.vue                  |  58 ++++++
 .../specAgeAtFirstOccurrence.ts               |  73 +++++++
 .../charts/lengthOfEra/LengthOfEra.vue        |  50 +++++
 .../charts/lengthOfEra/specLengthOfEra.ts     |  61 ++++++
 .../measurementsByType/MeasurementsByType.vue |  55 +++++
 .../specMeasurementsByType.ts                 |  69 +++++++
 .../charts/recordsByUnit/RecordsByUnit.vue    |  51 +++++
 .../charts/recordsByUnit/specRecordsByUnit.ts |  71 +++++++
 .../VisitDurationByType.vue                   |  51 +++++
 .../specVisitDurationByType.ts                |  73 +++++++
 .../release/ConceptReport/ConceptReport.vue   |  13 +-
 .../postprocessing/networkConceptReport.ts    |   5 +
 src/widgets/infoPanel/infoPanel.vue           |  14 +-
 15 files changed, 751 insertions(+), 107 deletions(-)
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
 create mode 100644 src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts

diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index cc91ce31..19325463 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -6,91 +6,86 @@
           <h2 class="text-uppercase">NETWORK CONCEPT REPORT</h2>
           <ReturnButton />
         </v-layout>
-        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <v-row>
-            <v-col cols="3">
-              <v-text-field
-                v-model="concept"
-                prepend-icon="mdi-magnify"
-                label="Enter concept ID"
-                single-line
-                variant="outlined"
-                density="compact"
-                hide-details
-              ></v-text-field>
-            </v-col>
-            <v-col cols="3">
-              <v-select
-                :items="domains"
-                v-model="selected"
-                variant="outlined"
-                density="compact"
-                item-title="text"
-                item-value="value"
-              ></v-select>
-            </v-col>
-            <v-col cols="3">
-              <v-btn @click="atClick"> Show </v-btn>
-            </v-col>
-            <!--            <v-col cols="auto">
-              <SelectColumns :headers="headers" />
-            </v-col>-->
-          </v-row>
-        </v-layout>
-        <v-row v-if="metadata" justify="start">
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-identifier</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="metadata.conceptId"
-            ></v-badge>
-            <p class="text-caption">Concept Identifier</p>
+        <v-row class="ma-2">
+          <v-col cols="3">
+            <v-text-field
+              v-model="concept"
+              prepend-icon="mdi-magnify"
+              label="Enter concept ID"
+              single-line
+              variant="outlined"
+              density="compact"
+              hide-details
+            ></v-text-field>
           </v-col>
-          <v-col cols="2" align="center">
-            <v-icon left color="info">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="metadata.numPersons"
-            ></v-badge>
-            <p class="text-caption">Number of People in Network</p>
+          <v-col cols="3">
+            <v-select
+              :items="domains"
+              v-model="selected"
+              variant="outlined"
+              density="compact"
+              item-title="text"
+              item-value="value"
+            ></v-select>
+          </v-col>
+          <v-col cols="3">
+            <v-btn variant="flat" @click="atClick"> Show report </v-btn>
           </v-col>
         </v-row>
-        <RecordCountProportionByMonth
-          v-if="recordCountProportionByMonth.length"
-          :data="recordCountProportionByMonth"
-        />
-        <MeasurementValueDistributionTable
-          v-if="measurementTable.length"
-          :data="measurementTable"
-        />
-        <MeasurementValueDistributionChart
-          v-if="measurementChart.length"
-          :data="measurementChart"
-        />
-        <AgeAtFirstExposure
-          v-if="ageAtFirstExposure.length"
-          :data="ageAtFirstExposure"
-        />
-        <AgeAtFirstDiagnosis
-          v-if="ageAtFirstDiagnosis.length"
-          :data="ageAtFirstDiagnosis"
-        />
-        <DaysSupply v-if="daysSupply.length" :data="daysSupply" />
-        <DrugsByType v-if="drugsByType.length" :data="drugsByType" />
-        <QuantityDistribution
-          v-if="quantityDistribution.length"
-          :data="quantityDistribution"
-        />
-        <ConditionsByType
-          v-if="conditionsByType.length"
-          :data="conditionsByType"
-        />
+        <div v-if="store.getters.getData">
+          <info-panel
+            v-if="metadata"
+            :concept="metadata.conceptId"
+            :population="metadata.numPersons"
+          />
+          <AgeAtFirstOccurrence
+            v-if="ageAtFirstOccurrence.length"
+            :data="ageAtFirstOccurrence"
+          />
+          <RecordCountProportionByMonth
+            v-if="recordCountProportionByMonth.length"
+            :data="recordCountProportionByMonth"
+          />
+          <MeasurementValueDistributionTable
+            v-if="measurementTable.length"
+            :data="measurementTable"
+          />
+          <MeasurementValueDistributionChart
+            v-if="measurementChart.length"
+            :data="measurementChart"
+          />
+          <AgeAtFirstExposure
+            v-if="ageAtFirstExposure.length"
+            :data="ageAtFirstExposure"
+          />
+          <AgeAtFirstDiagnosis
+            v-if="ageAtFirstDiagnosis.length"
+            :data="ageAtFirstDiagnosis"
+          />
+          <DaysSupply v-if="daysSupply.length" :data="daysSupply" />
+          <DrugsByType v-if="drugsByType.length" :data="drugsByType" />
+          <QuantityDistribution
+            v-if="quantityDistribution.length"
+            :data="quantityDistribution"
+          />
+          <ConditionsByType
+            v-if="conditionsByType.length"
+            :data="conditionsByType"
+          />
+          <VisitDurationByType
+            v-if="visitDurationByType.length"
+            :data="visitDurationByType"
+          />
+          <RecordsByUnit v-if="recordsByUnit.length" :data="recordsByUnit" />
+          <MeasurementsByType
+            v-if="measurementsByType.length"
+            :data="measurementsByType"
+          />
+          <LengthOfEra v-if="lengthOfEra.length" :data="lengthOfEra" />
+        </div>
+        <div v-else>
+          <h3 class="text-center">No data available</h3>
+        </div>
       </v-responsive>
     </v-container>
   </div>
@@ -102,19 +97,26 @@ import ReturnButton from "@/features/returnToPreviousPage";
 import { useStore } from "vuex";
 import MeasurementValueDistributionTable from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue";
 import MeasurementValueDistributionChart from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue";
-import { computed, ref } from "vue";
+import { computed, onMounted, ref } from "vue";
 import RecordCountProportionByMonth from "@/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import AgeAtFirstExposure from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue";
 import DrugsByType from "@/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue";
 import DaysSupply from "@/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue";
 import QuantityDistribution from "@/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue";
 import AgeAtFirstDiagnosis from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue";
 import ConditionsByType from "@/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue";
+import VisitDurationByType from "@/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue";
+import RecordsByUnit from "@/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue";
+import MeasurementsByType from "@/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue";
+import LengthOfEra from "@/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue";
+import AgeAtFirstOccurrence from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue";
 import InfoPanel from "@/widgets/infoPanel";
+import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 
 const store = useStore();
 const router = useRouter();
+const route = useRoute();
 
 function atClick() {
   router.push({
@@ -130,6 +132,7 @@ const selected = ref(null);
 const domains = [
   { value: "condition_occurrence", text: "Condition occurrence" },
   { value: "drug_exposure", text: "Drug exposure" },
+  { value: "visit_occurrence", text: "Visit Occurrence" },
   { value: "device_exposure", text: "Device exposure" },
   { value: "measurement", text: "Measurement" },
   { value: "death", text: "Death" },
@@ -143,7 +146,6 @@ const metadata = computed(() => {
 const recordCountProportionByMonth = computed(() => {
   return store.getters.getData?.chart?.recordCountProportionByMonth || [];
 });
-
 const measurementChart = computed(() => {
   return store.getters.getData?.chart?.measurementValueDistribution || [];
 });
@@ -153,11 +155,9 @@ const ageAtFirstExposure = computed(() => {
 const drugsByType = computed(() => {
   return store.getters.getData?.chart?.drugsByType || [];
 });
-
 const daysSupply = computed(() => {
   return store.getters.getData?.chart?.daysSupply || [];
 });
-
 const measurementTable = computed(() => {
   return store.getters.getData?.table?.measurementValueDistribution || [];
 });
@@ -170,6 +170,26 @@ const ageAtFirstDiagnosis = computed(() => {
 const conditionsByType = computed(() => {
   return store.getters.getData?.chart?.conditionsByType || [];
 });
+const visitDurationByType = computed(() => {
+  return store.getters.getData?.chart?.visitDurationByType || [];
+});
+const recordsByUnit = computed(() => {
+  return store.getters.getData?.chart?.recordsByUnit || [];
+});
+const measurementsByType = computed(() => {
+  return store.getters.getData?.chart?.measurementsByType || [];
+});
+const lengthOfEra = computed(() => {
+  return store.getters.getData?.chart?.lengthOfEra || [];
+});
+const ageAtFirstOccurrence = computed(() => {
+  return store.getters.getData?.chart?.ageAtFirstOccurrence || [];
+});
+
+onMounted(() => {
+  concept.value = route.params.concept;
+  selected.value = route.params.domain;
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index c89e0395..31d52fa4 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -4,7 +4,7 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="90"
+      width="85"
       :chartSpec="specRecordProportionByMonth"
       :data="props.data"
     />
@@ -14,11 +14,6 @@
         tooltip="Proportion of people with at least one record per 1000 people."
       />
       <ChartActionIcon
-        icon="mdi-database-clock"
-        tooltip="Review this Time-Series across data source releases."
-        @iconClicked="router.push(getSourceConceptReportLink())"
-      />
-      <!--      <ChartActionIcon
         v-if="store.getters.getQueryIndex"
         icon="mdi-code-braces"
         tooltip="View Export Query"
@@ -30,7 +25,7 @@
             )
           )
         "
-      />-->
+      />
     </v-toolbar>
   </v-card>
 </template>
@@ -54,19 +49,8 @@ const props = defineProps<Props>();
 
 const store = useStore();
 const route = useRoute();
-const router = useRouter();
 
 const reportId = "viz-networkrecordproportionbymonth";
-
-const getSourceConceptReportLink = function () {
-  return {
-    name: "sourceConceptOverlay",
-    params: {
-      domain: route.params.domain,
-      concept: route.params.concept,
-    },
-  };
-};
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
new file mode 100644
index 00000000..a4546baf
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Age at First Occurrence" />
+
+    <Chart
+      id="viz-ageatfirstoccurrence"
+      :chartSpec="specAgeAtFirstOccurrence"
+      :data="props.data"
+      width="90"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn how
+              to interpret this plot."
+        @iconClicked="router.push({ name: 'help' })"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .AGE_AT_FIRST_EXPOSURE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+
+import { links } from "@/shared/config/links";
+import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { defineProps } from "vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
new file mode 100644
index 00000000..3766a59d
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
@@ -0,0 +1,73 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specAgeAtFirstOccurrence(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      encoding: {
+        y: {
+          field: "CATEGORY",
+          type: "nominal",
+          title: null,
+          scale: {
+            zero: zeroBaseline,
+          },
+        },
+      },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: null,
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 14, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "CATEGORY", title: "CATEGORY" },
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+            color: { field: "CATEGORY", type: "nominal", legend: null },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 14 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
new file mode 100644
index 00000000..5c00f201
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -0,0 +1,50 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Length of Era" />
+
+    <Chart
+      id="viz-lengthofera"
+      :chartSpec="specLengthOfEra"
+      :data="props.data"
+      width="80"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .LENGTH_OF_ERA[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specLengthOfEra } from "./specLengthOfEra";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { defineProps } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
new file mode 100644
index 00000000..5fc92ff3
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
@@ -0,0 +1,61 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specLengthOfEra(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: "Number of Days",
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 28, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 28 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
new file mode 100644
index 00000000..6f63d07e
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -0,0 +1,55 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Measurements by Type" />
+    <Chart
+      id="viz-measurementsbytype"
+      :chartSpec="specMeasurementsByType"
+      :data="props.data"
+      width="85"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        icon="mdi-help-circle"
+        tooltip="Learn about Measurement types."
+        @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
+      />
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .MEASUREMENTS_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specMeasurementsByType } from "./specMeasurementsByType";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { defineProps } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+interface Props {
+  data: RecordsCountType[];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
new file mode 100644
index 00000000..4f73a160
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
@@ -0,0 +1,69 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specMeasurementsByType(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
+    spec: {
+      width: "container",
+      height: 75,
+      mark: "bar",
+      encoding: {
+        tooltip: [
+          { field: "CONCEPT_NAME", title: "Measurement Type" },
+          { field: "COUNT_VALUE", title: "Number of Records" },
+          { field: "PERCENT", title: "% of Records", format: "0.2%" },
+        ],
+        x: {
+          field: "PERCENT",
+          aggregate: "sum",
+          title: "% of Records",
+          format: "0%",
+          axis: {
+            format: "0%",
+          },
+        },
+        color: {
+          field: "CONCEPT_NAME",
+          type: "nominal",
+          legend: {
+            orient: "right",
+            columns: 2,
+            title: null,
+          },
+        },
+        order: {
+          aggregate: "sum",
+          field: "COUNT_VALUE",
+          sort: "descending",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
new file mode 100644
index 00000000..4e30f479
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -0,0 +1,51 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Records by Unit" />
+
+    <Chart
+      id="viz-recordsbyunit"
+      :chartSpec="specRecordsByUnit"
+      :data="props.data"
+      width="85"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .RECORDS_BY_UNIT[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specRecordsByUnit } from "./specRecordsByUnit";
+import { useStore } from "vuex";
+import { useRoute } from "vue-router";
+import { defineProps } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+
+interface Props {
+  data: RecordsCountType[];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
new file mode 100644
index 00000000..df9f78a4
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
@@ -0,0 +1,71 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec, Config } from "vega-lite";
+
+export function specRecordsByUnit(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    data: { name: "conceptData" },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
+
+    spec: {
+      width: "container",
+      autosize: "fit",
+      height: 75,
+      mark: "bar",
+      encoding: {
+        tooltip: [
+          { field: "CONCEPT_NAME", title: "Unit Type" },
+          { field: "COUNT_VALUE", title: "Number of Records", format: "," },
+          { field: "PERCENT", title: "% of Records", format: "0.2%" },
+        ],
+        x: {
+          field: "PERCENT",
+          aggregate: "sum",
+          title: "% of Records",
+          format: "0%",
+          axis: {
+            format: "0%",
+          },
+        },
+        color: {
+          field: "CONCEPT_NAME",
+          type: "nominal",
+          legend: {
+            orient: "right",
+            title: null,
+            columns: 2,
+          },
+        },
+        order: {
+          aggregate: "sum",
+          field: "COUNT_VALUE",
+          sort: "descending",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
new file mode 100644
index 00000000..c9f75a0f
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -0,0 +1,51 @@
+<template>
+  <v-card elevation="2" class="ma-4">
+    <ChartHeader title="Visit Duration By Type" />
+
+    <Chart
+      id="viz-visitdurationbytype"
+      :chartSpec="specVisitDurationByType"
+      :data="props.data"
+      width="90"
+    />
+    <v-toolbar density="compact" class="mt-6">
+      <ChartActionIcon
+        v-if="store.getters.getQueryIndex"
+        icon="mdi-code-braces"
+        tooltip="View Export Query"
+        @iconClicked="
+          helpers.openNewTab(
+            links.getSqlQueryLink(
+              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                .VISIT_DURATION_BY_TYPE[0]
+            )
+          )
+        "
+      />
+    </v-toolbar>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+import { links } from "@/shared/config/links";
+import { specVisitDurationByType } from "./specVisitDurationByType";
+import { useStore } from "vuex";
+import { defineProps } from "vue";
+import { useRoute } from "vue-router";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+
+interface Props {
+  data: DistributionType[];
+}
+
+const props = defineProps<Props>();
+
+const store = useStore();
+const route = useRoute();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts
new file mode 100644
index 00000000..8f04396e
--- /dev/null
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts
@@ -0,0 +1,73 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specVisitDurationByType(
+  zeroBaseline = false,
+  minMax = false
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    facet: {
+      row: {
+        field: "SOURCE",
+        title: "Source",
+      },
+      field: "Source",
+      type: "nominal",
+      title: null,
+    },
+    spec: {
+      height: 100,
+      width: "container",
+      encoding: {
+        y: {
+          field: "CATEGORY",
+          type: "nominal",
+          title: null,
+          scale: {
+            zero: zeroBaseline,
+          },
+        },
+      },
+      layer: [
+        {
+          mark: { type: "rule" },
+          encoding: {
+            x: {
+              field: minMax ? "MIN_VALUE" : "P10_VALUE",
+              type: "quantitative",
+              scale: { zero: false },
+              title: null,
+            },
+            x2: { field: minMax ? "MAX_VALUE" : "P90_VALUE" },
+          },
+        },
+        {
+          mark: { type: "bar", size: 14, tooltip: true },
+          encoding: {
+            tooltip: [
+              { field: "CATEGORY", title: "CATEGORY" },
+              { field: "MIN_VALUE", title: "MIN_VALUE" },
+              { field: "P10_VALUE", title: "P10_VALUE" },
+              { field: "P25_VALUE", title: "P25_VALUE" },
+              { field: "MEDIAN_VALUE", title: "MEDIAN_VALUE" },
+              { field: "P75_VALUE", title: "P75_VALUE" },
+              { field: "P90_VALUE", title: "P90_VALUE" },
+              { field: "MAX_VALUE", title: "MAX_VALUE" },
+            ],
+            x: { field: "P25_VALUE", type: "quantitative" },
+            x2: { field: "P75_VALUE" },
+            color: { field: "CATEGORY", type: "nominal", legend: null },
+          },
+        },
+        {
+          mark: { type: "tick", color: "white", size: 14 },
+          encoding: {
+            x: { field: "MEDIAN_VALUE", type: "quantitative" },
+          },
+        },
+      ],
+    },
+  };
+}
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index b16bc087..ae1b7f41 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -9,6 +9,7 @@
           <ReturnButton />
         </v-layout>
         <InfoPanel
+          :network-concept-report="navigateToNetworkConcept"
           :concept="store.getters.getData.conceptId"
           :population="store.getters.getData.numPersons"
           :percent-people="store.getters.getData.percentPersons"
@@ -58,7 +59,7 @@
 
 <script setup lang="ts">
 import ReturnButton from "@/features/returnToPreviousPage";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
 import { useStore } from "vuex";
 import MeasurementTable from "@/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue";
@@ -81,6 +82,7 @@ import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue
 import InfoPanel from "@/widgets/infoPanel";
 
 const route = useRoute();
+const router = useRouter();
 const store = useStore();
 
 const getPercentWithValues = computed((): string => {
@@ -96,6 +98,15 @@ const navigateToDataQuality = function () {
     query: { tab: "results", search: route.params.concept },
   };
 };
+const navigateToNetworkConcept = function () {
+  router.push({
+    name: "networkConcept",
+    params: {
+      domain: route.params.domain,
+      concept: route.params.concept,
+    },
+  });
+};
 </script>
 
 <style scoped>
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 1515cc85..bcc73969 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -49,10 +49,15 @@ export default function networkConcept(data) {
         : null,
       ageAtFirstExposure: augmentReport(concept, "AGE_AT_FIRST_EXPOSURE"),
       drugsByType: augmentReport(concept, "DRUGS_BY_TYPE"),
+      visitDurationByType: augmentReport(concept, "VISIT_DURATION_BY_TYPE"),
       daysSupply: augmentReport(concept, "DAYS_SUPPLY_DISTRIBUTION"),
       quantityDistribution: augmentReport(concept, "QUANTITY_DISTRIBUTION"),
       ageAtFirstDiagnosis: augmentReport(concept, "AGE_AT_FIRST_DIAGNOSIS"),
       conditionsByType: augmentReport(concept, "CONDITIONS_BY_TYPE"),
+      recordsByUnit: augmentReport(concept, "RECORDS_BY_UNIT"),
+      measurementsByType: augmentReport(concept, "MEASUREMENTS_BY_TYPE"),
+      lengthOfEra: augmentReport(concept, "LENGTH_OF_ERA"),
+      ageAtFirstOccurrence: augmentReport(concept, "AGE_AT_FIRST_OCCURRENCE"),
       recordCountProportionByMonth: concept.filter(
         (value) => value.data.PREVALENCE_BY_MONTH?.length
       ).length
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index 9beb5294..179e2398 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-row class="ma-4" justify="start">
+  <v-row class="ma-4" justify="start" align="baseline">
     <v-col v-if="props.concept" cols="2">
       <v-icon left color="primary">mdi-identifier</v-icon>
       <v-badge tile inline color="primary" :content="props.concept"></v-badge>
@@ -108,6 +108,17 @@
       ></v-badge>
       <p class="text-caption">Number of People in Network</p>
     </v-col>
+    <v-col v-if="props.networkConceptReport" cols="2" align="center">
+      <v-btn
+        icon
+        density="compact"
+        variant="plain"
+        @click="props.networkConceptReport()"
+      >
+        <v-icon> mdi-check-network </v-icon>
+      </v-btn>
+      <p class="text-caption">See results across the network</p>
+    </v-col>
   </v-row>
 </template>
 
@@ -134,6 +145,7 @@ interface Props {
   countFailed?: { value: string; action: () => void };
   notStationary?: boolean;
   networkPopulation?: number;
+  networkConceptReport?: () => void;
 }
 
 const props = defineProps<Props>();

From aeb9ef515b356a6e864da4fc61ae6a2faf6c33a1 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 17 Oct 2023 18:37:10 +0400
Subject: [PATCH 067/202] feat: added network concept report

---
 src/widgets/infoPanel/infoPanel.vue | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index 179e2398..9042556c 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-row class="ma-4" justify="start" align="baseline">
+  <v-row class="ma-4 align-baseline" justify="start" align="baseline">
     <v-col v-if="props.concept" cols="2">
       <v-icon left color="primary">mdi-identifier</v-icon>
       <v-badge tile inline color="primary" :content="props.concept"></v-badge>
@@ -109,14 +109,9 @@
       <p class="text-caption">Number of People in Network</p>
     </v-col>
     <v-col v-if="props.networkConceptReport" cols="2" align="center">
-      <v-btn
-        icon
-        density="compact"
-        variant="plain"
-        @click="props.networkConceptReport()"
-      >
-        <v-icon> mdi-check-network </v-icon>
-      </v-btn>
+      <v-icon class="btn" @click="props.networkConceptReport()">
+        mdi-check-network
+      </v-icon>
       <p class="text-caption">See results across the network</p>
     </v-col>
   </v-row>
@@ -151,4 +146,14 @@ interface Props {
 const props = defineProps<Props>();
 </script>
 
-<style scoped></style>
+<style scoped>
+.btn:hover {
+  opacity: 1;
+  transition-duration: 0.5s;
+}
+
+.btn {
+  opacity: 0.7;
+  transition-duration: 0.5s;
+}
+</style>

From 2ada89e03975bc128bf1a6c9883b60db0fe75cc9 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Tue, 17 Oct 2023 14:56:48 -0400
Subject: [PATCH 068/202] revise button location to concept bar

---
 .../NetworkConceptReport.vue                  |  2 +-
 .../release/ConceptReport/ConceptReport.vue   | 62 +++++++++----------
 src/widgets/infoPanel/infoPanel.vue           |  6 --
 3 files changed, 29 insertions(+), 41 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 19325463..2501b961 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -29,7 +29,7 @@
             ></v-select>
           </v-col>
           <v-col cols="3">
-            <v-btn variant="flat" @click="atClick"> Show report </v-btn>
+            <v-btn color="primary" @click="atClick">Update report </v-btn>
           </v-col>
         </v-row>
         <div v-if="store.getters.getData">
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index ae1b7f41..ed32fecd 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -2,33 +2,32 @@
   <div>
     <v-container v-if="!store.getErrors && store.getters.dataInStore" fluid>
       <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-6 d-flex justify-md-space-between">
-          <h2 class="text-uppercase">
-            {{ store.getters.getData.conceptName }}
-          </h2>
-          <ReturnButton />
+        <v-layout class="ma-0 mb-2 align-center d-flex">
+          <v-col class="justify-start align-center d-flex">
+            <h2 class="text-uppercase">
+              {{ store.getters.getData.conceptName }}
+            </h2>
+          </v-col>
+          <v-col class="justify-end align-center d-flex">
+            <v-btn class="ma-4" color="primary" density="comfortable" prepend-icon="mdi-check-network"
+              @click="navigateToNetworkConcept">
+              Network Report
+            </v-btn>
+            <ReturnButton />
+          </v-col>
         </v-layout>
-        <InfoPanel
-          :network-concept-report="navigateToNetworkConcept"
-          :concept="store.getters.getData.conceptId"
-          :population="store.getters.getData.numPersons"
-          :percent-people="store.getters.getData.percentPersons"
-          :records-per-person="store.getters.getData.recordsPerPerson"
-          :percent-values="
-            route.params.domain === 'measurement'
-              ? getPercentWithValues
-              : undefined
-          "
-          :count-failed="
-            store.getters.getData.countFailed
-              ? {
-                  value: store.getters.getData.countFailed,
-                  action: navigateToDataQuality,
-                }
-              : undefined
-          "
-          :not-stationary="store.getters.getData.isNotStationary"
-        />
+        <InfoPanel :network-concept-report="navigateToNetworkConcept" :concept="store.getters.getData.conceptId"
+          :population="store.getters.getData.numPersons" :percent-people="store.getters.getData.percentPersons"
+          :records-per-person="store.getters.getData.recordsPerPerson" :percent-values="route.params.domain === 'measurement'
+            ? getPercentWithValues
+            : undefined
+            " :count-failed="store.getters.getData.countFailed
+    ? {
+      value: store.getters.getData.countFailed,
+      action: navigateToDataQuality,
+    }
+    : undefined
+    " :not-stationary="store.getters.getData.isNotStationary" />
         <MeasurementTable />
         <MeasurementValueDistribution />
         <AgeAtFirstDiagnosis />
@@ -45,14 +44,9 @@
         <VisitDurationByType />
         <RecordCountProportionByAgeSexYear />
       </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
+      <form-dialog @close="store.commit(SET_DIALOG, false)" v-if="store.getters.getDialogData.show"
+        :show="store.getters.getDialogData.show" :action="store.getters.getDialogData.action"
+        :data="store.getters.getDialogData.data" :form-title="'Edit selection'" />
     </v-container>
   </div>
 </template>
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index 9042556c..32e3ae6d 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -108,12 +108,6 @@
       ></v-badge>
       <p class="text-caption">Number of People in Network</p>
     </v-col>
-    <v-col v-if="props.networkConceptReport" cols="2" align="center">
-      <v-icon class="btn" @click="props.networkConceptReport()">
-        mdi-check-network
-      </v-icon>
-      <p class="text-caption">See results across the network</p>
-    </v-col>
   </v-row>
 </template>
 

From 011dbd07f7cc9d092da6ae9170f1815edb660e34 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 18 Oct 2023 00:39:25 +0400
Subject: [PATCH 069/202] fix: reports showing the same data for all sources

---
 .../specRecordProportionByMonth.ts            |  2 --
 .../specAgeAtFirstDiagnosis.ts                |  1 -
 .../specAgeAtFirstExposure.ts                 |  1 -
 .../conditionsByType/specConditionsByType.ts  | 33 +++++++++----------
 .../charts/daysSupply/specDaysSupply.ts       |  1 -
 .../charts/drugsByType/specDrugsByType.ts     | 33 +++++++++----------
 .../quantityDistribution/specQuantity.ts      |  1 -
 7 files changed, 32 insertions(+), 40 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
index 82cc2b26..bd793570 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
@@ -10,7 +10,6 @@ export function specRecordProportionByMonth(zeroBaseline = false) {
         width: "container",
         description: "Domain Data Density",
         data: { name: "conceptData" },
-
         layer: [
           {
             mark: { type: "circle" },
@@ -112,7 +111,6 @@ export function specRecordProportionByMonth(zeroBaseline = false) {
         width: "container",
         height: 25,
         mark: "line",
-        data: { name: "conceptData" },
         selection: {
           brush: { type: "interval", encodings: ["x"] },
         },
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
index 34944b47..69f5c9a0 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
@@ -21,7 +21,6 @@ export function specAgeAtFirstDiagnosis(
     spec: {
       height: 100,
       width: "container",
-      data: { name: "conceptData" },
       encoding: {
         y: {
           field: "CATEGORY",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
index 118ace13..903a5843 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
@@ -20,7 +20,6 @@ export function specAgeAtFirstExposure(
     spec: {
       height: 100,
       width: "container",
-      data: { name: "conceptData" },
       encoding: {
         y: {
           field: "CATEGORY",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
index 07a2b51f..61d7fb83 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
@@ -14,27 +14,26 @@ export function specConditionsByType(zeroBaseline = false) {
       type: "nominal",
       title: null,
     },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
     spec: {
       width: "container",
       height: 75,
       mark: "bar",
-      data: { name: "conceptData" },
-      transform: [
-        {
-          window: [
-            {
-              op: "sum",
-              field: "COUNT_VALUE",
-              as: "TOTAL_VALUE",
-            },
-          ],
-          frame: [null, null],
-        },
-        {
-          calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
-          as: "PERCENT",
-        },
-      ],
       encoding: {
         tooltip: [
           { field: "CONCEPT_NAME", title: "Condition Type" },
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
index f680b34d..89734839 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
@@ -21,7 +21,6 @@ export function specDaysSupply(
     spec: {
       height: 100,
       width: "container",
-      data: { name: "conceptData" },
       layer: [
         {
           mark: { type: "rule" },
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
index 52ac801e..b21a869e 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
@@ -14,27 +14,26 @@ export function specDrugsByType(zeroBaseline = false) {
       type: "nominal",
       title: null,
     },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
     spec: {
       width: "container",
       height: 75,
       mark: "bar",
-      data: { name: "conceptData" },
-      transform: [
-        {
-          window: [
-            {
-              op: "sum",
-              field: "COUNT_VALUE",
-              as: "TOTAL_VALUE",
-            },
-          ],
-          frame: [null, null],
-        },
-        {
-          calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
-          as: "PERCENT",
-        },
-      ],
       encoding: {
         tooltip: [
           { field: "CONCEPT_NAME", title: "Drug Type" },
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
index e1453318..d69eec9b 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
@@ -21,7 +21,6 @@ export function specQuantity(
     spec: {
       height: 100,
       width: "container",
-      data: { name: "conceptData" },
       layer: [
         {
           mark: { type: "rule" },

From e453d880befaaa3cedef2efa80fdbe14224e1393 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 23 Oct 2023 02:04:36 +0400
Subject: [PATCH 070/202] fix: long error descriptions don't fit into the
 screen

---
 .../DataQualityResults/components/ResultsTable.vue       | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 38656286..bc0fa8d4 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -377,4 +377,11 @@ onBeforeMount((): void => {
 });
 </script>
 
-<style scoped></style>
+<style>
+td {
+  max-width: 300px;
+  overflow: auto;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+</style>

From 023044eb46ca875544b583b11199856d3ecff315 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 25 Oct 2023 02:37:36 +0400
Subject: [PATCH 071/202] fix: dark mode chart axis labels are hard to read

---
 .../specRecordProportionByMonth.ts            |  1 +
 .../specAgeAtFirstDiagnosis.ts                |  7 +++++-
 .../specAgeAtFirstExposure.ts                 |  7 +++++-
 .../specAgeAtFirstOccurrence.ts               |  7 +++++-
 .../conditionsByType/specConditionsByType.ts  |  6 ++++-
 .../charts/daysSupply/specDaysSupply.ts       |  7 +++++-
 .../charts/drugsByType/specDrugsByType.ts     |  6 ++++-
 .../charts/lengthOfEra/specLengthOfEra.ts     |  7 +++++-
 .../specMeasurementsByType.ts                 | 10 ++++++++-
 .../quantityDistribution/specQuantity.ts      |  7 +++++-
 .../charts/recordsByUnit/specRecordsByUnit.ts |  6 ++++-
 .../specVisitDurationByType.ts                |  7 +++++-
 .../specRecordProportionByAgeSexYear.ts       | 10 ++++++++-
 src/widgets/chart/ui/Chart.vue                | 22 +++++++------------
 14 files changed, 84 insertions(+), 26 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
index bd793570..7eadb154 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/specRecordProportionByMonth.ts
@@ -111,6 +111,7 @@ export function specRecordProportionByMonth(zeroBaseline = false) {
         width: "container",
         height: 25,
         mark: "line",
+        data: { name: "conceptData" },
         selection: {
           brush: { type: "interval", encodings: ["x"] },
         },
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
index 69f5c9a0..4ff437ec 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/specAgeAtFirstDiagnosis.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specAgeAtFirstDiagnosis(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -13,6 +14,10 @@ export function specAgeAtFirstDiagnosis(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
index 903a5843..d6742bba 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/specAgeAtFirstExposure.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specAgeAtFirstExposure(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -12,6 +13,10 @@ export function specAgeAtFirstExposure(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
index 3766a59d..49c748a0 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/specAgeAtFirstOccurrence.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specAgeAtFirstOccurrence(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -12,6 +13,10 @@ export function specAgeAtFirstOccurrence(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
index 61d7fb83..570e5bcc 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/specConditionsByType.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specConditionsByType(zeroBaseline = false) {
+export function specConditionsByType(zeroBaseline = false, minMax, labelColor) {
   return {
     $schema: VEGA_SCHEMA,
     data: { name: "conceptData" },
@@ -9,6 +9,10 @@ export function specConditionsByType(zeroBaseline = false) {
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
index 89734839..21a36c65 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/specDaysSupply.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specDaysSupply(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -13,6 +14,10 @@ export function specDaysSupply(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "SOURCE",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
index b21a869e..64ea138a 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/specDrugsByType.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specDrugsByType(zeroBaseline = false) {
+export function specDrugsByType(zeroBaseline = false, minMax, labelColor) {
   return {
     $schema: VEGA_SCHEMA,
     data: { name: "conceptData" },
@@ -9,6 +9,10 @@ export function specDrugsByType(zeroBaseline = false) {
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
index 5fc92ff3..8bc2d76c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/specLengthOfEra.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specLengthOfEra(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -12,6 +13,10 @@ export function specLengthOfEra(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
index 4f73a160..90bb41b9 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/specMeasurementsByType.ts
@@ -1,7 +1,11 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specMeasurementsByType(zeroBaseline = false) {
+export function specMeasurementsByType(
+  zeroBaseline = false,
+  minMax,
+  labelColor
+) {
   return {
     $schema: VEGA_SCHEMA,
     data: { name: "conceptData" },
@@ -9,6 +13,10 @@ export function specMeasurementsByType(zeroBaseline = false) {
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
index d69eec9b..3b06d212 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/specQuantity.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specQuantity(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -13,6 +14,10 @@ export function specQuantity(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
index df9f78a4..a079a7b8 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/specRecordsByUnit.ts
@@ -1,13 +1,17 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec, Config } from "vega-lite";
 
-export function specRecordsByUnit(zeroBaseline = false) {
+export function specRecordsByUnit(zeroBaseline = false, minNax, labelColor) {
   return {
     $schema: VEGA_SCHEMA,
     facet: {
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts
index 8f04396e..d2dd6ef9 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/specVisitDurationByType.ts
@@ -3,7 +3,8 @@ import { TopLevelSpec } from "vega-lite";
 
 export function specVisitDurationByType(
   zeroBaseline = false,
-  minMax = false
+  minMax = false,
+  labelColor
 ): TopLevelSpec {
   return {
     $schema: VEGA_SCHEMA,
@@ -12,6 +13,10 @@ export function specVisitDurationByType(
       row: {
         field: "SOURCE",
         title: "Source",
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "Source",
       type: "nominal",
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
index ce4f4719..411485e1 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
@@ -1,7 +1,11 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
+export function specRecordProportionByAgeSexYear(
+  zeroBaseline = false,
+  minMax,
+  labelColor
+) {
   return {
     $schema: VEGA_SCHEMA,
     spacing: 10,
@@ -12,6 +16,10 @@ export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
         field: "TRELLIS_NAME",
         title: "Age Deciles",
         sort: { field: "trellisOrder" },
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "TRELLIS_NAME",
       type: "nominal",
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index a6c4eb49..2e690978 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -16,21 +16,13 @@ export default {
 import { vegaLite } from "vega-embed";
 import * as vega from "vega";
 import { useStore } from "vuex";
-import _ from "lodash";
 
 import * as d3 from "d3";
 import * as d3_annotations from "d3-svg-annotation";
 
 import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
-import {
-  computed,
-  watch,
-  defineProps,
-  ref,
-  onMounted,
-  withDefaults,
-} from "vue";
-import { useRoute, RouteLocationNormalizedLoaded } from "vue-router";
+import { computed, watch, defineProps, onMounted, withDefaults } from "vue";
+import { RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
 import { Handler } from "vega-tooltip";
 import ContextMenu from "@/entities/contextMenu/contextMenu.vue";
@@ -48,10 +40,10 @@ interface Props {
   data: object[] | string[];
   id: string;
   width?: string;
-  chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
+  chartSpec: (a?: boolean, b?: boolean, c?: string) => TopLevelSpec;
   annotationMode?: boolean;
   annotationsConfig?: {
-    chartSpec: (a?: boolean, b?: boolean) => TopLevelSpec;
+    chartSpec: (a?: boolean, b?: boolean, c?: string) => TopLevelSpec;
     annotationsParentElement: string;
     brushParentElement: string;
   };
@@ -119,7 +111,8 @@ const processedConfig = function (): TopLevelSpec {
     return {
       ...props.annotationsConfig.chartSpec(
         store.getters.getSettings.zeroBaseline,
-        store.getters.getSettings.minMax
+        store.getters.getSettings.minMax,
+        store.getters.getSettings.darkMode ? "white" : "black"
       ),
       datasets: {
         conceptData: props.data,
@@ -131,7 +124,8 @@ const processedConfig = function (): TopLevelSpec {
     return {
       ...props.chartSpec(
         store.getters.getSettings.zeroBaseline,
-        store.getters.getSettings.minMax
+        store.getters.getSettings.minMax,
+        store.getters.getSettings.darkMode ? "white" : "black"
       ),
       datasets: {
         conceptData: props.data,

From c8d1d95899b38c10f4d59df01a1189043a695ad7 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 24 Oct 2023 21:47:44 +0400
Subject: [PATCH 072/202] feat: added markdown support to notes

---
 package-lock.json                             | 279 ++++++++++++++++--
 package.json                                  |   6 +-
 .../chartMetadataCard/metadataCard.vue        |  36 ++-
 .../DataQualityResults/DataQualityResults.vue |   5 -
 .../components/ResultsTable.vue               |  23 +-
 5 files changed, 299 insertions(+), 50 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4f8a1c84..6ec613bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,12 @@
       "name": "ares",
       "version": "0.1.0",
       "dependencies": {
+        "@codemirror/lang-markdown": "^6.2.2",
+        "@codemirror/lang-sql": "^6.5.4",
+        "@codemirror/theme-one-dark": "^6.1.2",
         "@mdi/font": "^7.0.96",
         "axios": "^1.2.3",
-        "codemirror-editor-vue3": "^2.1.7",
+        "codemirror": "^6.0.1",
         "d3": "^7.8.5",
         "d3-dsv": "^3.0.1",
         "d3-format": "^3.0.1",
@@ -23,6 +26,7 @@
         "vega-embed": "^6.20.2",
         "vega-lite": "^5.6.0",
         "vue": "^3.2.45",
+        "vue-codemirror": "^6.1.1",
         "vue-google-charts": "^1.1.0",
         "vue-pivottable": "github:Mikhail-iontsev/vue-pivottable",
         "vue-router": "^4.0.3",
@@ -539,6 +543,161 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.10.2.tgz",
+      "integrity": "sha512-3dCL7b0j2GdtZzWN5j7HDpRAJ26ip07R4NGYz7QYthIYMiX8I4E4TNrYcdTayPJGeVQtd/xe7lWU4XL7THFb/w==",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.3.0.tgz",
+      "integrity": "sha512-tFfcxRIlOWiQDFhjBSWJ10MxcvbCIsRr6V64SgrcaY0MwNk32cUOcCuNlWo8VjV4qRQCgNgUAnIeo0svkk4R5Q==",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.2.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/lang-css": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.2.1.tgz",
+      "integrity": "sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.0.2",
+        "@lezer/css": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-html": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.6.tgz",
+      "integrity": "sha512-E4C8CVupBksXvgLSme/zv31x91g06eZHSph7NczVxZW+/K+3XgJGWNT//2WLzaKSBoxpAjaOi5ZnPU1SHhjh3A==",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/lang-css": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/css": "^1.1.0",
+        "@lezer/html": "^1.3.0"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.1.tgz",
+      "integrity": "sha512-jlFOXTejVyiQCW3EQwvKH0m99bUYIw40oPmFjSX2VS78yzfe0HELZ+NEo9Yfo1MkGRpGlj3Gnu4rdxV1EnAs5A==",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.6.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-markdown": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.2.2.tgz",
+      "integrity": "sha512-wmwM9Y5n/e4ndU51KcYDaQnb9goYdhXjU71dDW9goOc1VUTIPph6WKAPdJ6BzC0ZFy+UTsDwTXGWSP370RH69Q==",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.7.1",
+        "@codemirror/lang-html": "^6.0.0",
+        "@codemirror/language": "^6.3.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/markdown": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-sql": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-sql/-/lang-sql-6.5.4.tgz",
+      "integrity": "sha512-5Gq7fYtT/5HbNyIG7a8vYaqOYQU3JbgtBe3+derkrFUXRVcjkf8WVgz++PIbMFAQsOFMDdDR+uiNM8ZRRuXH+w==",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.9.1.tgz",
+      "integrity": "sha512-lWRP3Y9IUdOms6DXuBpoWwjkR7yRmnS0hKYCbSfPz9v6Em1A1UCRujAkDiCrdYfs1Z0Eu4dGtwovNPStIfkgNA==",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.4.2.tgz",
+      "integrity": "sha512-wzRkluWb1ptPKdzlsrbwwjYCPLgzU6N88YBAmlZi8WFyuiEduSd05MnJYNogzyc8rPK7pj6m95ptUApc8sHKVA==",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.4.tgz",
+      "integrity": "sha512-YoTrvjv9e8EbPs58opjZKyJ3ewFrVSUzQ/4WXlULQLSDDr1nGPJ67mMXFNNVYwdFhybzhrzrtqgHmtpJwIF+8g==",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.3.1.tgz",
+      "integrity": "sha512-88e4HhMtKJyw6fKprGaN/yZfiaoGYOi2nM45YCUC6R/kex9sxFWBDGatS1vk4lMgnWmdIIB9tk8Gj1LmL8YfvA=="
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.2.tgz",
+      "integrity": "sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.21.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.21.3.tgz",
+      "integrity": "sha512-8l1aSQ6MygzL4Nx7GVYhucSXvW4jQd0F6Zm3v9Dg+6nZEfwzJVqi4C2zHfDljID+73gsQrWp9TgHc81xU15O4A==",
+      "dependencies": {
+        "@codemirror/state": "^6.1.4",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.16.17",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
@@ -1038,6 +1197,64 @@
       "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
       "dev": true
     },
+    "node_modules/@lezer/common": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.1.0.tgz",
+      "integrity": "sha512-XPIN3cYDXsoJI/oDWoR2tD++juVrhgIago9xyKhZ7IhGlzdDM9QgC8D8saKNCz5pindGcznFr2HBSsEQSWnSjw=="
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.3.tgz",
+      "integrity": "sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==",
+      "dependencies": {
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.1.6.tgz",
+      "integrity": "sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.6.tgz",
+      "integrity": "sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.8.tgz",
+      "integrity": "sha512-QRmw/5xrcyRLyWr3JT3KCzn2XZr5NYNqQMGsqnYy+FghbQn9DZPuj6JDkE6uSXvfMLpdapu8KBIaeoJFaR4QVw==",
+      "dependencies": {
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.3.13",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.3.13.tgz",
+      "integrity": "sha512-RLAbau/4uSzKgIKj96mI5WUtG1qtiR0Frn0Ei9zhPj8YOkHM+1Bb8SgdVvmR/aWJCFIzjo2KFnDiRZ75Xf5NdQ==",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/markdown": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.1.0.tgz",
+      "integrity": "sha512-JYOI6Lkqbl83semCANkO3CKbKc0pONwinyagBufWBm+k4yhIcqfCF8B8fpEpvJLmIy7CAfwiq7dQ/PzUZA340g==",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
     "node_modules/@mdi/font": {
       "version": "7.2.96",
       "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.2.96.tgz",
@@ -2172,22 +2389,17 @@
       }
     },
     "node_modules/codemirror": {
-      "version": "5.65.14",
-      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.14.tgz",
-      "integrity": "sha512-VSNugIBDGt0OU9gDjeVr6fNkoFQznrWEUdAApMlXQNbfE8gGO19776D6MwSqF/V/w/sDwonsQ0z7KmmI9guScg=="
-    },
-    "node_modules/codemirror-editor-vue3": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/codemirror-editor-vue3/-/codemirror-editor-vue3-2.3.0.tgz",
-      "integrity": "sha512-e6y/2wBL4Xb4SD10e/jq/lcoIeiWPMw2XnF6KePLlbmOphZ830XGU3kSz52qkoa9RUjaY6zHuSlwd09o13O/oQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
+      "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
       "dependencies": {
-        "codemirror": "^5.64.0",
-        "diff-match-patch": "^1.0.5"
-      },
-      "peerDependencies": {
-        "codemirror": "^5.x",
-        "diff-match-patch": "^1.0.5",
-        "vue": "^3.x"
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
       }
     },
     "node_modules/color-convert": {
@@ -2253,6 +2465,11 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g=="
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -2793,11 +3010,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/diff-match-patch": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.5.tgz",
-      "integrity": "sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw=="
-    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5405,6 +5617,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-mod": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.0.tgz",
+      "integrity": "sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA=="
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -6161,6 +6378,21 @@
         "@vue/shared": "3.3.4"
       }
     },
+    "node_modules/vue-codemirror": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-6.1.1.tgz",
+      "integrity": "sha512-rTAYo44owd282yVxKtJtnOi7ERAcXTeviwoPXjIc6K/IQYUsoDkzPvw/JDFtSP6T7Cz/2g3EHaEyeyaQCKoDMg==",
+      "dependencies": {
+        "@codemirror/commands": "6.x",
+        "@codemirror/language": "6.x",
+        "@codemirror/state": "6.x",
+        "@codemirror/view": "6.x"
+      },
+      "peerDependencies": {
+        "codemirror": "6.x",
+        "vue": "3.x"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
@@ -6332,6 +6564,11 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ=="
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
diff --git a/package.json b/package.json
index ba1d65bd..359c1b2d 100644
--- a/package.json
+++ b/package.json
@@ -12,9 +12,12 @@
     "lint:fix": "eslint src --fix"
   },
   "dependencies": {
+    "@codemirror/lang-markdown": "^6.2.2",
+    "@codemirror/lang-sql": "^6.5.4",
+    "@codemirror/theme-one-dark": "^6.1.2",
     "@mdi/font": "^7.0.96",
     "axios": "^1.2.3",
-    "codemirror-editor-vue3": "^2.1.7",
+    "codemirror": "^6.0.1",
     "d3": "^7.8.5",
     "d3-dsv": "^3.0.1",
     "d3-format": "^3.0.1",
@@ -27,6 +30,7 @@
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.6.0",
     "vue": "^3.2.45",
+    "vue-codemirror": "^6.1.1",
     "vue-google-charts": "^1.1.0",
     "vue-pivottable": "github:Mikhail-iontsev/vue-pivottable",
     "vue-router": "^4.0.3",
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index b1feace4..2a14181b 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -24,7 +24,13 @@
       >
     </v-layout>
     <v-card-text class="text-h7 py-2">
-      {{ props.note.description }}
+      <Markdown
+        v-if="props.note.description"
+        html
+        breaks
+        :source="props.note.description"
+      ></Markdown>
+      <!--      {{ props.note.description }}-->
     </v-card-text>
     <v-divider></v-divider>
   </v-card>
@@ -40,14 +46,14 @@
       ></v-text-field>
     </v-card-title>
     <v-card-text class="text-h8 py-2">
-      <v-textarea
-        label="Description"
-        variant="plain"
-        hide-details
-        density="compact"
+      <Codemirror
+        :style="{ height: '150px' }"
         v-model="currentCard.description"
+        :indent-with-tab="true"
+        :tab-size="2"
+        :extensions="extensions"
         @update:modelValue="editCard()"
-      ></v-textarea>
+      ></Codemirror>
     </v-card-text>
 
     <v-card-actions class="justify-space-between">
@@ -72,9 +78,16 @@
 <script setup lang="ts">
 import { defineProps, ref, defineEmits, onBeforeMount, computed } from "vue";
 import { useStore } from "vuex";
+import { Codemirror } from "vue-codemirror";
+import { markdown } from "@codemirror/lang-markdown";
+import { oneDark } from "@codemirror/theme-one-dark";
+import Markdown from "vue3-markdown-it";
 
 const emit = defineEmits(["editCard", "deleteCard"]);
 
+const store = useStore();
+const extensions = [markdown(), oneDark];
+
 interface Note {
   title: string;
   description: string;
@@ -133,10 +146,17 @@ const confirmDelete = ref(false);
 const props = defineProps<Props>();
 </script>
 
-<style scoped>
+<style lang="scss">
 .card {
   display: flex;
   align-content: space-between;
   flex-direction: column;
 }
+
+.cm-editor {
+  background-color: rgba(var(--v-theme-surface));
+}
+.cm-gutters {
+  background-color: rgba(var(--v-theme-accent)) !important;
+}
 </style>
diff --git a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
index 931bbf3f..112cd995 100644
--- a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
@@ -28,11 +28,6 @@
 </template>
 
 <script setup lang="ts">
-import "codemirror/lib/codemirror.css";
-import "codemirror/mode/sql/sql";
-import "codemirror/theme/neat.css";
-import "codemirror/theme/base16-dark.css";
-
 import { useStore } from "vuex";
 import { useRouter, useRoute } from "vue-router";
 import { computed } from "vue";
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 38656286..672debcd 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -112,9 +112,9 @@
           <v-col cols="2">SQL Query</v-col>
           <v-col>
             <Codemirror
-              ref="myCm"
-              :value="item.raw.queryText"
-              :options="cmOptions"
+              :model-value="item.raw.queryText"
+              :extensions="extensions"
+              disabled
             ></Codemirror>
           </v-col>
         </v-row>
@@ -150,7 +150,6 @@
 import { VDataTable } from "vuetify/labs/VDataTable";
 import SelectColumns from "@/features/selectColumns";
 import NestedMenu from "@/features/nestedMenu/NestedMenu.vue";
-import Codemirror from "codemirror-editor-vue3";
 import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
@@ -158,10 +157,15 @@ import { computed, onBeforeMount, Ref, ref, watch } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { debounce } from "lodash";
 import { useRoute, useRouter } from "vue-router";
+import { Codemirror } from "vue-codemirror";
+import { sql } from "@codemirror/lang-sql";
+import { oneDark } from "@codemirror/theme-one-dark";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
 
+const extensions = [sql(), oneDark];
+
 const expanded = ref([]);
 const filters = ref({});
 const defaultFilters = {
@@ -291,17 +295,6 @@ const filteredChecks = computed(() => {
     });
   });
 });
-const cmOptions = computed(function () {
-  return {
-    theme: store.getters.getSettings.darkMode ? "base16-dark" : "neat",
-    lineWrapping: true,
-    tabSize: 2,
-    mode: "text/x-sql",
-    viewportMargin: Infinity,
-    lineNumbers: true,
-    autoRefresh: true,
-  };
-});
 const renderDescription = function (d) {
   let thresholdMessage = "";
   if (d.thresholdValue != undefined) {

From 97f6eb19e43ceb89357ea3ea44b3140835288b88 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 27 Oct 2023 14:36:42 +0400
Subject: [PATCH 073/202] fix: concept population showing NaN

---
 .../exploreReports/model/store/postprocessing/conceptReport.ts  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index cacace6c..6a3c8970 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -11,7 +11,7 @@ export default function concept(data) {
   const domainSummary: DomainSummary = data[DOMAIN_SUMMARY];
   const conceptName: string = conceptData.CONCEPT_NAME[0];
   const conceptId: number = conceptData.CONCEPT_ID[0];
-  const numPersons: string = d3Format.format(",")(conceptData.NUM_PERSONS[0]);
+  const numPersons: number = conceptData.NUM_PERSONS[0];
   const percentPersons: string = conceptData.PERCENT_PERSONS[0];
   const recordsPerPerson: string = conceptData.RECORDS_PER_PERSON[0];
   let countFailed: string;

From 1d4f635109f1e7faa80e575b2e00391c9998b8d3 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 15 Nov 2023 08:35:42 +0400
Subject: [PATCH 074/202] feat: added support for duckdb

---
 package-lock.json                             | 312 ++++++++++++++++++
 package.json                                  |   1 +
 public/env/env.json                           |   3 +-
 .../NetworkConceptDashboard.vue               |  71 +++-
 .../components/RequiredConcepts.vue           |  87 +++--
 .../exploreReports/config/dataLoadConfig.ts   |  27 +-
 .../model/interfaces/files/ConceptType.ts     |   2 +-
 .../exploreReports/model/store/data.module.ts | 227 +++++++++----
 .../store/postprocessing/conceptReport.ts     |  61 +++-
 .../model/store/postprocessing/feasibility.ts |  35 +-
 .../postprocessing/networkConceptReport.ts    |  58 +++-
 .../postprocessing/sourceConceptReport.ts     |  50 ++-
 .../exploreReports/ui/ReportsView.vue         |   5 +-
 src/shared/api/{ => axios}/apiService.ts      |   2 +-
 .../api/{getFilePath.ts => axios/files.ts}    |   0
 src/shared/api/duckdb/conceptTables.ts        | 138 ++++++++
 src/shared/api/duckdb/files.ts                |  69 ++++
 src/shared/api/duckdb/instance.ts             |  24 ++
 src/shared/api/environment.ts                 |   1 +
 src/shared/api/webAPI/services/authService.ts |   2 +-
 src/shared/api/webAPI/services/infoService.ts |   2 +-
 .../api/webAPI/services/vocabularyService.ts  |   2 +-
 .../explorer/model/store/explorer.module.ts   |   4 +-
 .../notesPanel/model/store/notes.module.ts    |   4 +-
 24 files changed, 1035 insertions(+), 152 deletions(-)
 rename src/shared/api/{ => axios}/apiService.ts (90%)
 rename src/shared/api/{getFilePath.ts => axios/files.ts} (100%)
 create mode 100644 src/shared/api/duckdb/conceptTables.ts
 create mode 100644 src/shared/api/duckdb/files.ts
 create mode 100644 src/shared/api/duckdb/instance.ts

diff --git a/package-lock.json b/package-lock.json
index 6ec613bd..9a1e8d2a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@codemirror/lang-markdown": "^6.2.2",
         "@codemirror/lang-sql": "^6.5.4",
         "@codemirror/theme-one-dark": "^6.1.2",
+        "@duckdb/duckdb-wasm": "1.28.0",
         "@mdi/font": "^7.0.96",
         "axios": "^1.2.3",
         "codemirror": "^6.0.1",
@@ -60,6 +61,26 @@
         "yorkie": "^2.0.0"
       }
     },
+    "node_modules/@75lb/deep-merge": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@75lb/deep-merge/-/deep-merge-1.1.1.tgz",
+      "integrity": "sha512-xvgv6pkMGBA6GwdyJbNAnDmfAIR/DfWhrj9jgWh3TY7gRm3KO46x/GPjRg6wJ0nOepwqrNxFfojebh0Df4h4Tw==",
+      "dependencies": {
+        "lodash.assignwith": "^4.2.0",
+        "typical": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/@75lb/deep-merge/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
       "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
@@ -698,6 +719,14 @@
         "w3c-keyname": "^2.2.4"
       }
     },
+    "node_modules/@duckdb/duckdb-wasm": {
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/@duckdb/duckdb-wasm/-/duckdb-wasm-1.28.0.tgz",
+      "integrity": "sha512-YaswpEmxr1Sp20/FZbWR7bZBJqj6xQXX2m4LLzYBnA02g4K1yrpxsBWmkxQyMbrH6AHKhcUUqAlaXfA2Rvaa3w==",
+      "dependencies": {
+        "apache-arrow": "^13.0.0"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.16.17",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
@@ -1300,6 +1329,16 @@
       "resolved": "https://registry.npmjs.org/@types/clone/-/clone-2.1.1.tgz",
       "integrity": "sha512-BZIU34bSYye0j/BFcPraiDZ5ka6MJADjcDVELGf7glr9K+iE8NYVjFslJFVWzskSxkLLyCrSPScE82/UUoBSvg=="
     },
+    "node_modules/@types/command-line-args": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@types/command-line-args/-/command-line-args-5.2.0.tgz",
+      "integrity": "sha512-UuKzKpJJ/Ief6ufIaIzr3A/0XnluX7RvFgwkV89Yzvm77wCh1kFaFmqN8XEnGcN62EuHdedQjEMb8mYxFLGPyA=="
+    },
+    "node_modules/@types/command-line-usage": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@types/command-line-usage/-/command-line-usage-5.0.2.tgz",
+      "integrity": "sha512-n7RlEEJ+4x4TS7ZQddTmNSxP+zziEG0TNsMfiRIxcIVXt71ENJ9ojeXmGO3wPoTdn7pJcU2xc3CJYMktNT6DPg=="
+    },
     "node_modules/@types/d3": {
       "version": "7.4.0",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz",
@@ -1603,6 +1642,16 @@
       "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
       "peer": true
     },
+    "node_modules/@types/node": {
+      "version": "20.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.0.tgz",
+      "integrity": "sha512-cumHmIAf6On83X7yP+LrsEyUOf/YlociZelmpRYaGFydoaPdxdt80MAbu6vWerQT2COCp2nPvHdsbD7tHn/YlQ=="
+    },
+    "node_modules/@types/pad-left": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@types/pad-left/-/pad-left-2.1.1.tgz",
+      "integrity": "sha512-Xd22WCRBydkGSApl5Bw0PhAOHKSVjNL3E3AwzKaps96IMraPqy5BvZIsBVK6JLwdybUzjHnuWVwpDd0JjTfHXA=="
+    },
     "node_modules/@types/semver": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
@@ -2091,11 +2140,39 @@
         "node": ">= 8"
       }
     },
+    "node_modules/apache-arrow": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/apache-arrow/-/apache-arrow-13.0.0.tgz",
+      "integrity": "sha512-3gvCX0GDawWz6KFNC28p65U+zGh/LZ6ZNKWNu74N6CQlKzxeoWHpi4CgEQsgRSEMuyrIIXi1Ea2syja7dwcHvw==",
+      "dependencies": {
+        "@types/command-line-args": "5.2.0",
+        "@types/command-line-usage": "5.0.2",
+        "@types/node": "20.3.0",
+        "@types/pad-left": "2.1.1",
+        "command-line-args": "5.2.1",
+        "command-line-usage": "7.0.1",
+        "flatbuffers": "23.5.26",
+        "json-bignum": "^0.0.3",
+        "pad-left": "^2.1.0",
+        "tslib": "^2.5.3"
+      },
+      "bin": {
+        "arrow2csv": "bin/arrow2csv.js"
+      }
+    },
     "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=="
     },
+    "node_modules/array-back": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-3.1.0.tgz",
+      "integrity": "sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -2259,6 +2336,84 @@
         "node": ">=4"
       }
     },
+    "node_modules/chalk-template": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
+      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
+      "dependencies": {
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/chalk-template/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=="
+    },
+    "node_modules/chalk-template/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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
@@ -2434,6 +2589,50 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/command-line-args": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.2.1.tgz",
+      "integrity": "sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==",
+      "dependencies": {
+        "array-back": "^3.1.0",
+        "find-replace": "^3.0.0",
+        "lodash.camelcase": "^4.3.0",
+        "typical": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/command-line-usage": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/command-line-usage/-/command-line-usage-7.0.1.tgz",
+      "integrity": "sha512-NCyznE//MuTjwi3y84QVUGEOT+P5oto1e1Pk/jFPVdPPfsG03qpTIl3yw6etR+v73d0lXsoojRpvbru2sqePxQ==",
+      "dependencies": {
+        "array-back": "^6.2.2",
+        "chalk-template": "^0.4.0",
+        "table-layout": "^3.0.0",
+        "typical": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/command-line-usage/node_modules/array-back": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
+      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/command-line-usage/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -3622,6 +3821,17 @@
         "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
       }
     },
+    "node_modules/find-replace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
+      "integrity": "sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==",
+      "dependencies": {
+        "array-back": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -3651,6 +3861,11 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/flatbuffers": {
+      "version": "23.5.26",
+      "resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-23.5.26.tgz",
+      "integrity": "sha512-vE+SI9vrJDwi1oETtTIFldC/o9GsVKRM+s6EL0nQgxXlYV1Vc4Tk30hj4xGICftInKQKj1F3up2n8UbIVobISQ=="
+    },
     "node_modules/flatted": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
@@ -4088,6 +4303,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/json-bignum": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/json-bignum/-/json-bignum-0.0.3.tgz",
+      "integrity": "sha512-2WHyXj3OfHSgNyuzDbSxI1w2jgw5gkWSWhS7Qg4bWXx1nLk3jnbwfUeS0PSba3IzpTUWdHxBieELUzXRjQB2zg==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -4356,6 +4579,16 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.assignwith": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz",
+      "integrity": "sha512-ZznplvbvtjK2gMvnQ1BR/zqPFZmS6jbK4p+6Up4xcRYA7yMIwxHCfbTcrYxXKzzqLsQ05eJPVznEW3tuwV7k1g=="
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "node_modules/lodash.flow": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/lodash.flow/-/lodash.flow-3.5.0.tgz",
@@ -4902,6 +5135,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/pad-left": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pad-left/-/pad-left-2.1.0.tgz",
+      "integrity": "sha512-HJxs9K9AztdIQIAIa/OIazRAUW/L6B9hbQDxO4X07roW3eo9XqZc2ur9bn1StH9CnbbI9EgvejHQX7CBpCF1QA==",
+      "dependencies": {
+        "repeat-string": "^1.5.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -5201,6 +5445,14 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -5503,6 +5755,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/stream-read-all": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/stream-read-all/-/stream-read-all-3.0.1.tgz",
+      "integrity": "sha512-EWZT9XOceBPlVJRrYcykW8jyRSZYbkb/0ZK36uLEmoWVO5gxBOnntNTseNzfREsqxqdfEGQrD8SXQ3QWbBmq8A==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -5652,6 +5912,42 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/table-layout": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/table-layout/-/table-layout-3.0.2.tgz",
+      "integrity": "sha512-rpyNZYRw+/C+dYkcQ3Pr+rLxW4CfHpXjPDnG7lYhdRoUcZTUt+KEsX+94RGp/aVp/MQU35JCITv2T/beY4m+hw==",
+      "dependencies": {
+        "@75lb/deep-merge": "^1.1.1",
+        "array-back": "^6.2.2",
+        "command-line-args": "^5.2.1",
+        "command-line-usage": "^7.0.0",
+        "stream-read-all": "^3.0.1",
+        "typical": "^7.1.1",
+        "wordwrapjs": "^5.1.0"
+      },
+      "bin": {
+        "table-layout": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/table-layout/node_modules/array-back": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
+      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/table-layout/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -5771,6 +6067,14 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/typical": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
+      "integrity": "sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -6598,6 +6902,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wordwrapjs": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wordwrapjs/-/wordwrapjs-5.1.0.tgz",
+      "integrity": "sha512-JNjcULU2e4KJwUNv6CHgI46UvDGitb6dGryHajXTDiLgg1/RiGoPSDw4kZfYnwGtEXf2ZMeIewDQgFGzkCB2Sg==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
diff --git a/package.json b/package.json
index 359c1b2d..128c2dbe 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@codemirror/lang-markdown": "^6.2.2",
     "@codemirror/lang-sql": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@duckdb/duckdb-wasm": "1.28.0",
     "@mdi/font": "^7.0.96",
     "axios": "^1.2.3",
     "codemirror": "^6.0.1",
diff --git a/public/env/env.json b/public/env/env.json
index f0955759..14fa2505 100644
--- a/public/env/env.json
+++ b/public/env/env.json
@@ -1,4 +1,5 @@
 {
   "WEB_API_URL": "./",
-  "WEB_API_ENABLED": "true"
+  "WEB_API_ENABLED": "true",
+  "DUCKDB_ENABLED": "false"
 }
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index abf3921b..714d22ee 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -55,6 +55,9 @@ import { useStore } from "vuex";
 const store = useStore();
 
 import { helpers } from "@/shared/lib/mixins";
+import environment from "@/shared/api/environment";
+import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 const addedConcepts = ref({});
 const conceptData = ref([]);
@@ -63,8 +66,44 @@ const errors: Ref<string> = ref("");
 const conceptsData = ref([]);
 const dialog: Ref<boolean> = ref(false);
 
+function combineObjectsBySource(inputObject) {
+  const resultArray = [];
+  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
+
+  sources.forEach((source) => {
+    const combinedData = {};
+
+    for (const key in inputObject) {
+      if (key !== "domainSummary") {
+        const fieldArray = inputObject[key];
+        const matchingItem = fieldArray.find(
+          (item) => item.source.cdm_source_key === source.cdm_source_key
+        );
+        combinedData[key] = matchingItem ? matchingItem.data : null;
+      } else {
+        combinedData[key] = inputObject[key];
+      }
+    }
+
+    resultArray.push({ source: source, data: combinedData });
+  });
+
+  return resultArray;
+}
+
 const getConceptsForRequest = function () {
   return conceptsData.value.map((value) => {
+    if (environment.DUCKDB_ENABLED === "true") {
+      return {
+        concept_id: value?.data[CONCEPT_METADATA][0].CONCEPT_ID,
+        concept_name: value?.data[CONCEPT_METADATA][0].CONCEPT_NAME,
+        countPeople: value?.data[CONCEPT_METADATA][0].NUM_PERSONS,
+        percentPeople: (
+          value?.data[CONCEPT_METADATA][0].PERCENT_PERSONS * 100
+        ).toFixed(2),
+        cdm_name: value?.source.cdm_source_abbreviation,
+      };
+    }
     return {
       concept_id: value?.data.CONCEPT_ID[0],
       concept_name: value?.data.CONCEPT_NAME[0],
@@ -102,21 +141,33 @@ const save = function (item) {
   }
   store
     .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files: [
-        {
-          name: CONCEPT,
-          instanceParams: [
-            {
+      files:
+        environment.DUCKDB_ENABLED === "true"
+          ? getDuckDBTables({
               domain: webApiKeyMap.domains[item.DOMAIN_ID],
               concept: item.CONCEPT_ID,
-            },
-          ],
-        },
-      ],
+            })[webApiKeyMap.domains[item.DOMAIN_ID]]
+          : [
+              {
+                name: CONCEPT,
+                instanceParams: [
+                  {
+                    domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                    concept: item.CONCEPT_ID,
+                  },
+                ],
+              },
+            ],
       criticalError: false,
+      duckdb_supported: true,
     })
     .then(() => {
-      conceptsData.value = store.getters.getData.concept;
+      if (environment.DUCKDB_ENABLED === "true") {
+        conceptsData.value = combineObjectsBySource(store.getters.getData);
+      } else {
+        conceptsData.value = store.getters.getData.concept;
+      }
+
       if (!conceptsData.value.length) {
         errors.value = "Requested concept is not found across data sources";
         addedConcepts.value = {
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 4774e851..fc690bc5 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -101,6 +101,9 @@ import { VDataTable } from "vuetify/labs/VDataTable";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
+import environment from "@/shared/api/environment";
+import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 const store = useStore();
 
@@ -239,19 +242,35 @@ const getConceptsForRequest = function (measurement = []) {
               summaryReport.CONCEPT_ID == value?.data.CONCEPT_ID[0]
           )[0].PERCENT_MISSING_VALUES
       : [];
-    return {
-      concept_id: value?.data.CONCEPT_ID[0],
-      concept_name: value?.data.CONCEPT_NAME[0],
-      domain: value?.data.CDM_TABLE_NAME[0],
-      population: value?.data.NUM_PERSONS[0],
-      percentage: value?.data.PERCENT_PERSONS[0],
-      cdm_name: value?.source.cdm_source_abbreviation,
-      time_series: value?.data.IS_STATIONARY,
-      issues: value?.data.COUNT_FAILED,
-      measurement: measurement.length
-        ? (1 - missingData) * (100).toFixed(2)
-        : null,
-    };
+    if (environment.DUCKDB_ENABLED === "true") {
+      return {
+        concept_id: value?.data[CONCEPT_METADATA][0].CONCEPT_ID,
+        concept_name: value?.data[CONCEPT_METADATA][0].CONCEPT_NAME,
+        domain: value?.data[CONCEPT_METADATA][0].CDM_TABLE_NAME,
+        population: value?.data[CONCEPT_METADATA][0].NUM_PERSONS,
+        percentage: value?.data[CONCEPT_METADATA][0].PERCENT_PERSONS,
+        cdm_name: value?.source.cdm_source_abbreviation,
+        time_series: value?.data[CONCEPT_METADATA][0].IS_STATIONARY,
+        issues: value?.data[CONCEPT_METADATA][0].COUNT_FAILED,
+        measurement: measurement.length
+          ? (1 - missingData) * (100).toFixed(2)
+          : null,
+      };
+    } else {
+      return {
+        concept_id: value?.data.CONCEPT_ID[0],
+        concept_name: value?.data.CONCEPT_NAME[0],
+        domain: value?.data.CDM_TABLE_NAME[0],
+        population: value?.data.NUM_PERSONS[0],
+        percentage: value?.data.PERCENT_PERSONS[0],
+        cdm_name: value?.source.cdm_source_abbreviation,
+        time_series: value?.data.IS_STATIONARY,
+        issues: value?.data.COUNT_FAILED,
+        measurement: measurement.length
+          ? (1 - missingData) * (100).toFixed(2)
+          : null,
+      };
+    }
   });
 };
 const close = function () {
@@ -264,23 +283,34 @@ const save = function (item) {
     errors.value = "This concept has already been loaded";
     return;
   }
+  console.log(environment.DUCKDB_ENABLED);
   store
     .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files: [
-        {
-          name: CONCEPT,
-          instanceParams: [
-            {
+      files:
+        environment.DUCKDB_ENABLED === "true"
+          ? getDuckDBTables({
               domain: webApiKeyMap.domains[item.DOMAIN_ID],
               concept: item.CONCEPT_ID,
-            },
-          ],
-        },
-      ],
+            })[webApiKeyMap.domains[item.DOMAIN_ID]]
+          : [
+              {
+                name: CONCEPT,
+                instanceParams: [
+                  {
+                    domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                    concept: item.CONCEPT_ID,
+                  },
+                ],
+              },
+            ],
       criticalError: false,
+      duckdb_supported: true,
     })
     .then(() => {
+      console.log(store.getters.getData);
+      let withMeasurement;
       conceptsData.value = store.getters.getData.concept;
+      console.log(conceptsData.value);
       if (!conceptsData.value.length) {
         errors.value = "Requested concept is not found across data sources";
         addedConcepts.value = {
@@ -289,9 +319,16 @@ const save = function (item) {
         };
         return;
       }
-      const withMeasurement = conceptsData.value.filter(
-        (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
-      );
+      if (environment.DUCKDB_ENABLED === "true") {
+        withMeasurement = conceptsData.value.filter(
+          (value) =>
+            value.data[CONCEPT_METADATA].CDM_TABLE_NAME === "MEASUREMENT"
+        );
+      } else {
+        withMeasurement = conceptsData.value.filter(
+          (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
+        );
+      }
       if (withMeasurement.length) {
         getDomainSummary().then((value) => {
           addConceptToList(getConceptsForRequest(value));
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index a73098ae..6c57ad3a 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -30,8 +30,9 @@ import {
   FETCH_MULTIPLE_FILES_BY_SOURCE,
 } from "../model/store/actions.type";
 import { FETCH_WEBAPI_INFO } from "@/shared/api/webAPI/data/store/actions.type";
+import environment from "@/shared/api/environment";
 
-export default function getFilesByView() {
+export default function getFilesByView(params = null) {
   return {
     temporalCharacterization: {
       loadMethod: FETCH_FILES,
@@ -74,7 +75,11 @@ export default function getFilesByView() {
     networkConcept: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
-        files: [{ name: CONCEPT, instanceParams: [{}] }],
+        files:
+          environment.DUCKDB_ENABLED === "true"
+            ? params.files
+            : [{ name: CONCEPT, instanceParams: [{}] }],
+        duckdb_supported: true,
       },
     },
     networkDataQuality: {
@@ -98,10 +103,14 @@ export default function getFilesByView() {
     concept: {
       loadMethod: FETCH_FILES,
       payload: {
-        files: [
-          { name: DOMAIN_SUMMARY, required: true },
-          { name: CONCEPT, required: true },
-        ],
+        files:
+          environment.DUCKDB_ENABLED === "true"
+            ? params.files
+            : [
+                { name: DOMAIN_SUMMARY, required: true },
+                { name: CONCEPT, required: true },
+              ],
+        duckdb_supported: true,
       },
     },
     dataQuality: {
@@ -186,7 +195,11 @@ export default function getFilesByView() {
     sourceConceptOverlay: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_RELEASE,
       payload: {
-        files: [SOURCE_CONCEPT],
+        files:
+          environment.DUCKDB_ENABLED === "true"
+            ? params.files
+            : [{ name: SOURCE_CONCEPT }],
+        duckdb_supported: true,
       },
     },
   };
diff --git a/src/processes/exploreReports/model/interfaces/files/ConceptType.ts b/src/processes/exploreReports/model/interfaces/files/ConceptType.ts
index 06dadb8e..d3f781d8 100644
--- a/src/processes/exploreReports/model/interfaces/files/ConceptType.ts
+++ b/src/processes/exploreReports/model/interfaces/files/ConceptType.ts
@@ -6,7 +6,7 @@ import { PrevalenceType } from "@/processes/exploreReports/model/interfaces/repo
 export interface ConceptType {
   CDM_TABLE_NAME: string[];
   AGE_AT_FIRST_DIAGNOSIS?: DistributionType[];
-  CONCEPT_ID: number[];
+  CONCEPT_ID: number[] | number;
   CONCEPT_NAME: string[];
   NUM_PERSONS: number[];
   PERCENT_PERSONS: string[];
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 311c40f0..bb555dbf 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -1,5 +1,5 @@
-import getFilePath from "@/shared/api/getFilePath";
-import apiService from "@/shared/api/apiService";
+import getFilePath from "@/shared/api/axios/files";
+import apiService from "@/shared/api/axios/apiService";
 
 import preprocessing from "./preprocessing";
 import postprocessing from "./postprocessing";
@@ -14,6 +14,9 @@ import {
 
 import { errorActions } from "@/widgets/error";
 import { SourceRelease } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
+import db from "@/shared/api/duckdb/instance";
+import getDuckDBFilePath from "@/shared/api/duckdb/files";
+import environment from "@/shared/api/environment";
 
 const state = {
   data: {},
@@ -28,56 +31,113 @@ const getters = {
   },
 };
 
+async function fetchAxiosData(file, path) {
+  return apiService(
+    {
+      url: getFilePath(
+        file.params
+          ? file.params
+          : {
+              cdm: path.cdm.cdm_source_key,
+              release: path.release,
+              domain: path.domain,
+              concept: path.concept,
+            }
+      )[file.name],
+      method: "get",
+    },
+    {
+      required: file.required,
+    }
+  ).then((response) => ({
+    data: response.data,
+    payload: path,
+  }));
+}
+async function fetchDuckDBData(file, payload, path) {
+  const c = await db.connect();
+  return c
+    .query(
+      `SELECT * FROM read_parquet('${
+        getDuckDBFilePath({
+          cdm: path.cdm.cdm_source_key,
+          release: path.release,
+        })[file.name]
+      }') WHERE DOMAIN == '${path.domain}' AND CONCEPT_ID == ${path.concept};`
+    )
+    .then((data) => ({
+      data: data,
+      file: file,
+      duckdb_supported: payload.duckdb_supported,
+      payload: path,
+    }));
+}
+
+function convertTableToArray(table) {
+  const dataTable = [];
+  for (const row of table) {
+    let rowData = {};
+    for (const colName in row) {
+      if (row.hasOwnProperty(colName)) {
+        rowData = { ...rowData, [colName]: row[colName] };
+      }
+    }
+    dataTable.push(rowData);
+  }
+
+  return dataTable;
+}
+
 const actions = {
   [RESET_DATA_STORAGE]({ commit }) {
     commit(CLEAR_DATA);
   },
 
   async [FETCH_FILES]({ commit, dispatch, rootState }, payload) {
+    const path = {
+      cdm: { cdm_source_key: rootState.route.params.cdm },
+      release: rootState.route.params.release,
+      domain: rootState.route.params.domain,
+      concept: rootState.route.params.concept,
+    };
     const promises = payload.files.map((file) => {
-      return apiService(
-        {
-          url: getFilePath(
-            payload.params ? payload.params : rootState.route.params
-          )[file.name],
-          method: "get",
-        },
-        {
-          required: file.required,
-        }
-      );
+      if (
+        payload.duckdb_supported &&
+        environment.DUCKDB_ENABLED === "true" &&
+        file.source !== "axios"
+      ) {
+        return fetchDuckDBData(file, payload, path);
+      } else {
+        return fetchAxiosData(file, path);
+      }
     });
 
+    const data = {};
+
     await Promise.allSettled(promises).then((responses) => {
-      const data = responses.reduce((obj, currValue, index) => {
-        const status = currValue.status;
+      responses.forEach((response, index) => {
+        const status = response.status;
+        const fileData = response.value?.data;
+        const fileName = payload.files[index].name;
+
         if (status === "fulfilled") {
-          const fileData = currValue.value?.data;
-          return {
-            ...obj,
-            [payload.files[index].name]: preprocessing[
-              payload.files[index].name
-            ]
-              ? preprocessing[payload.files[index].name](fileData)
-              : fileData,
-          };
-        }
-        if (status === "rejected" && currValue.reason.payload.required) {
-          const message = currValue.reason.error.message;
-          const url = currValue.reason?.error?.config?.url;
-          dispatch(errorActions.NEW_ERROR, {
-            message,
-            details: url,
-          });
-          return {
-            ...obj,
-          };
+          data[fileName] =
+            response.value.duckdb_supported &&
+            environment.DUCKDB_ENABLED === "true" &&
+            payload.files[index].source !== "axios"
+              ? convertTableToArray(fileData)
+              : preprocessing[fileName]
+              ? preprocessing[fileName](fileData)
+              : fileData;
+        } else if (status === "rejected" && payload.files[index].required) {
+          const message = response.reason.message;
+          const url = response.reason?.config?.url;
+          dispatch(errorActions.NEW_ERROR, { message, details: url });
+          data[fileName] = [];
         } else {
-          return {
-            ...obj,
-          };
+          data[fileName] = [];
         }
-      }, {});
+      });
       postprocessing[rootState.route.name]
         ? commit(SET_DATA, postprocessing[rootState.route.name](data))
         : commit(SET_DATA, data);
@@ -88,6 +148,7 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
+    console.log(payload);
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
@@ -97,10 +158,11 @@ const actions = {
               (array, currentInstance) => {
                 return [
                   ...array,
-                  apiService(
-                    {
-                      url: getFilePath({
-                        cdm: currentSource.cdm_source_key,
+                  payload.duckdb_supported &&
+                  environment.DUCKDB_ENABLED === "true" &&
+                  file.source !== "axios"
+                    ? fetchDuckDBData(file, payload, {
+                        cdm: currentSource,
                         release: currentSource.releases[0].release_id,
                         domain: currentInstance.domain
                           ? currentInstance.domain
@@ -108,12 +170,17 @@ const actions = {
                         concept: currentInstance.concept
                           ? currentInstance.concept
                           : rootState.route.params.concept,
-                      })[file.name],
-                      method: "get",
-                    },
-
-                    { source: currentSource }
-                  ),
+                      })
+                    : fetchAxiosData(file, {
+                        cdm: currentSource,
+                        release: currentSource.releases[0].release_id,
+                        domain: currentInstance.domain
+                          ? currentInstance.domain
+                          : rootState.route.params.domain,
+                        concept: currentInstance.concept
+                          ? currentInstance.concept
+                          : rootState.route.params.concept,
+                      }),
                 ];
               },
               []
@@ -125,6 +192,7 @@ const actions = {
       }),
       {}
     );
+
     const data = {};
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
@@ -134,13 +202,17 @@ const actions = {
             (
               filtered: PromiseFulfilledResult<{
                 data: never[];
-                payload: { source: string };
+                payload: { cdm: string };
               }>
             ) => ({
-              data: preprocessing[file]
-                ? preprocessing[file](filtered.value.data)
-                : filtered.value?.data,
-              source: filtered.value?.payload.source,
+              data:
+                payload.duckdb_supported &&
+                environment.DUCKDB_ENABLED === "true"
+                  ? convertTableToArray(filtered.value.data)
+                  : preprocessing[file]
+                  ? preprocessing[file](filtered.value.data)
+                  : filtered.value?.data,
+              source: filtered.value?.payload.cdm,
             })
           );
         if (data[file].length === 0 && payload.criticalError) {
@@ -163,19 +235,32 @@ const actions = {
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
-        [file]: rootGetters.getSelectedSource.releases.map((release) => {
-          return apiService(
-            {
-              url: getFilePath({
-                cdm: rootGetters.getSelectedSource.cdm_source_key,
-                release: release.release_id,
-                domain: rootState.route.params.domain,
-                concept: rootState.route.params.concept,
-              })[file],
-              method: "get",
-            },
-            release.release_name
-          );
+        [file.name]: rootGetters.getSelectedSource.releases.map((release) => {
+          if (
+            payload.duckdb_supported &&
+            environment.DUCKDB_ENABLED === "true" &&
+            file.source !== "axios"
+          ) {
+            return fetchDuckDBData(file, payload, {
+              cdm: rootGetters.getSelectedSource,
+              release: release.release_id,
+              domain: rootState.route.params.domain,
+              concept: rootState.route.params.concept,
+            });
+          } else {
+            return apiService(
+              {
+                url: getFilePath({
+                  cdm: rootGetters.getSelectedSource.cdm_source_key,
+                  release: release.release_id,
+                  domain: rootState.route.params.domain,
+                  concept: rootState.route.params.concept,
+                })[file.name],
+                method: "get",
+              },
+              release.release_name
+            );
+          }
         }),
       }),
       {}
@@ -192,7 +277,11 @@ const actions = {
                 payload: SourceRelease;
               }>
             ) => ({
-              data: filtered.value?.data,
+              data:
+                payload.duckdb_supported &&
+                environment.DUCKDB_ENABLED === "true"
+                  ? convertTableToArray(filtered.value?.data)
+                  : filtered.value.data,
               release: filtered.value?.payload,
             })
           );
@@ -212,7 +301,7 @@ const actions = {
 
 const mutations = {
   [SET_DATA](state, payload) {
-    state.data = payload;
+    state.data = { ...state.data, ...payload };
   },
   [CLEAR_DATA](state) {
     state.data = {};
diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index 6a3c8970..6ec0c162 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -4,34 +4,61 @@ import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
 import * as d3Format from "d3-format";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { DomainSummary } from "@/processes/exploreReports/model/interfaces/files/DomainSummary";
+import environment from "@/shared/api/environment";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 export default function concept(data) {
   const dateParse = d3.timeParse("%Y%m");
-  const conceptData: ConceptType = data[CONCEPT];
-  const domainSummary: DomainSummary = data[DOMAIN_SUMMARY];
-  const conceptName: string = conceptData.CONCEPT_NAME[0];
-  const conceptId: number = conceptData.CONCEPT_ID[0];
-  const numPersons: number = conceptData.NUM_PERSONS[0];
-  const percentPersons: string = conceptData.PERCENT_PERSONS[0];
-  const recordsPerPerson: string = conceptData.RECORDS_PER_PERSON[0];
-  let countFailed: string;
+  let conceptData: ConceptType;
+  let conceptName: string | string[];
+  let conceptId: number | number[];
+  let numPersons: number | number[];
+  let percentPersons: string | string[];
+  let recordsPerPerson: string | string[];
+  let countFailed: string | string[];
   let isNotStationary: boolean;
-  let seasonalityScore: string;
+  let seasonalityScore: string | string[];
   let seasonalityComment: string;
 
-  if (conceptData.COUNT_FAILED) {
-    countFailed = conceptData.COUNT_FAILED[0];
-  }
-
-  if (conceptData.IS_STATIONARY) {
-    isNotStationary = !conceptData.IS_STATIONARY[0];
+  if (environment.DUCKDB_ENABLED === "true") {
+    conceptData = { ...data, ...data[CONCEPT_METADATA][0] };
+    conceptName = conceptData.CONCEPT_NAME;
+    conceptId = conceptData.CONCEPT_ID;
+    numPersons = conceptData.NUM_PERSONS;
+    percentPersons = conceptData.PERCENT_PERSONS;
+    recordsPerPerson = conceptData.RECORDS_PER_PERSON;
+    countFailed = conceptData.COUNT_FAILED;
+    if (conceptData.IS_STATIONARY) {
+      isNotStationary = !conceptData.IS_STATIONARY;
+    }
+    if (conceptData.SEASONALITY_SCORE) {
+      seasonalityScore = conceptData.SEASONALITY_SCORE;
+    }
+  } else {
+    conceptData = data[CONCEPT];
+    conceptName = conceptData.CONCEPT_NAME[0];
+    conceptId = conceptData.CONCEPT_ID[0];
+    numPersons = conceptData.NUM_PERSONS[0];
+    percentPersons = conceptData.PERCENT_PERSONS[0];
+    recordsPerPerson = conceptData.RECORDS_PER_PERSON[0];
+    if (conceptData.COUNT_FAILED) {
+      countFailed = conceptData.COUNT_FAILED[0];
+    }
+    if (conceptData.IS_STATIONARY) {
+      isNotStationary = !conceptData.IS_STATIONARY[0];
+    }
+    if (conceptData.SEASONALITY_SCORE) {
+      seasonalityScore =
+        conceptData.SEASONALITY_SCORE[0] || conceptData.SEASONALITY_SCORE;
+    }
   }
 
-  if (conceptData.SEASONALITY_SCORE) {
-    seasonalityScore = conceptData.SEASONALITY_SCORE[0];
+  if (seasonalityScore) {
     seasonalityComment = "Seasonality score of " + seasonalityScore + ".";
   }
 
+  const domainSummary: DomainSummary = data[DOMAIN_SUMMARY];
+
   conceptData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
     conceptData.PREVALENCE_BY_GENDER_AGE_YEAR,
     "ascending",
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index b7fd0ee2..9377eef2 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -8,11 +8,44 @@ import {
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
+import environment from "@/shared/api/environment";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
+
+function combineObjectsBySource(inputObject) {
+  const resultArray = [];
+  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
+
+  sources.forEach((source) => {
+    const combinedData = {};
+
+    for (const key in inputObject) {
+      if (key !== "domainSummary") {
+        const fieldArray = inputObject[key];
+        const matchingItem = fieldArray.find(
+          (item) => item.source.cdm_source_key === source.cdm_source_key
+        );
+        combinedData[key] = matchingItem ? matchingItem.data : null;
+      } else {
+        combinedData[key] = inputObject[key];
+      }
+    }
+
+    resultArray.push({ source: source, data: combinedData });
+  });
+
+  return resultArray;
+}
 
 export default function feasibility(data) {
+  console.log(data);
+  let concept;
   const observationPeriod: ObservationPeriodType = data[OBSERVATION_PERIOD];
   const person: PersonData = data[PERSON];
-  const concept: ConceptType = data[CONCEPT];
+  if (environment.DUCKDB_ENABLED === "true") {
+    concept = combineObjectsBySource(data);
+  } else {
+    concept = data[CONCEPT];
+  }
   const sources = data[DENSITY_DOMAIN_PERSON]?.map((file) => ({
     data: file.data,
     source: file.source.cdm_source_abbreviation,
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index bcc73969..36054fac 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -3,6 +3,8 @@ import _ from "lodash";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 import * as d3 from "d3-time-format";
+import environment from "@/shared/api/environment";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 function augmentReport(concept, dataField) {
   return concept.filter((value) => value.data[dataField]?.length).length
@@ -19,18 +21,60 @@ function augmentReport(concept, dataField) {
     : null;
 }
 
+function combineObjectsBySource(inputObject) {
+  const resultArray = [];
+  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
+
+  sources.forEach((source) => {
+    const combinedData = {};
+
+    for (const key in inputObject) {
+      if (key !== "domainSummary") {
+        const fieldArray = inputObject[key];
+        const matchingItem = fieldArray.find(
+          (item) => item.source.cdm_source_key === source.cdm_source_key
+        );
+        combinedData[key] = matchingItem ? matchingItem.data : null;
+      } else {
+        combinedData[key] = inputObject[key];
+      }
+    }
+
+    resultArray.push({ source: source, data: combinedData });
+  });
+
+  return resultArray;
+}
+
 export default function networkConcept(data) {
   const dateParse = d3.timeParse("%Y%m");
+  let concept: MultipleFilesRawInterface<ConceptType>[];
+  let conceptName;
+  let conceptId;
+  let numPersons;
+  if (environment.DUCKDB_ENABLED === "true") {
+    concept = combineObjectsBySource(data);
+    conceptName = concept[0].data[CONCEPT_METADATA][0].CONCEPT_NAME;
+    conceptId = concept[0].data[CONCEPT_METADATA][0].CONCEPT_ID;
+    numPersons = _.sumBy(
+      concept[0],
+      (r) => r.data[CONCEPT_METADATA][0].NUM_PERSONS
+    );
+  } else {
+    concept = data[CONCEPT];
+    conceptName = concept[0].data.CONCEPT_NAME[0];
+    conceptId = concept[0].data.CONCEPT_ID[0];
+    numPersons = _.sumBy(concept[0], (r) => r.data.NUM_PERSONS[0]);
+  }
 
-  const concept: MultipleFilesRawInterface<ConceptType>[] = data[CONCEPT];
-  if (!concept[0]) {
+  if (!concept) {
     return;
   }
   return {
     metadata: {
-      conceptName: concept[0].data.CONCEPT_NAME[0],
-      conceptId: concept[0].data.CONCEPT_ID[0],
-      numPersons: _.sumBy(concept, (r) => r.data.NUM_PERSONS[0]),
+      conceptName: conceptName,
+      conceptId: conceptId,
+      numPersons: numPersons,
     },
     chart: {
       measurementValueDistribution: concept.filter(
@@ -88,8 +132,8 @@ export default function networkConcept(data) {
                 UNIT_COUNT: current.data.RECORDS_BY_UNIT.filter(
                   (val) => val.CONCEPT_NAME === value.CATEGORY
                 )[0].COUNT_VALUE,
-                CONCEPT_NAME: concept[0].data.CONCEPT_NAME[0],
-                CONCEPT_ID: concept[0].data.CONCEPT_ID[0],
+                CONCEPT_NAME: conceptName,
+                CONCEPT_ID: conceptId,
               })),
             ],
             []
diff --git a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
index bd949b89..56253f10 100644
--- a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
@@ -3,10 +3,50 @@ import * as d3 from "d3-time-format";
 import { flatten, sumBy } from "lodash";
 import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
+import environment from "@/shared/api/environment";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
+
+function combineObjectsByRelease(inputObject) {
+  const resultArray = [];
+  const sources = inputObject[CONCEPT_METADATA].map((data) => data.release);
+
+  sources.forEach((release) => {
+    const combinedData = {};
+
+    for (const key in inputObject) {
+      const fieldArray = inputObject[key];
+      const matchingItem = fieldArray.find(
+        (item) => item.release.release_id === release.release_id
+      );
+      combinedData[key] = matchingItem ? matchingItem.data : null;
+    }
+
+    resultArray.push({ release: release, data: combinedData });
+  });
+
+  return resultArray;
+}
 
 export default function sourceConceptOverlay(data) {
-  const parsedResponses: MultipleFilesRawInterface<ConceptType>[] =
-    data[SOURCE_CONCEPT];
+  let parsedResponses: MultipleFilesRawInterface<ConceptType>[];
+  let conceptName;
+  let conceptId;
+  let numPersons;
+  if (environment.DUCKDB_ENABLED === "true") {
+    parsedResponses = combineObjectsByRelease(data);
+    conceptName = parsedResponses[0].data[CONCEPT_METADATA][0].CONCEPT_NAME;
+    conceptId = parsedResponses[0].data[CONCEPT_METADATA][0].CONCEPT_ID;
+    numPersons = sumBy(
+      parsedResponses,
+      (item) => item.data[CONCEPT_METADATA][0].NUM_PERSONS
+    );
+  } else {
+    parsedResponses = data[SOURCE_CONCEPT];
+    console.log(data);
+    conceptName = parsedResponses[0].data.CONCEPT_NAME[0];
+    conceptId = parsedResponses[0].data.CONCEPT_ID[0];
+    numPersons = sumBy(parsedResponses, (item) => item.data.NUM_PERSONS[0]);
+  }
   const dateParse = d3.timeParse("%Y%m");
   if (!parsedResponses.length) return;
   const prevalence = parsedResponses.map((response) =>
@@ -20,9 +60,9 @@ export default function sourceConceptOverlay(data) {
   );
 
   return {
-    conceptName: parsedResponses[0].data.CONCEPT_NAME[0],
-    conceptId: parsedResponses[0].data.CONCEPT_ID[0],
-    numPersons: sumBy(parsedResponses, (item) => item.data.NUM_PERSONS[0]),
+    conceptName: conceptName,
+    conceptId: conceptId,
+    numPersons: numPersons,
     conceptData: flatten(prevalence),
   };
 }
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index b9292d1f..90a3129b 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -30,6 +30,7 @@ import { watch, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
 import NewNote from "@/widgets/selectionEditDialog/newNote.vue";
 import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
+import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 
 const route = useRoute();
 const store = useStore();
@@ -47,7 +48,9 @@ const showExplorer = computed(function () {
 });
 
 const loadViewData = function () {
-  const view = getFilesByView()[route.name];
+  const view = getFilesByView({
+    files: getDuckDBTables()[route.params.domain],
+  })[route.name];
   if (view) {
     store.dispatch(view.loadMethod, view.payload);
   }
diff --git a/src/shared/api/apiService.ts b/src/shared/api/axios/apiService.ts
similarity index 90%
rename from src/shared/api/apiService.ts
rename to src/shared/api/axios/apiService.ts
index 68d2b8bd..6db749ec 100644
--- a/src/shared/api/apiService.ts
+++ b/src/shared/api/axios/apiService.ts
@@ -7,7 +7,7 @@ const loadFile = (config: AxiosRequestConfig, payload: object) => {
       return response;
     },
     function (error: AxiosError) {
-      return Promise.reject({ error, payload });
+      return Promise.reject({ ...error, payload });
     }
   );
 
diff --git a/src/shared/api/getFilePath.ts b/src/shared/api/axios/files.ts
similarity index 100%
rename from src/shared/api/getFilePath.ts
rename to src/shared/api/axios/files.ts
diff --git a/src/shared/api/duckdb/conceptTables.ts b/src/shared/api/duckdb/conceptTables.ts
new file mode 100644
index 00000000..4c704923
--- /dev/null
+++ b/src/shared/api/duckdb/conceptTables.ts
@@ -0,0 +1,138 @@
+import * as files from "./files";
+import { DOMAIN_SUMMARY } from "@/shared/config/files";
+
+function getDuckDBTables(params = [{}]) {
+  return {
+    condition_occurrence: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.CONDITIONS_BY_TYPE, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.AGE_AT_FIRST_DIAGNOSIS, instanceParams: [params] },
+    ],
+    measurement: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_OCCURRENCE, instanceParams: [params] },
+      { name: files.FREQUENCY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.LOWER_LIMIT_DISTRIBUTION, instanceParams: [params] },
+      { name: files.MEASUREMENTS_BY_TYPE, instanceParams: [params] },
+      { name: files.MEASUREMENT_VALUE_DISTRIBUTION, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.RECORDS_BY_UNIT, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+      { name: files.UPPER_LIMIT_DISTRIBUTION, instanceParams: [params] },
+      { name: files.VALUES_RELATIVE_TO_NORM, instanceParams: [params] },
+      {
+        name: DOMAIN_SUMMARY,
+        required: true,
+        source: "axios",
+        instanceParams: [params],
+      },
+    ],
+    condition_era: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.AGE_AT_FIRST_EXPOSURE, instanceParams: [params] },
+      { name: files.LENGTH_OF_ERA, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+    ],
+    drug_exposure: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_EXPOSURE, instanceParams: [params] },
+      { name: files.DAYS_SUPPLY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.DRUGS_BY_TYPE, instanceParams: [params] },
+      { name: files.DRUG_FREQUENCY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.QUANTITY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+      { name: files.REFILLS_DISTRIBUTION, instanceParams: [params] },
+    ],
+    drug_era: [],
+    visit_occurrence: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_OCCURRENCE, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+      { name: files.VISIT_DURATION_BY_TYPE, instanceParams: [params] },
+    ],
+    visit_detail: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_OCCURRENCE, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.VISIT_DETAIL_DURATION_BY_TYPE, instanceParams: [params] },
+    ],
+    observation: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_OCCURRENCE, instanceParams: [params] },
+      { name: files.OBSERVATIONS_BY_TYPE, instanceParams: [params] },
+      { name: files.OBS_FREQUENCY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+    ],
+    procedure_occurrence: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_OCCURRENCE, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.PROCEDURES_BY_TYPE, instanceParams: [params] },
+      {
+        name: files.PROCEDURE_FREQUENCY_DISTRIBUTION,
+        instanceParams: [params],
+      },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+    ],
+    device_exposure: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.AGE_AT_FIRST_EXPOSURE, instanceParams: [params] },
+      { name: files.DEVICES_BY_TYPE, instanceParams: [params] },
+      { name: files.DEVICE_FREQUENCY_DISTRIBUTION, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.RECORDS_PER_PERSON, instanceParams: [params] },
+    ],
+  };
+}
+
+export default getDuckDBTables;
diff --git a/src/shared/api/duckdb/files.ts b/src/shared/api/duckdb/files.ts
new file mode 100644
index 00000000..235f0491
--- /dev/null
+++ b/src/shared/api/duckdb/files.ts
@@ -0,0 +1,69 @@
+export const CONCEPT_METADATA = "CONCEPT_METADATA";
+export const DAYS_SUPPLY_DISTRIBUTION = "DAYS_SUPPLY_DISTRIBUTION";
+export const DEVICE_FREQUENCY_DISTRIBUTION = "DEVICE_FREQUENCY_DISTRIBUTION";
+export const DRUG_FREQUENCY_DISTRIBUTION = "DRUG_FREQUENCY_DISTRIBUTION";
+export const FREQUENCY_DISTRIBUTION = "FREQUENCY_DISTRIBUTION";
+export const LENGTH_OF_ERA = "LENGTH_OF_ERA";
+export const MEASUREMENT_VALUE_DISTRIBUTION = "MEASUREMENT_VALUE_DISTRIBUTION";
+export const OBS_FREQUENCY_DISTRIBUTION = "OBS_FREQUENCY_DISTRIBUTION";
+export const PREVALENCE_BY_MONTH = "PREVALENCE_BY_MONTH";
+export const PROCEDURE_FREQUENCY_DISTRIBUTION =
+  "PROCEDURE_FREQUENCY_DISTRIBUTION";
+export const QUANTITY_DISTRIBUTION = "QUANTITY_DISTRIBUTION";
+export const RECORDS_BY_UNIT = "RECORDS_BY_UNIT";
+export const REFILLS_DISTRIBUTION = "REFILLS_DISTRIBUTION";
+export const VISIT_DETAIL_DURATION_BY_TYPE = "VISIT_DETAIL_DURATION_BY_TYPE";
+export const VISIT_DURATION_BY_TYPE = "VISIT_DURATION_BY_TYPE";
+export const PREVALENCE_BY_GENDER_AGE_YEAR = "PREVALENCE_BY_GENDER_AGE_YEAR";
+export const AGE_AT_FIRST_DIAGNOSIS = "AGE_AT_FIRST_DIAGNOSIS";
+export const CONDITIONS_BY_TYPE = "CONDITIONS_BY_TYPE";
+export const AGE_AT_FIRST_OCCURRENCE = "AGE_AT_FIRST_OCCURRENCE";
+export const LOWER_LIMIT_DISTRIBUTION = "LOWER_LIMIT_DISTRIBUTION";
+export const MEASUREMENTS_BY_TYPE = "MEASUREMENTS_BY_TYPE";
+export const RECORDS_PER_PERSON = "RECORDS_PER_PERSON";
+export const UPPER_LIMIT_DISTRIBUTION = "UPPER_LIMIT_DISTRIBUTION";
+export const VALUES_RELATIVE_TO_NORM = "VALUES_RELATIVE_TO_NORM";
+export const AGE_AT_FIRST_EXPOSURE = "AGE_AT_FIRST_EXPOSURE";
+export const DRUGS_BY_TYPE = "DRUGS_BY_TYPE";
+export const DEVICES_BY_TYPE = "DEVICES_BY_TYPE";
+export const PROCEDURES_BY_TYPE = "PROCEDURES_BY_TYPE";
+export const OBSERVATIONS_BY_TYPE = "OBSERVATIONS_BY_TYPE";
+
+function getFilePath(params: { cdm: string; release: string }) {
+  const getUrl = window.location;
+  const baseUrl =
+    getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split("/")[1];
+  return {
+    [CONCEPT_METADATA]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/concept_metadata.parquet`,
+    [DAYS_SUPPLY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/days_supply_distribution.parquet`,
+    [DEVICE_FREQUENCY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/device_frequency_distribution.parquet`,
+    [DRUG_FREQUENCY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/drug_frequency_distribution.parquet`,
+    [FREQUENCY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/frequency_distribution.parquet`,
+    [LENGTH_OF_ERA]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/length_of_era.parquet`,
+    [MEASUREMENT_VALUE_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/measurement_value_distribution.parquet`,
+    [OBS_FREQUENCY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/obs_frequency_distribution.parquet`,
+    [PREVALENCE_BY_MONTH]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/prevalence_by_month.parquet`,
+    [PROCEDURE_FREQUENCY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/procedure_frequency_distribution.parquet`,
+    [QUANTITY_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/quantity_distribution.parquet`,
+    [RECORDS_BY_UNIT]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/records_by_unit.parquet`,
+    [REFILLS_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/refills_distribution.parquet`,
+    [VISIT_DETAIL_DURATION_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/visit_detail_duration_by_type.parquet`,
+    [VISIT_DURATION_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/visit_duration_by_type.parquet`,
+    [PREVALENCE_BY_GENDER_AGE_YEAR]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/prevalence_by_gender_age_year.parquet`,
+    [AGE_AT_FIRST_DIAGNOSIS]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/age_at_first_diagnosis.parquet`,
+    [CONDITIONS_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/conditions_by_type.parquet`,
+    [AGE_AT_FIRST_OCCURRENCE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/age_at_first_occurrence.parquet`,
+    [LOWER_LIMIT_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/lower_limit_distribution.parquet`,
+    [MEASUREMENTS_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/measurements_by_type.parquet`,
+    [RECORDS_PER_PERSON]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/records_per_person.parquet`,
+    [UPPER_LIMIT_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/upper_limit_distribution.parquet`,
+    [VALUES_RELATIVE_TO_NORM]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/values_relative_to_norm.parquet`,
+    [AGE_AT_FIRST_EXPOSURE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/age_at_first_exposure.parquet`,
+    [DRUGS_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/drugs_by_type.parquet`,
+    [DEVICES_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/devices_by_type.parquet`,
+    [PROCEDURES_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/procedures_by_type.parquet`,
+    [OBSERVATIONS_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/observations_by_type.parquet`,
+  };
+}
+
+export default getFilePath;
diff --git a/src/shared/api/duckdb/instance.ts b/src/shared/api/duckdb/instance.ts
new file mode 100644
index 00000000..d43c4c03
--- /dev/null
+++ b/src/shared/api/duckdb/instance.ts
@@ -0,0 +1,24 @@
+import * as duckdb from "@duckdb/duckdb-wasm";
+import duckdb_wasm from "@duckdb/duckdb-wasm/dist/duckdb-mvp.wasm?url";
+import mvp_worker from "@duckdb/duckdb-wasm/dist/duckdb-browser-mvp.worker.js?url";
+import duckdb_wasm_eh from "@duckdb/duckdb-wasm/dist/duckdb-eh.wasm?url";
+import eh_worker from "@duckdb/duckdb-wasm/dist/duckdb-browser-eh.worker.js?url";
+
+const MANUAL_BUNDLES: duckdb.DuckDBBundles = {
+  mvp: {
+    mainModule: duckdb_wasm,
+    mainWorker: mvp_worker,
+  },
+  eh: {
+    mainModule: duckdb_wasm_eh,
+    mainWorker: eh_worker,
+  },
+};
+const bundle = await duckdb.selectBundle(MANUAL_BUNDLES);
+
+const worker = new Worker(bundle.mainWorker!);
+const logger = new duckdb.ConsoleLogger();
+const db = new duckdb.AsyncDuckDB(logger, worker);
+await db.instantiate(bundle.mainModule, bundle.pthreadWorker);
+
+export default db;
diff --git a/src/shared/api/environment.ts b/src/shared/api/environment.ts
index ac315eb2..c800c2b6 100644
--- a/src/shared/api/environment.ts
+++ b/src/shared/api/environment.ts
@@ -4,6 +4,7 @@ const envUrl = "./env/env.json";
 class Environment {
   WEB_API_URL = null;
   WEB_API_ENABLED = null;
+  DUCKDB_ENABLED = null;
   load() {
     const promise: Promise<AxiosResponse> = axios.get(envUrl);
     return promise.then((res) => {
diff --git a/src/shared/api/webAPI/services/authService.ts b/src/shared/api/webAPI/services/authService.ts
index 838a39e3..5919e11b 100644
--- a/src/shared/api/webAPI/services/authService.ts
+++ b/src/shared/api/webAPI/services/authService.ts
@@ -1,4 +1,4 @@
-import apiService from "@/shared/api/apiService";
+import apiService from "@/shared/api/axios/apiService";
 import environment from "@/shared/api/environment";
 
 export const authService = {
diff --git a/src/shared/api/webAPI/services/infoService.ts b/src/shared/api/webAPI/services/infoService.ts
index ff4f36fd..682d67a1 100644
--- a/src/shared/api/webAPI/services/infoService.ts
+++ b/src/shared/api/webAPI/services/infoService.ts
@@ -1,4 +1,4 @@
-import apiService from "@/shared/api/apiService";
+import apiService from "@/shared/api/axios/apiService";
 import environment from "@/shared/api/environment";
 
 export const InfoService = {
diff --git a/src/shared/api/webAPI/services/vocabularyService.ts b/src/shared/api/webAPI/services/vocabularyService.ts
index 18f9f424..41939dcc 100644
--- a/src/shared/api/webAPI/services/vocabularyService.ts
+++ b/src/shared/api/webAPI/services/vocabularyService.ts
@@ -1,5 +1,5 @@
 import environment from "@/shared/api/environment";
-import apiService from "@/shared/api/apiService";
+import apiService from "@/shared/api/axios/apiService";
 
 export const VocabularyService = {
   search: {
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 10c765bf..a4fa1ac0 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -9,8 +9,8 @@ import {
   FETCH_QUERY_INDEX,
 } from "@/widgets/explorer/model/store/actions.type";
 import { EXPORT_QUERY_INDEX, INDEX } from "@/shared/config/files";
-import apiService from "@/shared/api/apiService";
-import getFilePath from "@/shared/api/getFilePath";
+import apiService from "@/shared/api/axios/apiService";
+import getFilePath from "@/shared/api/axios/files";
 import config from "@/widgets/explorer/config";
 import { errorActions } from "@/widgets/error";
 import { QueryIndexType } from "@/processes/exploreReports/model/interfaces/files/QueryIndex";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index 6d290aa1..ce8efdbf 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -18,8 +18,8 @@ import {
   SET_SELECTED_RECTANGLE,
   SET_DIALOG,
 } from "@/widgets/notesPanel/model/store/mutations.type";
-import apiService from "@/shared/api/apiService";
-import getFilePath from "@/shared/api/getFilePath";
+import apiService from "@/shared/api/axios/apiService";
+import getFilePath from "@/shared/api/axios/files";
 import { NOTES } from "@/shared/config/files";
 
 const state = {

From 8f9907fb64b2d80a019cc62f02c3649a37c2be1c Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 28 Nov 2023 06:37:45 +0400
Subject: [PATCH 075/202] fix: error if only one gender present in the data

---
 .../model/store/postprocessing/personReport.ts     | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/processes/exploreReports/model/store/postprocessing/personReport.ts b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
index b555b667..7140ed0c 100644
--- a/src/processes/exploreReports/model/store/postprocessing/personReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
@@ -19,12 +19,16 @@ export default function person(data) {
       personData.BIRTH_YEAR_DATA[i].YEAR = dateParse(v.YEAR);
     }
   });
-  if (personData.GENDER_DATA[0].CONCEPT_NAME === "MALE") {
-    genderMaleCount = personData.GENDER_DATA[0].COUNT_VALUE;
-    genderFemaleCount = personData.GENDER_DATA[1].COUNT_VALUE;
+  const firstGender = personData.GENDER_DATA[0];
+  const secondGender = personData.GENDER_DATA[1]
+    ? personData.GENDER_DATA[1]
+    : { COUNT_VALUE: 0 };
+  if (firstGender.CONCEPT_NAME === "MALE") {
+    genderMaleCount = firstGender.COUNT_VALUE;
+    genderFemaleCount = secondGender.COUNT_VALUE;
   } else {
-    genderMaleCount = personData.GENDER_DATA[1].COUNT_VALUE;
-    genderFemaleCount = personData.GENDER_DATA[0].COUNT_VALUE;
+    genderMaleCount = secondGender.COUNT_VALUE;
+    genderFemaleCount = firstGender.COUNT_VALUE;
   }
 
   return {

From 6266e54e3f16633c760af5620a9db96bcfc08c00 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 22 Nov 2023 05:06:34 +0400
Subject: [PATCH 076/202] feat: switch to primevue

---
 .eslintrc.js                                  |   2 +-
 docs/index.md                                 |   2 +-
 index.html                                    |  12 +-
 package-lock.json                             | 952 +++++++++++-------
 package.json                                  |  15 +-
 postcss.config.js                             |   6 +
 public/doc/index.md                           |   2 +-
 src/app/App.vue                               |  61 +-
 src/app/plugins/tailwind/components/badge.ts  |  40 +
 src/app/plugins/tailwind/components/button.ts | 459 +++++++++
 src/app/plugins/tailwind/components/card.ts   |  37 +
 .../plugins/tailwind/components/carousel.ts   |  12 +
 .../plugins/tailwind/components/dataTable.ts  | 426 ++++++++
 src/app/plugins/tailwind/components/dialog.ts | 245 +++++
 .../plugins/tailwind/components/divider.ts    |  72 ++
 .../plugins/tailwind/components/dropdown.ts   | 278 +++++
 .../plugins/tailwind/components/inputGroup.ts |   5 +
 .../tailwind/components/inputGroupAddon.ts    |  28 +
 .../tailwind/components/inputSwitch.ts        |  54 +
 .../plugins/tailwind/components/inputText.ts  |  36 +
 src/app/plugins/tailwind/components/menu.ts   |  99 ++
 .../plugins/tailwind/components/message.ts    |  87 ++
 .../tailwind/components/multiSelect.ts        | 486 +++++++++
 .../plugins/tailwind/components/paginator.ts  | 204 ++++
 src/app/plugins/tailwind/components/panel.ts  |  42 +
 .../plugins/tailwind/components/sidebar.ts    | 152 +++
 src/app/plugins/tailwind/components/slider.ts | 149 +++
 .../plugins/tailwind/components/tabview.ts    | 168 ++++
 .../plugins/tailwind/components/textArea.ts   |  22 +
 .../plugins/tailwind/components/toolbar.ts    |   8 +
 .../plugins/tailwind/components/tooltip.ts    |  74 ++
 .../plugins/tailwind/components/treeSelect.ts | 335 ++++++
 src/app/plugins/tailwind/tailwindStyles.ts    |  51 +
 src/app/plugins/themes.ts                     |  46 -
 src/app/plugins/vuetify.ts                    |  40 -
 .../chartMetadataCard/metadataCard.vue        | 148 +--
 .../confirmationDialog/ConfirmationDialog.vue |  35 -
 src/entities/contextMenu/contextMenu.vue      |  13 +-
 src/entities/pageHeader/PageHeader.vue        |  20 +
 src/features/nestedMenu/NestedMenu.vue        |  52 -
 .../returnToPreviousPage/ReturnButton.vue     |  29 +-
 src/features/selectColumns/SelectColumns.vue  |  40 -
 src/features/selectColumns/index.ts           |   3 -
 src/main.scss                                 |   3 -
 src/main.ts                                   |  24 +-
 src/pages/info/Article.vue                    |  48 +-
 src/pages/info/Help.vue                       |   6 +-
 src/pages/info/Home.vue                       |  58 +-
 src/pages/info/WebApiInfo.vue                 |  93 +-
 .../NetworkConceptDashboard.vue               | 120 ++-
 .../NetworkConceptReport.vue                  |  64 +-
 .../RecordCountProportionByMonth.vue          |  48 +-
 .../AgeAtFirstDiagnosis.vue                   |  56 +-
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |  48 +-
 .../AgeAtFirstOccurrence.vue                  |  49 +-
 .../conditionsByType/ConditionsByType.vue     |  52 +-
 .../charts/daysSupply/DaysSupply.vue          |  49 +-
 .../charts/drugsByType/DrugsByType.vue        |  49 +-
 .../charts/lengthOfEra/LengthOfEra.vue        |  39 +-
 .../MeasurementValueDistributionChart.vue     |  59 +-
 .../MeasurementValueDistributionTable.vue     | 107 +-
 .../measurementsByType/MeasurementsByType.vue |  48 +-
 .../QuantityDistribution.vue                  |  49 +-
 .../charts/recordsByUnit/RecordsByUnit.vue    |  39 +-
 .../VisitDurationByType.vue                   |  39 +-
 .../components/DesiredDomains.vue             | 210 ++--
 .../components/DomainRequirements.vue         |  95 +-
 .../components/FinalEstimation.vue            | 201 ++--
 .../components/Range.vue                      | 314 +++---
 .../components/RequiredConcepts.vue           | 256 +++--
 .../components/VisitTypes.vue                 | 147 ++-
 .../NetworkDataFeasibilityReport/index.vue    |  97 +-
 .../NetworkDataQualitySummary.vue             |  11 +-
 .../NetworkDataQualityIssuesByCategory.vue    |   7 +-
 .../NetworkDataQualityIssuesByCdmTable.vue    |   7 +-
 .../NetworkDatastrandReport.vue               |  38 +-
 .../NetworkOverview/NetworkOverview.vue       |  33 +-
 .../components/DataNetworkOverview.vue        |  74 +-
 .../components/DataSourcesList.vue            | 248 +++--
 .../NetworkPerformance/NetworkPerformance.vue |  30 +-
 .../NetworkPopulationReport.vue               |  26 +-
 .../AgeAtFirstObservation.vue                 |  38 +-
 .../CumulativeObservation.vue                 |  38 +-
 .../NetworkUnmappedSourceCodes.vue            | 177 +---
 .../release/ConceptReport/ConceptReport.vue   | 110 +-
 .../AgeAtFirstDiagnosis.vue                   |  62 +-
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |  55 +-
 .../AgeAtFirstOccurrence.vue                  |  55 +-
 .../ConditionsByType/ConditionsByType.vue     |  55 +-
 .../charts/DaysSupply/DaysSupply.vue          |  52 +-
 .../charts/DrugsByType/DrugsByType.vue        |  52 +-
 .../charts/LengthOfEra/LengthOfEra.vue        |  44 +-
 .../MeasurementTable/MeasurementTable.vue     |  96 +-
 .../MeasurementValueDistribution.vue          |  90 +-
 .../MeasurementsByType/MeasurementsByType.vue |  51 +-
 .../QuantityDistribution.vue                  |  56 +-
 .../RecordCountProportionByAgeSexYear.vue     |  50 +-
 .../charts/RecordsByUnit/RecordsByUnit.vue    |  43 +-
 .../RecordCountProportionByMonth.vue          |  98 +-
 .../VisitDurationByType.vue                   |  43 +-
 .../DataQualityResults/DataQualityResults.vue | 100 +-
 .../components/MetadataTable.vue              | 108 +-
 .../components/OverviewTable.vue              |  59 +-
 .../components/PivotDataTable.vue             |   6 +-
 .../components/ResultsTable.vue               | 788 +++++++++++----
 .../release/DeathReport/DeathReport.vue       |  21 +-
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  38 +-
 .../charts/DeathByType/DeathByType.vue        |  38 +-
 .../RecordCountProportionByAgeSexYear.vue     |  37 +-
 .../RecordCountProportionByMonth.vue          |  62 +-
 .../release/DomainDensity/DomainDensity.vue   |  10 +-
 .../charts/DomainDensity/DomainDensity.vue    |  55 +-
 .../charts/DomainDensity/defOverview.ts       |   2 +-
 .../DomainRecordsPerPerson.vue                |  55 +-
 .../defRecordsPerPerson.ts                    |   2 +-
 .../release/DomainTable/DomainTable.vue       |  12 +-
 .../DataStratificationByDrug.vue              |  42 +-
 .../DataStratificationByVisit.vue             |  28 +-
 .../components/DomainMetadataTable.vue        |  75 +-
 .../DomainTable/components/MainTable.vue      | 579 ++++++++---
 .../release/MetadataReport/MetadataReport.vue |   2 +-
 .../MetadataReport/tables/Metadata.vue        | 118 +--
 .../MetadataReport/tables/SourceDetails.vue   |  63 +-
 .../ObservationPeriodReport.vue               |  41 +-
 .../AgeAtFirstObservation.vue                 |  53 +-
 .../AgeAtFirstObservationBySex.vue            |  36 +-
 .../CumulativeObservation.vue                 |  52 +-
 .../ObservationOverTime.vue                   |  53 +-
 .../ObservationPeriodsPerPerson.vue           | 110 +-
 .../YearsOfObservationByAge.vue               |  38 +-
 .../YearsOfObservationBySex.vue               |  38 +-
 .../PerformanceReport/PerformanceTable.vue    |  13 +-
 .../components/PerformanceInformation.vue     | 190 ++--
 .../release/PersonReport/PersonReport.vue     |  56 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  53 +-
 .../PopulationByEthnicity.vue                 |  43 +-
 .../PopulationByRace/PopulationByRace.vue     |  37 +-
 .../PopulationByYearBirth.vue                 |  61 +-
 .../TemporalCharacterization.vue              | 187 ++--
 .../UnmappedSourceCodes.vue                   | 170 ++--
 .../DataQualityHistory/DataQualityHistory.vue |  17 +-
 .../HistoricalDataQuality.vue                 | 151 ++-
 .../HistoricalDataQualityByCategory.vue       |  27 +-
 .../HistoricalDataQualityByDomain.vue         |  26 +-
 .../DomainContinuity/DomainContinuity.vue     |   4 +-
 .../charts/domainRecords/DomainRecords.vue    |  38 +-
 .../SourceConceptReport.vue                   |  61 +-
 .../RecordProportionByMonth.vue               |  56 +-
 .../source/SourceOverview/SourceOverview.vue  |  36 +-
 .../DataQualityIssuesHistory.vue              |  48 +-
 .../overviewDisplay/OverviewDisplay.vue       |  47 +-
 .../populationHistory/PopulationHistory.vue   |  48 +-
 .../charts/releaseListing/ReleaseListing.vue  |  77 +-
 src/processes/exploreReports/config/routes.ts | 105 +-
 .../exploreReports/ui/ReportsView.vue         |  29 +-
 src/shared/assets/ares_logo.svg               |  56 ++
 src/shared/lib/directives/clickOutside.ts     |  17 +
 src/shared/lib/directives/resize.ts           |  16 +
 .../lib/mixins/methods/getFontWeight.ts       |  10 +-
 src/style.css                                 |  48 +
 src/widgets/bottomNav/ui/BottomNav.vue        |  85 +-
 src/widgets/chart/ui/Chart.vue                |   6 +-
 src/widgets/chart/ui/ChartActionIcon.vue      |  52 +-
 src/widgets/chart/ui/ChartHeader.vue          |  17 +-
 .../ui/ConceptSearchForm.vue                  | 326 +++---
 src/widgets/error/ui/Error.vue                |  31 +-
 src/widgets/explorer/ui/Explorer.vue          | 154 ++-
 src/widgets/infoPanel/infoPanel.vue           | 255 +++--
 src/widgets/notesPanel/ui/NotesPanel.vue      |  44 +-
 src/widgets/pivot/ui/Pivot.vue                | 479 +++++----
 ...vue-pivottable.css => vue-pivottable.scss} |  16 +-
 .../ui/selectionEditDialog.vue                | 124 +--
 src/widgets/settings/ui/Settings.vue          |  68 +-
 .../ui/components/exportNotes/ExportNotes.vue |   5 +-
 .../toggleBaseLine/ToggleBaseLine.vue         |  22 +-
 .../toggleDarkMode/ToggleDarkMode.vue         |  18 +-
 .../ToggleDefaultAnnotatonsMode.vue           |  18 +-
 .../ToggleDefaultNotesMode.vue                |  18 +-
 .../components/toggleMinMax/ToggleMinMax.vue  |  21 +-
 .../ui/components/toggleTheme/index.ts        |   3 -
 .../components/toggleTheme/ui/ToggleTheme.vue |  47 -
 .../ui/components/userAccount/UserAccount.vue |  55 +-
 src/widgets/snackbar/ui/Snackbar.vue          |  34 +-
 tailwind.config.js                            |  39 +
 vite.config.js                                |   6 +-
 185 files changed, 9828 insertions(+), 5816 deletions(-)
 create mode 100644 postcss.config.js
 create mode 100644 src/app/plugins/tailwind/components/badge.ts
 create mode 100644 src/app/plugins/tailwind/components/button.ts
 create mode 100644 src/app/plugins/tailwind/components/card.ts
 create mode 100644 src/app/plugins/tailwind/components/carousel.ts
 create mode 100644 src/app/plugins/tailwind/components/dataTable.ts
 create mode 100644 src/app/plugins/tailwind/components/dialog.ts
 create mode 100644 src/app/plugins/tailwind/components/divider.ts
 create mode 100644 src/app/plugins/tailwind/components/dropdown.ts
 create mode 100644 src/app/plugins/tailwind/components/inputGroup.ts
 create mode 100644 src/app/plugins/tailwind/components/inputGroupAddon.ts
 create mode 100644 src/app/plugins/tailwind/components/inputSwitch.ts
 create mode 100644 src/app/plugins/tailwind/components/inputText.ts
 create mode 100644 src/app/plugins/tailwind/components/menu.ts
 create mode 100644 src/app/plugins/tailwind/components/message.ts
 create mode 100644 src/app/plugins/tailwind/components/multiSelect.ts
 create mode 100644 src/app/plugins/tailwind/components/paginator.ts
 create mode 100644 src/app/plugins/tailwind/components/panel.ts
 create mode 100644 src/app/plugins/tailwind/components/sidebar.ts
 create mode 100644 src/app/plugins/tailwind/components/slider.ts
 create mode 100644 src/app/plugins/tailwind/components/tabview.ts
 create mode 100644 src/app/plugins/tailwind/components/textArea.ts
 create mode 100644 src/app/plugins/tailwind/components/toolbar.ts
 create mode 100644 src/app/plugins/tailwind/components/tooltip.ts
 create mode 100644 src/app/plugins/tailwind/components/treeSelect.ts
 create mode 100644 src/app/plugins/tailwind/tailwindStyles.ts
 delete mode 100644 src/app/plugins/themes.ts
 delete mode 100644 src/app/plugins/vuetify.ts
 delete mode 100644 src/entities/confirmationDialog/ConfirmationDialog.vue
 create mode 100644 src/entities/pageHeader/PageHeader.vue
 delete mode 100644 src/features/nestedMenu/NestedMenu.vue
 delete mode 100644 src/features/selectColumns/SelectColumns.vue
 delete mode 100644 src/features/selectColumns/index.ts
 delete mode 100644 src/main.scss
 create mode 100644 src/shared/assets/ares_logo.svg
 create mode 100644 src/shared/lib/directives/clickOutside.ts
 create mode 100644 src/shared/lib/directives/resize.ts
 create mode 100644 src/style.css
 rename src/widgets/pivot/ui/{vue-pivottable.css => vue-pivottable.scss} (95%)
 delete mode 100644 src/widgets/settings/ui/components/toggleTheme/index.ts
 delete mode 100644 src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
 create mode 100644 tailwind.config.js

diff --git a/.eslintrc.js b/.eslintrc.js
index e3d7f819..673e9069 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,7 +10,7 @@ module.exports = {
     "plugin:prettier/recommended",
   ],
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: "latest",
   },
   rules: {
     eqeqeq: "warn",
diff --git a/docs/index.md b/docs/index.md
index e7b0f190..a88c6bdf 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -208,7 +208,7 @@ ARES presents research generated through the suite of OHDSI related packages.
 ARES leverages many open source libraries and tools to achieve its goals without which the task would be entirely insurmountable.
 
 - Vue
-- Vuetify
+- PrimeVue
 - axios
 - Vega
 - Vega-lite
diff --git a/index.html b/index.html
index 01619615..5fa6ce98 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,21 @@
 <!DOCTYPE html>
-<html lang="en">
+<html class="dark" lang="en">
 
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" id="faviconTag" type="image/png" href="/favicon-light.png">
-  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   <title>ARES</title>
 </head>
 
 <body>
-  <noscript>
-    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
-        Please enable it to continue.</strong>
-  </noscript>
+<!--  <noscript>-->
+<!--    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.-->
+<!--        Please enable it to continue.</strong>-->
+<!--  </noscript>-->
   <div id="app"></div>
 
   <script type="module" src="/src/main.ts"></script>
diff --git a/package-lock.json b/package-lock.json
index 6ec613bd..779c12c6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,8 +11,11 @@
         "@codemirror/lang-markdown": "^6.2.2",
         "@codemirror/lang-sql": "^6.5.4",
         "@codemirror/theme-one-dark": "^6.1.2",
+        "@jamescoyle/svg-icon": "^0.1.1",
+        "@jamescoyle/vue-icon": "^0.1.2",
         "@mdi/font": "^7.0.96",
-        "axios": "^1.2.3",
+        "@mdi/js": "^7.3.67",
+        "axios": "1.6.0",
         "codemirror": "^6.0.1",
         "d3": "^7.8.5",
         "d3-dsv": "^3.0.1",
@@ -22,6 +25,9 @@
         "file-saver": "^2.0.5",
         "jszip": "^3.10.1",
         "lodash": "^4.17.21",
+        "mdi": "^2.2.43",
+        "primeicons": "^6.0.1",
+        "primevue": "^3.44.0",
         "vega": "^5.25.0",
         "vega-embed": "^6.20.2",
         "vega-lite": "^5.6.0",
@@ -32,7 +38,6 @@
         "vue-router": "^4.0.3",
         "vue3-markdown-it": "^1.0.10",
         "vuedraggable": "^4.1.0",
-        "vuetify": "^3.1.3",
         "vuex": "^4.1.0",
         "yorkie": "^2.0.0"
       },
@@ -47,16 +52,18 @@
         "@vitejs/plugin-vue": "^4.0.0",
         "@vitejs/plugin-vue-jsx": "^3.0.0",
         "@vue/eslint-config-typescript": "^9.1.0",
+        "autoprefixer": "^10.4.16",
         "eslint": "^8.22.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-vue": "^8.0.3",
         "lint-staged": "^13.0.3",
+        "postcss": "^8.4.31",
         "prettier": "^2.8.3",
         "sass": "^1.58.0",
+        "tailwindcss": "^3.3.5",
         "typescript": "~4.9.5",
-        "vite": "4.0.4",
-        "vite-plugin-vuetify": "^1.0.1",
+        "vite": "4.5.0",
         "yorkie": "^2.0.0"
       }
     },
@@ -69,6 +76,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -699,12 +718,13 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
-      "integrity": "sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -714,12 +734,13 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz",
-      "integrity": "sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -729,12 +750,13 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.17.tgz",
-      "integrity": "sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -744,12 +766,13 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz",
-      "integrity": "sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -759,12 +782,13 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz",
-      "integrity": "sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -774,12 +798,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz",
-      "integrity": "sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -789,12 +814,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz",
-      "integrity": "sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -804,12 +830,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz",
-      "integrity": "sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -819,12 +846,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz",
-      "integrity": "sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -834,12 +862,13 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz",
-      "integrity": "sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -849,12 +878,13 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz",
-      "integrity": "sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -864,12 +894,13 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz",
-      "integrity": "sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
       "cpu": [
         "mips64el"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -879,12 +910,13 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz",
-      "integrity": "sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -894,12 +926,13 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz",
-      "integrity": "sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -909,12 +942,13 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz",
-      "integrity": "sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -924,12 +958,13 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz",
-      "integrity": "sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -939,12 +974,13 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz",
-      "integrity": "sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "netbsd"
@@ -954,12 +990,13 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz",
-      "integrity": "sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "openbsd"
@@ -969,12 +1006,13 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz",
-      "integrity": "sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "sunos"
@@ -984,12 +1022,13 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz",
-      "integrity": "sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -999,12 +1038,13 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz",
-      "integrity": "sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1014,12 +1054,13 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz",
-      "integrity": "sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1144,6 +1185,16 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@jamescoyle/svg-icon": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@jamescoyle/svg-icon/-/svg-icon-0.1.1.tgz",
+      "integrity": "sha512-SFxucVGGuI9MzxzzhazmbNP2Qqq3MJH420WPTI3z2OvTCjqr4k38HYEZ63ePKKILUvIFKXZNAm6+hwVcZc5Wvw=="
+    },
+    "node_modules/@jamescoyle/vue-icon": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@jamescoyle/vue-icon/-/vue-icon-0.1.2.tgz",
+      "integrity": "sha512-KFrImXx5TKIi6iQXlnyLEBl4rNosNKbTeRnr70ucTdUaciVmd9qK9d/pZAaKt1Ob/8xNnX2GMp8LisyHdKtEgw=="
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -1260,6 +1311,11 @@
       "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.2.96.tgz",
       "integrity": "sha512-e//lmkmpFUMZKhmCY9zdjRe4zNXfbOIJnn6xveHbaV2kSw5aJ5dLXUxcRt1Gxfi7ZYpFLUWlkG2MGSFAiqAu7w=="
     },
+    "node_modules/@mdi/js": {
+      "version": "7.3.67",
+      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.3.67.tgz",
+      "integrity": "sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw=="
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1979,20 +2035,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
-    "node_modules/@vuetify/loader-shared": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-1.7.1.tgz",
-      "integrity": "sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==",
-      "devOptional": true,
-      "dependencies": {
-        "find-cache-dir": "^3.3.2",
-        "upath": "^2.0.1"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0",
-        "vuetify": "^3.0.0-beta.4"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
@@ -2078,11 +2120,17 @@
         "node": ">=4"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2091,6 +2139,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2119,10 +2173,47 @@
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
+    "node_modules/autoprefixer": {
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "browserslist": "^4.21.10",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
     "node_modules/axios": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
+      "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -2139,7 +2230,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2164,7 +2255,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -2173,9 +2264,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.21.9",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
-      "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
       "dev": true,
       "funding": [
         {
@@ -2192,10 +2283,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001503",
-        "electron-to-chromium": "^1.4.431",
-        "node-releases": "^2.0.12",
-        "update-browserslist-db": "^1.0.11"
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -2225,10 +2316,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001517",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
-      "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
+      "version": "1.0.30001563",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz",
+      "integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==",
       "dev": true,
       "funding": [
         {
@@ -2263,7 +2363,7 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "devOptional": true,
+      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -2290,7 +2390,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -2442,12 +2542,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/commondir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
-      "devOptional": true
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -2975,7 +3069,7 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -3010,6 +3104,12 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -3022,6 +3122,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
+    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -3041,9 +3147,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.469",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.469.tgz",
-      "integrity": "sha512-HRN9XQjElxJBrdDky5iiUUr3eDwXGTg6Cp4IV8MuNc8VqMkYSneSnIe6poFKx9PsNzkudCgaWCBVxwDqirwQWQ==",
+      "version": "1.4.590",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.590.tgz",
+      "integrity": "sha512-hohItzsQcG7/FBsviCYMtQwUSWvVF7NVqPOnJCErWsAshsP/CR2LAXdmq276RbESNdhxiAq5/vRo1g2pxGXVww==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -3061,10 +3167,10 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.16.17",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.17.tgz",
-      "integrity": "sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==",
-      "devOptional": true,
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -3073,28 +3179,28 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/android-arm": "0.16.17",
-        "@esbuild/android-arm64": "0.16.17",
-        "@esbuild/android-x64": "0.16.17",
-        "@esbuild/darwin-arm64": "0.16.17",
-        "@esbuild/darwin-x64": "0.16.17",
-        "@esbuild/freebsd-arm64": "0.16.17",
-        "@esbuild/freebsd-x64": "0.16.17",
-        "@esbuild/linux-arm": "0.16.17",
-        "@esbuild/linux-arm64": "0.16.17",
-        "@esbuild/linux-ia32": "0.16.17",
-        "@esbuild/linux-loong64": "0.16.17",
-        "@esbuild/linux-mips64el": "0.16.17",
-        "@esbuild/linux-ppc64": "0.16.17",
-        "@esbuild/linux-riscv64": "0.16.17",
-        "@esbuild/linux-s390x": "0.16.17",
-        "@esbuild/linux-x64": "0.16.17",
-        "@esbuild/netbsd-x64": "0.16.17",
-        "@esbuild/openbsd-x64": "0.16.17",
-        "@esbuild/sunos-x64": "0.16.17",
-        "@esbuild/win32-arm64": "0.16.17",
-        "@esbuild/win32-ia32": "0.16.17",
-        "@esbuild/win32-x64": "0.16.17"
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
       }
     },
     "node_modules/escalade": {
@@ -3597,7 +3703,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -3605,23 +3711,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/find-cache-dir": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
-      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-      "devOptional": true,
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^3.0.2",
-        "pkg-dir": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-      }
-    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -3689,6 +3778,19 @@
         "node": ">= 6"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -3699,6 +3801,7 @@
       "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,
       "optional": true,
       "os": [
@@ -3712,7 +3815,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
@@ -3814,7 +3917,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "function-bind": "^1.1.1"
       },
@@ -3889,7 +3992,7 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.1.tgz",
       "integrity": "sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -3952,7 +4055,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -3976,7 +4079,7 @@
       "version": "2.12.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
       "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -3988,7 +4091,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4009,7 +4112,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4021,7 +4124,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4058,6 +4161,15 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/jiti": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
+      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+      "dev": true,
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4158,6 +4270,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
     "node_modules/linkify-it": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.3.tgz",
@@ -4498,30 +4616,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "devOptional": true,
-      "dependencies": {
-        "semver": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "devOptional": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/markdown-it": {
       "version": "12.3.2",
       "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
@@ -4605,6 +4699,12 @@
       "resolved": "https://registry.npmjs.org/markdown-it-toc-done-right/-/markdown-it-toc-done-right-4.2.0.tgz",
       "integrity": "sha512-UB/IbzjWazwTlNAX0pvWNlJS8NKsOQ4syrXZQ/C72j+jirrsjVRT627lCaylrKJFBQWfRsPmIVQie8x38DEhAQ=="
     },
+    "node_modules/mdi": {
+      "version": "2.2.43",
+      "resolved": "https://registry.npmjs.org/mdi/-/mdi-2.2.43.tgz",
+      "integrity": "sha512-g3m6z4303qieltUM20JL2gdsJZvoVzIzO74qa2XxZ2kg9JPwrPEAgooVhRDHZi1vvRh0gB8Dg+c9XqNdz4jcIg==",
+      "deprecated": "The mdi package was renamed to @mdi/font after v2.2.43. Please rename in your package.json for future updates."
+    },
     "node_modules/mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -4685,7 +4785,18 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "devOptional": true
+      "dev": true
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
     },
     "node_modules/nanoid": {
       "version": "3.3.6",
@@ -4745,7 +4856,16 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "devOptional": true,
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4789,6 +4909,24 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.12.3",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
@@ -4893,15 +5031,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -4923,7 +5052,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4950,7 +5079,7 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -4970,7 +5099,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -4990,95 +5119,148 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "devOptional": true,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "devOptional": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">= 6"
       }
     },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "devOptional": true,
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "dependencies": {
-        "p-locate": "^4.1.0"
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "devOptional": true,
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "dependencies": {
-        "p-try": "^2.0.0"
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=14.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "postcss": "^8.0.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "devOptional": true,
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
       "dependencies": {
-        "p-limit": "^2.2.0"
+        "camelcase-css": "^2.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
       }
     },
-    "node_modules/postcss": {
-      "version": "8.4.27",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
-      "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
           "url": "https://opencollective.com/postcss/"
         },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
         {
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
+      "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
       }
     },
     "node_modules/postcss-selector-parser": {
@@ -5094,6 +5276,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -5130,6 +5318,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/primeicons": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz",
+      "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
+    },
+    "node_modules/primevue": {
+      "version": "3.44.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.44.0.tgz",
+      "integrity": "sha512-BqSg6rKP0vq7WRHhLlVt4BD4rQZbVVXjgSfOAcebv3mO4wJZcJbgC04mxAI9fl26PhmPy1jLOuCtNOBWo7IekA==",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -5175,6 +5376,15 @@
         }
       ]
     },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
@@ -5193,7 +5403,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -5213,7 +5423,7 @@
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
       "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "is-core-module": "^2.11.0",
         "path-parse": "^1.0.7",
@@ -5309,10 +5519,10 @@
       "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
     },
     "node_modules/rollup": {
-      "version": "3.26.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.3.tgz",
-      "integrity": "sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==",
-      "devOptional": true,
+      "version": "3.29.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -5375,7 +5585,7 @@
       "version": "1.64.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz",
       "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -5622,6 +5832,57 @@
       "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.0.tgz",
       "integrity": "sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA=="
     },
+    "node_modules/sucrase": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
+      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "7.1.6",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -5638,7 +5899,7 @@
       "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==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -5652,12 +5913,70 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/tailwindcss": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.5.tgz",
+      "integrity": "sha512-5SEZU4J7pxZgSkv7FP1zY8i2TIAOooNZ1e/OGtxIEv6GltpoiXUqWvLy89+a10qYTB1N5Ifkuw9lqQkN9sscvA==",
+      "dev": true,
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -5677,7 +5996,7 @@
       "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==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -5708,6 +6027,12 @@
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
       "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
+    },
     "node_modules/tslib": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
@@ -5762,7 +6087,7 @@
       "version": "4.9.5",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
       "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "devOptional": true,
+      "dev": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -5776,20 +6101,10 @@
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
       "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
     },
-    "node_modules/upath": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
-      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=4",
-        "yarn": "*"
-      }
-    },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
-      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
       "dev": true,
       "funding": [
         {
@@ -6300,15 +6615,14 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.0.4.tgz",
-      "integrity": "sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==",
-      "devOptional": true,
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
+      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "dev": true,
       "dependencies": {
-        "esbuild": "^0.16.3",
-        "postcss": "^8.4.20",
-        "resolve": "^1.22.1",
-        "rollup": "^3.7.0"
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -6316,12 +6630,16 @@
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
       "optionalDependencies": {
         "fsevents": "~2.3.2"
       },
       "peerDependencies": {
         "@types/node": ">= 14",
         "less": "*",
+        "lightningcss": "^1.21.0",
         "sass": "*",
         "stylus": "*",
         "sugarss": "*",
@@ -6334,6 +6652,9 @@
         "less": {
           "optional": true
         },
+        "lightningcss": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         },
@@ -6348,24 +6669,6 @@
         }
       }
     },
-    "node_modules/vite-plugin-vuetify": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vuetify/-/vite-plugin-vuetify-1.0.2.tgz",
-      "integrity": "sha512-MubIcKD33O8wtgQXlbEXE7ccTEpHZ8nPpe77y9Wy3my2MWw/PgehP9VqTp92BLqr0R1dSL970Lynvisx3UxBFw==",
-      "devOptional": true,
-      "dependencies": {
-        "@vuetify/loader-shared": "^1.7.1",
-        "debug": "^4.3.3",
-        "upath": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "vite": "^2.7.0 || ^3.0.0 || ^4.0.0",
-        "vuetify": "^3.0.0-beta.4"
-      }
-    },
     "node_modules/vue": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
@@ -6520,39 +6823,6 @@
         "vue": "^3.0.1"
       }
     },
-    "node_modules/vuetify": {
-      "version": "3.3.9",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.9.tgz",
-      "integrity": "sha512-Oh7iLYvhd99MyVqH8nrK5rai7t2R9ivuiZAZKE0sfP4x0MSYthXRPBqXi4Vy98R7MggNFaoMBDJ/hPscuRxnQA==",
-      "engines": {
-        "node": "^12.20 || >=14.13"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/johnleider"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.7",
-        "vite-plugin-vuetify": "^1.0.0-alpha.12",
-        "vue": "^3.2.0",
-        "vue-i18n": "^9.0.0",
-        "webpack-plugin-vuetify": "^2.0.0-alpha.11"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        },
-        "vite-plugin-vuetify": {
-          "optional": true
-        },
-        "vue-i18n": {
-          "optional": true
-        },
-        "webpack-plugin-vuetify": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/vuex": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
@@ -6691,9 +6961,9 @@
       "dev": true
     },
     "node_modules/yaml": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
-      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
       "dev": true,
       "engines": {
         "node": ">= 14"
diff --git a/package.json b/package.json
index 359c1b2d..f3dbede4 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,11 @@
     "@codemirror/lang-markdown": "^6.2.2",
     "@codemirror/lang-sql": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@jamescoyle/svg-icon": "^0.1.1",
+    "@jamescoyle/vue-icon": "^0.1.2",
     "@mdi/font": "^7.0.96",
-    "axios": "^1.2.3",
+    "@mdi/js": "^7.3.67",
+    "axios": "1.6.0",
     "codemirror": "^6.0.1",
     "d3": "^7.8.5",
     "d3-dsv": "^3.0.1",
@@ -26,6 +29,9 @@
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
+    "mdi": "^2.2.43",
+    "primeicons": "^6.0.1",
+    "primevue": "^3.44.0",
     "vega": "^5.25.0",
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.6.0",
@@ -36,7 +42,6 @@
     "vue-router": "^4.0.3",
     "vue3-markdown-it": "^1.0.10",
     "vuedraggable": "^4.1.0",
-    "vuetify": "^3.1.3",
     "vuex": "^4.1.0",
     "yorkie": "^2.0.0"
   },
@@ -51,16 +56,18 @@
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vue/eslint-config-typescript": "^9.1.0",
+    "autoprefixer": "^10.4.16",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.0.3",
     "lint-staged": "^13.0.3",
+    "postcss": "^8.4.31",
     "prettier": "^2.8.3",
     "sass": "^1.58.0",
+    "tailwindcss": "^3.3.5",
     "typescript": "~4.9.5",
-    "vite": "4.0.4",
-    "vite-plugin-vuetify": "^1.0.1",
+    "vite": "4.5.0",
     "yorkie": "^2.0.0"
   },
   "browserslist": [
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 00000000..33ad091d
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/public/doc/index.md b/public/doc/index.md
index e7b0f190..a88c6bdf 100644
--- a/public/doc/index.md
+++ b/public/doc/index.md
@@ -208,7 +208,7 @@ ARES presents research generated through the suite of OHDSI related packages.
 ARES leverages many open source libraries and tools to achieve its goals without which the task would be entirely insurmountable.
 
 - Vue
-- Vuetify
+- PrimeVue
 - axios
 - Vega
 - Vega-lite
diff --git a/src/app/App.vue b/src/app/App.vue
index 3002c553..c2ee991c 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -1,9 +1,9 @@
 <template>
-  <v-app>
-    <v-container main fluid class="pt-4 pl-2 pr-2 mb-16 main">
+  <div class="p-3 min-w-[840px]">
+    <div class="flex flex-col justify-center px-14 md:px-20 lg:px-24">
       <router-view name="main" />
-    </v-container>
-  </v-app>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -17,32 +17,24 @@ const store = useStore();
 const route = useRoute();
 
 import { computed, watch, onBeforeMount } from "vue";
-import { useTheme } from "vuetify";
 
 const favicon = document.getElementById("faviconTag");
 
-const theme = useTheme();
-
 const darkMode = computed(function (): boolean {
   return store.getters.getSettings.darkMode;
 });
 
-const activeTheme = computed(function (): boolean {
-  return store.getters.getSettings.theme;
-});
-watch(darkMode, (): void => {
+function setColorMode() {
   const mode = store.getters.getSettings.darkMode;
-  theme.global.name.value = `${store.getters.getSettings.theme}${
-    mode ? "Dark" : "Light"
-  }`;
+  mode
+    ? document.documentElement.classList.add("dark")
+    : document.documentElement.classList.remove("dark");
   mode
     ? favicon.setAttribute("href", "./favicon-dark.png")
     : favicon.setAttribute("href", "./favicon-light.png");
-});
-watch(activeTheme, (): void => {
-  theme.global.name.value = `${store.getters.getSettings.theme}${
-    store.getters.getSettings.darkMode ? "Dark" : "Light"
-  }`;
+}
+watch(darkMode, (): void => {
+  setColorMode();
 });
 
 watch(route, (): void => {
@@ -51,17 +43,22 @@ watch(route, (): void => {
 });
 
 onBeforeMount((): void => {
-  const mode = store.getters.getSettings.darkMode;
-  theme.global.name.value = `${store.getters.getSettings.theme}${
-    mode ? "Dark" : "Light"
-  }`;
-  mode
-    ? favicon.setAttribute("href", "./favicon-dark.png")
-    : favicon.setAttribute("href", "./favicon-light.png");
+  setColorMode();
 });
 </script>
 
 <style lang="scss">
+html {
+  font-size: 14px;
+}
+
+a {
+  @apply text-primary-500 dark:text-primary-400 #{!important};
+}
+
+a:visited {
+  @apply text-primary-400 dark:text-primary-300 #{!important};
+}
 .main {
   width: 95%;
 }
@@ -119,15 +116,11 @@ onBeforeMount((): void => {
 }
 
 .tooltip {
-  background: rgba(var(--v-theme-surface-variant), 1) !important;
-  color: rgb(var(--v-theme-on-surface-variant));
+  background: rgba(var(--surface-900), 1) !important;
+  color: rgb(var(--surface-200));
   z-index: 1000;
 }
 
-a {
-  color: rgb(var(--v-theme-primary));
-}
-
 .v-autocomplete__selection {
   max-width: 100% !important;
 }
@@ -136,10 +129,6 @@ a {
   min-height: 1rem !important;
 }
 
-a:visited {
-  color: rgb(var(--v-theme-primary-lighten-2));
-}
-
 .v-tooltip .v-overlay__content {
   background: rgba(var(--v-theme-surface-variant), 1) !important;
 }
diff --git a/src/app/plugins/tailwind/components/badge.ts b/src/app/plugins/tailwind/components/badge.ts
new file mode 100644
index 00000000..6886b498
--- /dev/null
+++ b/src/app/plugins/tailwind/components/badge.ts
@@ -0,0 +1,40 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Font
+      "font-bold",
+      {
+        "text-xs leading-[1.5rem]": props.size == null,
+        "text-lg leading-[2.25rem]": props.size == "large",
+        "text-2xl leading-[3rem]": props.size == "xlarge",
+      },
+
+      // Alignment
+      "text-center inline-block",
+
+      // Size
+      "px-2",
+      {
+        "min-w-[1.5rem] h-[1.5rem]": props.size == null,
+        "min-w-[2.25rem] h-[2.25rem]": props.size == "large",
+        "min-w-[3rem] h-[3rem]": props.size == "xlarge",
+      },
+
+      // Shape
+      "rounded-full",
+
+      // Color
+      "text-white",
+      {
+        "bg-primary-500 dark:bg-primary-400":
+          props.severity == null || props.severity == "primary",
+        "bg-surface-500 dark:bg-surface-400": props.severity == "secondary",
+        "bg-green-500 dark:bg-green-400": props.severity == "success",
+        "bg-blue-600 dark:bg-blue-500": props.severity == "info",
+        "bg-orange-500 dark:bg-orange-400": props.severity == "warning",
+        "bg-purple-500 dark:bg-purple-400": props.severity == "help",
+        "bg-red-500 dark:bg-red-400": props.severity == "danger",
+      },
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/button.ts b/src/app/plugins/tailwind/components/button.ts
new file mode 100644
index 00000000..50531232
--- /dev/null
+++ b/src/app/plugins/tailwind/components/button.ts
@@ -0,0 +1,459 @@
+export default {
+  root: ({ props, context }) => ({
+    class: [
+      "relative",
+
+      // Alignments
+      "items-center inline-flex text-center align-bottom justify-center",
+
+      // Sizes & Spacing
+      {
+        "px-4 py-3 leading-none": props.size === null && props.label !== null,
+        "text-xs py-2 px-3": props.size === "small",
+        "py-3 px-4": props.size === "large",
+        "text-xl w-full py-1": props.size === "block",
+        "overflow-visible": props.size === "icon",
+      },
+      {
+        "p-0": props.label == null && props.size !== "icon",
+        "h-10 w-10": props.size === "icon",
+      },
+
+      // Shapes
+      { "shadow-lg": props.raised },
+      { rounded: !props.rounded, "rounded-full": props.rounded },
+
+      // Link Button
+      { "text-primary-600 bg-transparent border-transparent": props.link },
+
+      // Plain Button
+      {
+        " bg-none border border-blue":
+          props.plain && !props.outlined && !props.text,
+      },
+      // Plain Text Button
+      // { "text-whi": props.plain && props.text },
+      // Plain Outlined Button
+      {
+        "text-surface-500 border border-gray-500":
+          props.plain && props.outlined,
+      },
+
+      // Text Button
+      { "bg-transparent border-transparent": props.text && !props.plain },
+
+      // Outlined Button
+      { "bg-transparent border": props.outlined && !props.plain },
+
+      // --- Severity Buttons ---
+
+      // Primary Button
+      {
+        "text-white dark:text-surface-900":
+          !props.link &&
+          props.severity === null &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-primary-500 dark:bg-primary-400":
+          !props.link &&
+          props.severity === null &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-primary-500 dark:border-primary-400":
+          !props.link &&
+          props.severity === null &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Primary Text Button
+      {
+        "text-primary-500 dark:text-primary-400":
+          props.text && props.severity === null && !props.plain,
+      },
+      // Primary Outlined Button
+      {
+        "text-primary-500 border border-primary-500 hover:bg-primary-300/20":
+          props.outlined && props.severity === null && !props.plain,
+      },
+
+      // Secondary Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "secondary" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-surface-500 dark:bg-surface-400":
+          props.severity === "secondary" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-surface-500 dark:border-surface-400":
+          props.severity === "secondary" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Secondary Text Button
+      {
+        "text-surface-500 dark:text-surface-400":
+          props.text && props.severity === "secondary" && !props.plain,
+      },
+      // Secondary Outlined Button
+      {
+        "text-surface-500 border border-surface-500 hover:bg-surface-300/20":
+          props.outlined && props.severity === "secondary" && !props.plain,
+      },
+
+      // Success Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "success" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-green-500 dark:bg-green-400":
+          props.severity === "success" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-green-500 dark:border-green-400":
+          props.severity === "success" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Success Text Button
+      {
+        "text-surface-500 dark:text-surface-400":
+          props.text && props.severity === "secondary" && !props.plain,
+      },
+      // Success Outlined Button
+      {
+        "text-green-500 border border-green-500 hover:bg-green-300/20":
+          props.outlined && props.severity === "success" && !props.plain,
+      },
+
+      // Info Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "info" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-blue-500 dark:bg-blue-400":
+          props.severity === "info" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-blue-500 dark:border-blue-400":
+          props.severity === "info" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Info Text Button
+      {
+        "text-blue-500 dark:text-blue-400":
+          props.text && props.severity === "info" && !props.plain,
+      },
+      // Info Outlined Button
+      {
+        "text-blue-500 border border-blue-500 hover:bg-blue-300/20 ":
+          props.outlined && props.severity === "info" && !props.plain,
+      },
+
+      // Warning Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "warning" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-orange-500 dark:bg-orange-400":
+          props.severity === "warning" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-orange-500 dark:border-orange-400":
+          props.severity === "warning" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Warning Text Button
+      {
+        "text-orange-500 dark:text-orange-400":
+          props.text && props.severity === "warning" && !props.plain,
+      },
+      // Warning Outlined Button
+      {
+        "text-orange-500 border border-orange-500 hover:bg-orange-300/20":
+          props.outlined && props.severity === "warning" && !props.plain,
+      },
+
+      // Help Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "help" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-purple-500 dark:bg-purple-400":
+          props.severity === "help" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-purple-500 dark:border-purple-400":
+          props.severity === "help" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Help Text Button
+      {
+        "text-purple-500 dark:text-purple-400":
+          props.text && props.severity === "help" && !props.plain,
+      },
+      // Help Outlined Button
+      {
+        "text-purple-500 border border-purple-500 hover:bg-purple-300/20":
+          props.outlined && props.severity === "help" && !props.plain,
+      },
+
+      // Danger Button
+      {
+        "text-white dark:text-surface-900":
+          props.severity === "danger" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "bg-red-500 dark:bg-red-400":
+          props.severity === "danger" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+        "border border-red-500 dark:border-red-400":
+          props.severity === "danger" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // Danger Text Button
+      {
+        "text-red-500 dark:text-red-400":
+          props.text && props.severity === "danger" && !props.plain,
+      },
+      // Danger Outlined Button
+      {
+        "text-red-500 border border-red-500 hover:bg-red-300/20":
+          props.outlined && props.severity === "danger" && !props.plain,
+      },
+
+      // --- Severity Button States ---
+      "focus:outline-none focus:outline-offset-0 focus:ring",
+
+      // Link
+      {
+        "focus:ring-primary-400/50 dark:focus:ring-primary-300/50": props.link,
+      },
+
+      // Plain
+      {
+        "hover:bg-gray-600 hover:border-gray-600":
+          props.plain && !props.outlined && !props.text,
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-surface-300/20":
+          props.plain && (props.text || props.outlined),
+      },
+
+      // Primary
+      {
+        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300":
+          !props.link &&
+          props.severity === null &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      // {
+      //   "focus:ring-primary-400/50 dark:focus:ring-primary-300/50":
+      //     !props.link &&
+      //     props.severity === null &&
+      //     !props.text &&
+      //     !props.outlined &&
+      //     !props.plain,
+      // },
+      // Text & Outlined Button
+      {
+        "hover:bg-primary-300/20":
+          (props.text || props.outlined) &&
+          props.severity === null &&
+          !props.plain,
+      },
+
+      // Secondary
+      {
+        "hover:bg-surface-600 dark:hover:bg-surface-300 hover:border-surface-600 dark:hover:border-surface-300":
+          props.severity === "secondary" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:ring-surface-400/50 dark:focus:ring-surface-300/50":
+          props.severity === "secondary",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-surface-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "secondary" &&
+          !props.plain,
+      },
+
+      // Success
+      {
+        "hover:bg-green-600 dark:hover:bg-green-300 hover:border-green-600 dark:hover:border-green-300":
+          props.severity === "success" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:transparent dark:focus:transparent":
+          props.severity === "success",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-green-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "success" &&
+          !props.plain,
+      },
+
+      // Info
+      {
+        "hover:bg-blue-600 dark:hover:bg-blue-300 hover:border-blue-600 dark:hover:border-blue-300":
+          props.severity === "info" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:ring-blue-400/50 dark:focus:ring-blue-300/50":
+          props.severity === "info",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-blue-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "info" &&
+          !props.plain,
+      },
+
+      // Warning
+      {
+        "hover:bg-orange-600 dark:hover:bg-orange-300 hover:border-orange-600 dark:hover:border-orange-300":
+          props.severity === "warning" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:ring-orange-400/50 dark:focus:ring-orange-300/50":
+          props.severity === "warning",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-orange-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "warning" &&
+          !props.plain,
+      },
+
+      // Help
+      {
+        "hover:bg-purple-600 dark:hover:bg-purple-300 hover:border-purple-600 dark:hover:border-purple-300":
+          props.severity === "help" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:ring-purple-400/50 dark:focus:ring-purple-300/50":
+          props.severity === "help",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-purple-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "help" &&
+          !props.plain,
+      },
+
+      // Warning
+      {
+        "hover:bg-red-600 dark:hover:bg-red-300 hover:border-red-600 dark:hover:border-red-300":
+          props.severity === "danger" &&
+          !props.text &&
+          !props.outlined &&
+          !props.plain,
+      },
+      {
+        "focus:ring-red-400/50 dark:focus:ring-red-300/50":
+          props.severity === "danger",
+      },
+      // Text & Outlined Button
+      {
+        "hover:bg-red-300/20":
+          (props.text || props.outlined) &&
+          props.severity === "danger" &&
+          !props.plain,
+      },
+
+      // Disabled
+      { "opacity-60 pointer-events-none cursor-default": context.disabled },
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // Misc
+      "cursor-pointer overflow-hidden select-none",
+    ],
+  }),
+  label: ({ props }) => ({
+    class: [
+      "duration-200",
+      "font-bold",
+      {
+        "hover:underline": props.link,
+      },
+      { "flex-1": props.label !== null, "invisible w-0": props.label == null },
+    ],
+  }),
+  icon: ({ props }) => ({
+    class: [
+      "mx-0",
+      {
+        "mr-2": props.iconPos == "left" && props.label != null,
+        "ml-2 order-1": props.iconPos == "right" && props.label != null,
+        "mb-2": props.iconPos == "top" && props.label != null,
+        "mt-2": props.iconPos == "bottom" && props.label != null,
+      },
+    ],
+  }),
+  badge: ({ props }) => ({
+    class: [
+      {
+        "ml-2 w-4 h-4 leading-none flex items-center justify-center":
+          props.badge,
+      },
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/card.ts b/src/app/plugins/tailwind/components/card.ts
new file mode 100644
index 00000000..98478e32
--- /dev/null
+++ b/src/app/plugins/tailwind/components/card.ts
@@ -0,0 +1,37 @@
+export default {
+  root: {
+    class: [
+      //Shape
+      "rounded-md",
+      "shadow-md",
+
+      //Color
+      "bg-surface-0 dark:bg-surface-900",
+      "text-surface-700 dark:text-surface-0",
+    ],
+  },
+  body: {
+    // class: "p-1",
+  },
+  title: {
+    class: "text-2xl font-bold mb-2",
+  },
+  subtitle: {
+    class: [
+      //Font
+      "font-normal",
+
+      //Spacing
+      "mb-2",
+
+      //Color
+      "text-surface-600 dark:text-surface-0/60",
+    ],
+  },
+  content: {
+    // class: "py-1", // Vertical padding.
+  },
+  footer: {
+    class: "pt-5", // Top padding.
+  },
+};
diff --git a/src/app/plugins/tailwind/components/carousel.ts b/src/app/plugins/tailwind/components/carousel.ts
new file mode 100644
index 00000000..0d48452c
--- /dev/null
+++ b/src/app/plugins/tailwind/components/carousel.ts
@@ -0,0 +1,12 @@
+export default {
+  content: {
+    class: ["p-3 flex flex-row"],
+  },
+  container: {
+    class: ["flex flex-row justify-between w-full"],
+  },
+  itemsContent: {
+    class: [],
+  },
+  itemsContainer: { class: ["flex"] },
+};
diff --git a/src/app/plugins/tailwind/components/dataTable.ts b/src/app/plugins/tailwind/components/dataTable.ts
new file mode 100644
index 00000000..81c130fb
--- /dev/null
+++ b/src/app/plugins/tailwind/components/dataTable.ts
@@ -0,0 +1,426 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      "relative",
+      {
+        "flex flex-col h-full":
+          props.scrollable && props.scrollHeight === "flex",
+      },
+    ],
+  }),
+  loadingoverlay: {
+    class: [
+      "fixed w-full h-full t-0 l-0 bg-surface-100/40",
+      "transition duration-200",
+      "absolute flex items-center justify-center z-2",
+      "dark:bg-surface-900/40", // Dark Mode
+    ],
+  },
+  loadingicon: {
+    class: "w-8 h-8",
+  },
+  wrapper: ({ props }) => ({
+    class: [
+      {
+        relative: props.scrollable,
+        "flex flex-col grow h-full":
+          props.scrollable && props.scrollHeight === "flex",
+      },
+    ],
+  }),
+  header: ({ props }) => ({
+    class: [
+      "text-slate-700 border-surface-200 font-bold p-4",
+      "dark:border-surface-700 dark:text-white/80 dark:bg-surface-800", // Dark Mode
+      // props.showGridlines
+      //   ? "border-x border-t border-b-0"
+      //   : "border-y border-x-0",
+    ],
+  }),
+  table: {
+    class: "w-full border-spacing-0",
+  },
+  thead: ({ context }) => ({
+    class: [
+      {
+        "bg-transparent top-0 z-[1]": context.scrollable,
+      },
+    ],
+  }),
+  tbody: ({ instance, context }) => ({
+    class: [
+      {
+        "sticky z-[1]": instance.frozenRow && context.scrollable,
+      },
+    ],
+  }),
+  tfoot: ({ context }) => ({
+    class: [
+      {
+        "bg-slate-50 bottom-0 z-[1]": context.scrollable,
+      },
+    ],
+  }),
+  footer: {
+    class: [
+      "bg-slate-50 text-slate-700 border-t-0 border-b border-x-0 border-surface-200 font-bold p-4",
+      "dark:border-surface-700 dark:text-white/80 dark:bg-surface-800", // Dark Mode
+    ],
+  },
+  column: {
+    filterInput: {
+      class: ["w-full"],
+    },
+    headercell: ({ context, props }) => ({
+      class: [
+        "text-left border-0 border-b border-solid border-surface-200 dark:border-surface-700 font-bold",
+        "transition duration-200",
+        context?.size === "small" ? "p-2" : "py-2", // Size
+        context.sorted
+          ? "bg-surface-50 text-primary-700"
+          : "bg-transparent text-slate-700", // Sort
+        context.sorted
+          ? "dark:text-white/80 dark:bg-primary-300"
+          : "dark:text-white/80 dark:bg-surface-800", // Dark Mode
+        {
+          "sticky z-[1]": props.frozen || props.frozen === "", // Frozen Columns
+          "border-x border-y": context?.showGridlines,
+          "overflow-hidden space-nowrap border-y relative bg-clip-padding":
+            context.resizable, // Resizable
+        },
+      ],
+    }),
+    headercontent: {
+      class: "flex items-center",
+    },
+    bodycell: ({ props, context }) => ({
+      class: [
+        "text-left border-0 border-b border-solid border-surface-200",
+        context?.size === "small"
+          ? "p-2"
+          : context?.size === "large"
+          ? "p-5"
+          : "p-4", // Size
+        "dark:text-white/80 dark:border-surface-700", // Dark Mode
+        {
+          "sticky bg-inherit": props.frozen || props.frozen === "", // Frozen Columns
+          "border-x border-y": context?.showGridlines,
+        },
+      ],
+    }),
+    footercell: ({ context }) => ({
+      class: [
+        "text-left border-0 border-b border-solid border-surface-200 font-bold",
+        "bg-slate-50 text-slate-700",
+        "transition duration-200",
+        context?.size === "small"
+          ? "p-2"
+          : context?.size === "large"
+          ? "p-5"
+          : "p-4", // Size
+        "dark:text-white/80 dark:bg-surface-800 dark:border-surface-700", // Dark Mode
+        {
+          "border-x border-y": context?.showGridlines,
+        },
+      ],
+    }),
+    sorticon: ({ context }) => ({
+      class: [
+        "ml-2",
+        context.sorted
+          ? "text-primary-700 dark:text-white/80"
+          : "text-slate-700 dark:text-white/70",
+      ],
+    }),
+    sortbadge: {
+      class: [
+        "flex items-center justify-center align-middle",
+        "rounded-[50%] w-[1.143rem] leading-[1.143rem] ml-2",
+        "text-primary-700 bg-primary-50",
+        "dark:text-white/80 dark:bg-primary-400", // Dark Mode
+      ],
+    },
+    columnfilter: {
+      class: "flex flex-row justify-stretch",
+    },
+    filteroverlay: {
+      class: [
+        "bg-surface-0 text-surface-600 border-0 rounded-md min-w-[12.5rem]",
+        "dark:bg-surface-800 dark:border-surface-700 dark:text-white/80", //Dark Mode
+      ],
+    },
+    filtermatchmodedropdown: {
+      root: {
+        class: "min-[0px]:flex mb-2",
+      },
+    },
+    filterrowitems: {
+      class: "m-0 p-0 py-3 list-none",
+    },
+    filterrowitem: ({ context }) => ({
+      class: [
+        "m-0 py-3 px-5 bg-transparent",
+        "transition duration-200",
+        context?.highlighted
+          ? "text-primary-700 bg-primary-100 dark:text-white/80 dark:bg-primary-300"
+          : "text-surface-600 bg-transparent dark:text-white/80 dark:bg-transparent",
+      ],
+    }),
+    filteroperator: {
+      class: [
+        "px-5 py-3 border-b border-solid border-surface-200 text-slate-700 bg-slate-50 rounded-t-md",
+        "dark:border-surface-700 dark:text-white/80 dark:bg-surface-800", // Dark Mode
+      ],
+    },
+    filteroperatordropdown: {
+      root: {
+        class: "min-[0px]:flex",
+      },
+    },
+    filterconstraint: {
+      class:
+        "p-5 border-b border-solid border-surface-200 dark:border-surface-700",
+    },
+    filteraddrule: {
+      class: "py-3 px-5",
+    },
+    filteraddrulebutton: {
+      root: {
+        class: "justify-center w-full min-[0px]:text-sm",
+      },
+      label: {
+        class: "flex-auto grow-0",
+      },
+      icon: {
+        class: "mr-2",
+      },
+    },
+    filterremovebutton: {
+      root: {
+        class: "ml-2",
+      },
+      label: {
+        class: "grow-0",
+      },
+    },
+    filterbuttonbar: {
+      class: "flex items-center justify-between p-5",
+    },
+    filterclearbutton: {
+      root: {
+        class:
+          "w-auto min-[0px]:text-sm border-primary-500 text-primary-500 px-4 py-3",
+      },
+    },
+    filterapplybutton: {
+      root: {
+        class: "w-auto min-[0px]:text-sm px-4 py-3",
+      },
+    },
+    filtermenubutton: ({ context }) => ({
+      class: [
+        "inline-flex justify-center items-center cursor-pointer no-underline overflow-hidden relative ml-2",
+        "w-8 h-8 rounded-[50%]",
+        "transition duration-200",
+        "hover:text-slate-700 hover:bg-surface-300/20", // Hover
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", // Focus
+        "dark:text-white/70 dark:hover:text-white/80 dark:bg-surface-800", // Dark Mode
+        {
+          "bg-primary-50 text-primary-700": context.active,
+        },
+      ],
+    }),
+    headerfilterclearbutton: ({ context }) => ({
+      class: [
+        "inline-flex justify-center items-center cursor-pointer no-underline overflow-hidden relative",
+        "text-left bg-transparent m-0 p-0 border-none select-none ml-2",
+        {
+          invisible: !context.hidden,
+        },
+      ],
+    }),
+    columnresizer: {
+      class:
+        "block absolute top-0 right-0 m-0 w-2 h-full p-0 cursor-col-resize border border-transparent",
+    },
+    rowreordericon: {
+      class: "cursor-move",
+    },
+    roweditorinitbutton: {
+      class: [
+        "inline-flex items-center justify-center overflow-hidden relative",
+        "text-left cursor-pointer select-none",
+        "w-8 h-8 border-0 rounded-[50%]",
+        "transition duration-200",
+        "text-slate-700 border-transparent",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", //Focus
+        "hover:text-slate-700 hover:bg-surface-300/20", //Hover
+        "dark:text-white/70", // Dark Mode
+      ],
+    },
+    roweditorsavebutton: {
+      class: [
+        "inline-flex items-center justify-center overflow-hidden relative",
+        "text-left cursor-pointer select-none",
+        "w-8 h-8 border-0 rounded-[50%]",
+        "transition duration-200",
+        "text-slate-700 border-transparent",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", //Focus
+        "hover:text-slate-700 hover:bg-surface-300/20", //Hover
+        "dark:text-white/70", // Dark Mode
+      ],
+    },
+    roweditorcancelbutton: {
+      class: [
+        "inline-flex items-center justify-center overflow-hidden relative",
+        "text-left cursor-pointer select-none",
+        "w-8 h-8 border-0 rounded-[50%]",
+        "transition duration-200",
+        "text-slate-700 border-transparent",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", //Focus
+        "hover:text-slate-700 hover:bg-surface-300/20", //Hover
+        "dark:text-white/70", // Dark Mode
+      ],
+    },
+    radiobuttonwrapper: {
+      class: [
+        "relative inline-flex cursor-pointer select-none align-bottom",
+        "w-6 h-6",
+      ],
+    },
+    radiobutton: ({ context }) => ({
+      class: [
+        "flex justify-center items-center",
+        "border-2 w-6 h-6 text-surface-700 rounded-full transition duration-200 ease-in-out",
+        context.checked
+          ? "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400"
+          : "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-800",
+        {
+          "hover:border-primary-500 dark:hover:border-primary-400 focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 ring-inset dark:focus:ring-primary-300/50":
+            !context.disabled,
+          "cursor-default opacity-60": context.disabled,
+        },
+      ],
+    }),
+    radiobuttonicon: ({ context }) => ({
+      class: [
+        "transform rounded-full",
+        "block w-3 h-3 transition duration-200 bg-surface-0 dark:bg-surface-800",
+        {
+          "backface-hidden scale-10 invisible": context.checked === false,
+          "transform scale-100 visible": context.checked === true,
+        },
+      ],
+    }),
+    headercheckboxwrapper: {
+      class: [
+        "cursor-pointer inline-flex relative select-none align-bottom",
+        "w-6 h-6",
+      ],
+    },
+    headercheckbox: ({ context }) => ({
+      class: [
+        "flex items-center justify-center",
+        "border-2 w-6 h-6 text-surface-600 rounded-lg transition-colors duration-200",
+        context.checked
+          ? "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400"
+          : "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-800",
+        {
+          "hover:border-primary-500 dark:hover:border-primary-400 focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 ring-inset dark:focus:ring-primary-300/50":
+            !context.disabled,
+          "cursor-default opacity-60": context.disabled,
+        },
+      ],
+    }),
+    headercheckboxicon: {
+      class:
+        "w-4 h-4 transition-all duration-200 text-white text-base dark:text-surface-900",
+    },
+    checkboxwrapper: {
+      class: [
+        "cursor-pointer inline-flex relative select-none align-bottom",
+        "w-6 h-6",
+      ],
+    },
+    checkbox: ({ context }) => ({
+      class: [
+        "flex items-center justify-center",
+        "border-2 w-6 h-6 text-surface-600 rounded-lg transition-colors duration-200",
+        context.checked
+          ? "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400"
+          : "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-800",
+        {
+          "hover:border-primary-500 dark:hover:border-primary-400 focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 ring-inset dark:focus:ring-primary-300/50":
+            !context.disabled,
+          "cursor-default opacity-60": context.disabled,
+        },
+      ],
+    }),
+    checkboxicon: {
+      class:
+        "w-4 h-4 transition-all duration-200 text-white text-base dark:text-surface-900",
+    },
+    transition: {
+      enterFromClass: "opacity-0 scale-y-[0.8]",
+      enterActiveClass:
+        "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+      leaveActiveClass: "transition-opacity duration-100 ease-linear",
+      leaveToClass: "opacity-0",
+    },
+  },
+  bodyrow: ({ context }) => ({
+    class: [
+      context.selected
+        ? "bg-primary-50 text-primary-700 dark:bg-primary-300"
+        : "bg-surface-0 text-surface-600 dark:bg-surface-800",
+      context.stripedRows
+        ? context.index % 2 === 0
+          ? "bg-surface-0 text-surface-600 dark:bg-surface-800"
+          : "bg-primary-100/50 text-surface-600 dark:bg-surface-800"
+        : "",
+      "transition duration-200",
+      "focus:outline focus:outline-[0.15rem] focus:outline-primary-200 focus:outline-offset-[-0.15rem]", // Focus
+      "dark:text-white/80 dark:focus:outline dark:focus:outline-[0.15rem] dark:focus:outline-primary-300 dark:focus:outline-offset-[-0.15rem]", // Dark Mode
+      {
+        "cursor-pointer": context.selectable,
+        "hover:bg-surface-300/20 hover:text-surface-600":
+          context.selectable && !context.selected, // Hover
+      },
+    ],
+  }),
+  rowexpansion: {
+    class:
+      "bg-surface-0 text-surface-600 dark:bg-surface-800 dark:text-white/80",
+  },
+  rowgroupheader: {
+    class: [
+      "sticky z-[1]",
+      "bg-surface-0 text-surface-600",
+      "dark:bg-surface-800",
+      "transition duration-200",
+    ],
+  },
+  rowgroupfooter: {
+    class: [
+      "sticky z-[1]",
+      "bg-surface-0 text-surface-600",
+      "dark:bg-surface-800",
+      "transition duration-200",
+    ],
+  },
+  rowgrouptoggler: {
+    class: [
+      "text-left m-0 p-0 cursor-pointer select-none",
+      "inline-flex items-center justify-center overflow-hidden relative",
+      "w-8 h-8 text-surface-500 border-0 bg-transparent rounded-[50%]",
+      "transition duration-200",
+      "dark:text-white/70", // Dark Mode
+    ],
+  },
+  rowgrouptogglericon: {
+    class: "inline-block w-4 h-4",
+  },
+  resizehelper: {
+    class: "absolute hidden w-px z-10 bg-primary-500 dark:bg-primary-300",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/dialog.ts b/src/app/plugins/tailwind/components/dialog.ts
new file mode 100644
index 00000000..cc1b6ea3
--- /dev/null
+++ b/src/app/plugins/tailwind/components/dialog.ts
@@ -0,0 +1,245 @@
+export default {
+  root: ({ state }) => ({
+    class: [
+      // Shape
+      "rounded-md",
+      "shadow-lg",
+      "border-0",
+
+      // Size
+      "max-h-[90vh]",
+      "m-0",
+
+      // Color
+      "dark:border",
+      "dark:border-surface-700",
+
+      // Transitions
+      "transform",
+      "scale-100",
+
+      // Maximized State
+      {
+        "transition-none": state.maximized,
+        "transform-none": state.maximized,
+        "!w-screen": state.maximized,
+        "!h-screen": state.maximized,
+        "!max-h-full": state.maximized,
+        "!top-0": state.maximized,
+        "!left-0": state.maximized,
+      },
+    ],
+  }),
+  header: {
+    class: [
+      // Flexbox and Alignment
+      "shrink-0",
+      "text-center",
+
+      // Spacing
+      "p-3",
+
+      // Shape
+      "border-t-0",
+      "rounded-tl-md",
+      "rounded-tr-md",
+
+      // Colors
+      "bg-primary-500 dark:bg-primary-400",
+      "text-white dark:text-surface-0/80",
+    ],
+  },
+  title: {
+    class: ["font-bold text-lg text-center uppercase"],
+  },
+  icons: {
+    class: ["flex items-center"],
+  },
+  closeButton: {
+    class: ["hidden"],
+    // class: [
+    //   "relative",
+    //
+    //   // Flexbox and Alignment
+    //   "flex items-center justify-center",
+    //
+    //   // Size and Spacing
+    //   "mr-2",
+    //   "last:mr-0",
+    //   "w-8 h-8",
+    //
+    //   // Shape
+    //   "border-0",
+    //   "rounded-full",
+    //
+    //   // Colors
+    //   "text-surface-500",
+    //   "bg-transparent",
+    //
+    //   // Transitions
+    //   "transition duration-200 ease-in-out",
+    //
+    //   // States
+    //   "hover:text-surface-700 dark:hover:text-white/80",
+    //   "hover:bg-surface-100 dark:hover:bg-surface-800/80",
+    //   "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset",
+    //   "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+    //
+    //   // Misc
+    //   "overflow-hidden",
+    // ],
+  },
+  maximizablebutton: {
+    class: [
+      "relative",
+
+      // Flexbox and Alignment
+      "flex items-center justify-center",
+
+      // Size and Spacing
+      "mr-2",
+      "last:mr-0",
+      "w-8 h-8",
+
+      // Shape
+      "border-0",
+      "rounded-full",
+
+      // Colors
+      "text-surface-500",
+      "bg-transparent",
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // States
+      "hover:text-surface-700 dark:hover:text-white/80",
+      "hover:bg-surface-100 dark:hover:bg-surface-800/80",
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "overflow-hidden",
+    ],
+  },
+  closeButtonIcon: {
+    class: [
+      // Display
+      "inline-block",
+
+      // Size
+      "w-4",
+      "h-4",
+    ],
+  },
+  maximizableicon: {
+    class: [
+      // Display
+      "inline-block",
+
+      // Size
+      "w-4",
+      "h-4",
+    ],
+  },
+  content: ({ state, instance }) => ({
+    class: [
+      // Spacing
+      "h-full",
+      "p-1",
+
+      // Shape
+      {
+        grow: state.maximized,
+        "rounded-bl-md": !instance.$slots.footer,
+        "rounded-br-md": !instance.$slots.footer,
+      },
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-700 dark:text-surface-0/80",
+
+      // Misc
+      "overflow-y-auto",
+    ],
+  }),
+  footer: {
+    class: [
+      // Flexbox and Alignment
+      "flex items-center justify-end",
+      "shrink-0",
+      "text-right",
+      "gap-2",
+
+      // Spacing
+      "px-6",
+      "pb-6",
+
+      // Shape
+      "border-t-0",
+      "rounded-b-md",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-700 dark:text-surface-0/80",
+    ],
+  },
+  mask: ({ props, state }) => ({
+    class: [
+      // Transitions
+      "transition",
+      "duration-200",
+      { "p-5": !state.maximized },
+
+      // Background and Effects
+      { "bg-black/40": props.modal, "backdrop-blur-sm": props.modal },
+    ],
+  }),
+  transition: ({ props }) => {
+    return props.position === "top"
+      ? {
+          enterFromClass:
+            "opacity-0 scale-75 translate-x-0 -translate-y-full translate-z-0",
+          enterActiveClass: "transition-all duration-200 ease-out",
+          leaveActiveClass: "transition-all duration-200 ease-out",
+          leaveToClass:
+            "opacity-0 scale-75 translate-x-0 -translate-y-full translate-z-0",
+        }
+      : props.position === "bottom"
+      ? {
+          enterFromClass: "opacity-0 scale-75 translate-y-full",
+          enterActiveClass: "transition-all duration-200 ease-out",
+          leaveActiveClass: "transition-all duration-200 ease-out",
+          leaveToClass:
+            "opacity-0 scale-75 translate-x-0 translate-y-full translate-z-0",
+        }
+      : props.position === "left" ||
+        props.position === "topleft" ||
+        props.position === "bottomleft"
+      ? {
+          enterFromClass:
+            "opacity-0 scale-75 -translate-x-full translate-y-0 translate-z-0",
+          enterActiveClass: "transition-all duration-200 ease-out",
+          leaveActiveClass: "transition-all duration-200 ease-out",
+          leaveToClass:
+            "opacity-0 scale-75  -translate-x-full translate-y-0 translate-z-0",
+        }
+      : props.position === "right" ||
+        props.position === "topright" ||
+        props.position === "bottomright"
+      ? {
+          enterFromClass:
+            "opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0",
+          enterActiveClass: "transition-all duration-200 ease-out",
+          leaveActiveClass: "transition-all duration-200 ease-out",
+          leaveToClass:
+            "opacity-0 scale-75 opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0",
+        }
+      : {
+          enterFromClass: "opacity-0 scale-75",
+          enterActiveClass: "transition-all duration-200 ease-out",
+          leaveActiveClass: "transition-all duration-200 ease-out",
+          leaveToClass: "opacity-0 scale-75",
+        };
+  },
+};
diff --git a/src/app/plugins/tailwind/components/divider.ts b/src/app/plugins/tailwind/components/divider.ts
new file mode 100644
index 00000000..e384132a
--- /dev/null
+++ b/src/app/plugins/tailwind/components/divider.ts
@@ -0,0 +1,72 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Flex and Position
+      "flex relative",
+      { "justify-center": props.layout == "vertical" },
+      { "items-center": props.layout == "vertical" },
+      {
+        "justify-start": props?.align == "left" && props.layout == "horizontal",
+        "justify-center":
+          props?.align == "center" && props.layout == "horizontal",
+        "justify-end": props?.align == "right" && props.layout == "horizontal",
+        "items-center": props?.align == "top" && props.layout == "vertical",
+        "items-start": props?.align == "center" && props.layout == "vertical",
+        "items-end": props?.align == "bottom" && props.layout == "vertical",
+      },
+
+      // Spacing
+      {
+        "my-5 mx-0 py-0 px-5": props.layout == "horizontal",
+        "mx-4 md:mx-5 py-5": props.layout == "vertical",
+      },
+
+      // Size
+      {
+        "w-full": props.layout == "horizontal",
+        "min-h-full": props.layout == "vertical",
+      },
+
+      // Before: Line
+      "before:block",
+
+      // Position
+      {
+        "before:absolute before:left-0 before:top-1/2":
+          props.layout == "horizontal",
+        "before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2":
+          props.layout == "vertical",
+      },
+
+      // Size
+      {
+        "before:w-full": props.layout == "horizontal",
+        "before:min-h-full": props.layout == "vertical",
+      },
+
+      // Shape
+      {
+        "before:border-solid": props.type == "solid",
+        "before:border-dotted": props.type == "dotted",
+        "before:border-dashed": props.type == "dashed",
+      },
+
+      // Color
+      {
+        "before:border-t before:border-surface-200 before:dark:border-surface-600":
+          props.layout == "horizontal",
+        "before:border-l before:border-surface-200 before:dark:border-surface-600":
+          props.layout == "vertical",
+      },
+    ],
+  }),
+  content: {
+    class: [
+      // Space and Position
+      "px-1 z-10",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/dropdown.ts b/src/app/plugins/tailwind/components/dropdown.ts
new file mode 100644
index 00000000..bd66dcce
--- /dev/null
+++ b/src/app/plugins/tailwind/components/dropdown.ts
@@ -0,0 +1,278 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Display and Position
+      "inline-flex",
+      "relative",
+
+      // Shape
+      "rounded-md",
+
+      // Color and Background
+      "bg-surface-0 dark:bg-surface-800",
+      "border border-surface-300 dark:border-surface-700",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+      "hover:border-primary-500 dark:hover:border-primary-300",
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+      {
+        "opacity-60": props.disabled,
+        "pointer-events-none": props.disabled,
+        "cursor-default": props.disabled,
+      },
+    ],
+  }),
+  input: ({ props }) => ({
+    class: [
+      //Font
+      "font-sans",
+      "leading-none",
+
+      // Display
+      "block",
+      "flex-auto",
+
+      // Color and Background
+      "bg-transparent",
+      "border-0",
+      "text-surface-800 dark:text-white/80",
+
+      // Sizing and Spacing
+      "w-[1%]",
+      "p-3",
+      { "pr-7": props.showClear },
+
+      //Shape
+      "rounded-none",
+
+      // Transitions
+      "transition",
+      "duration-200",
+
+      // States
+      "focus:outline-none focus:shadow-none",
+
+      // Misc
+      "relative",
+      "cursor-pointer",
+      "overflow-hidden overflow-ellipsis",
+      "whitespace-nowrap",
+      "appearance-none",
+    ],
+  }),
+  trigger: {
+    class: [
+      // Flexbox
+      "flex items-center justify-center",
+      "shrink-0",
+
+      // Color and Background
+      "bg-transparent",
+      "text-surface-500",
+
+      // Size
+      "w-12",
+
+      // Shape
+      "rounded-tr-md",
+      "rounded-br-md",
+    ],
+  },
+  panel: {
+    class: [
+      // Position
+      "absolute top-0 left-0",
+
+      // Shape
+      "border-0 dark:border",
+      "rounded-md",
+      "shadow-md",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-800 dark:text-white/80",
+      "dark:border-surface-700",
+    ],
+  },
+  wrapper: {
+    class: [
+      // Sizing
+      "max-h-[200px]",
+
+      // Misc
+      "overflow-auto",
+    ],
+  },
+  list: {
+    class: "py-3 list-none m-0",
+  },
+  item: ({ context }) => ({
+    class: [
+      // Font
+      "font-normal",
+      "leading-none",
+
+      // Position
+      "relative",
+
+      // Shape
+      "border-0",
+      "rounded-none",
+
+      // Spacing
+      "m-0",
+      "py-3 px-5",
+
+      // Color
+      {
+        "text-surface-700 dark:text-white/80":
+          !context.focused && !context.selected,
+      },
+      {
+        "bg-surface-50/80 dark:bg-surface-600 text-surface-700 dark:text-white":
+          context.focused && !context.selected,
+      },
+      {
+        "bg-surface-200 dark:bg-surface-700 text-surface-700 dark:text-white":
+          context.focused && context.selected,
+      },
+      {
+        "bg-surface-200 dark:bg-surface-700 text-surface-700 dark:text-white":
+          !context.focused && context.selected,
+      },
+
+      //States
+      {
+        "hover:bg-surface-100 dark:hover:bg-surface-600/80":
+          !context.focused && !context.selected,
+      },
+      {
+        "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80":
+          context.focused && !context.selected,
+      },
+
+      // Transitions
+      "transition-shadow",
+      "duration-200",
+
+      // Misc
+      "cursor-pointer",
+      "overflow-hidden",
+      "whitespace-nowrap",
+    ],
+  }),
+  itemgroup: {
+    class: [
+      //Font
+      "font-bold",
+
+      // Spacing
+      "m-0",
+      "p-3",
+
+      // Color
+      "text-surface-800 dark:text-white/80",
+      "bg-surface-0 dark:bg-surface-600/80",
+
+      // Misc
+      "cursor-auto",
+    ],
+  },
+  emptymessage: {
+    class: [
+      // Font
+      "leading-none",
+
+      // Spacing
+      "py-3 px-5",
+
+      // Color
+      "text-surface-800 dark:text-white/80",
+      "bg-transparent",
+    ],
+  },
+  header: {
+    class: [
+      // Spacing
+      "py-3 px-5",
+      "m-0",
+
+      //Shape
+      "border-b",
+      "rounded-tl-md",
+      "rounded-tr-md",
+
+      // Color
+      "text-surface-700 dark:text-white/80",
+      "bg-surface-100 dark:bg-surface-800",
+      "border-surface-300 dark:border-surface-700",
+    ],
+  },
+  filtercontainer: {
+    class: "relative",
+  },
+  filterinput: {
+    class: [
+      // Font
+      "font-sans",
+      "leading-none",
+
+      // Sizing
+      "pr-7 py-3 px-3",
+      "-mr-7",
+      "w-full",
+
+      //Color
+      "text-surface-700 dark:text-white/80",
+      "bg-surface-0 dark:bg-surface-900",
+      "border-surface-200 dark:border-surface-700",
+
+      // Shape
+      "border",
+      "rounded-lg",
+      "appearance-none",
+
+      // Transitions
+      "transition",
+      "duration-200",
+
+      // States
+      "hover:border-primary-500 dark:hover:border-primary-300",
+      "focus:ring focus:outline-none focus:outline-offset-0",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "appearance-none",
+    ],
+  },
+  filtericon: {
+    class: ["absolute", "top-1/2", "-mt-2"],
+  },
+  clearicon: {
+    class: [
+      // Color
+      "text-surface-500",
+
+      // Position
+      "absolute",
+      "top-1/2",
+      "right-12",
+
+      // Spacing
+      "-mt-2",
+    ],
+  },
+  transition: {
+    enterFromClass: "opacity-0 scale-y-[0.8]",
+    enterActiveClass:
+      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+    leaveActiveClass: "transition-opacity duration-100 ease-linear",
+    leaveToClass: "opacity-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/inputGroup.ts b/src/app/plugins/tailwind/components/inputGroup.ts
new file mode 100644
index 00000000..355e69a2
--- /dev/null
+++ b/src/app/plugins/tailwind/components/inputGroup.ts
@@ -0,0 +1,5 @@
+export default {
+  root: {
+    class: ["flex items-stretch"],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/inputGroupAddon.ts b/src/app/plugins/tailwind/components/inputGroupAddon.ts
new file mode 100644
index 00000000..a7448421
--- /dev/null
+++ b/src/app/plugins/tailwind/components/inputGroupAddon.ts
@@ -0,0 +1,28 @@
+export default {
+  root: {
+    class: [
+      // Flex
+      "flex items-center justify-center",
+
+      // Shape
+      "first:rounded-l-md",
+      "last:rounded-r-md",
+      "border-y",
+
+      "last:border-r",
+      "border-l",
+      "border-r-0",
+
+      // Space
+      "p-3",
+
+      // Size
+      "min-w-[3rem]",
+
+      // Color
+      "bg-surface-50 dark:bg-surface-800",
+      "text-surface-600 dark:text-surface-400",
+      "border-surface-300 dark:border-surface-600",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/inputSwitch.ts b/src/app/plugins/tailwind/components/inputSwitch.ts
new file mode 100644
index 00000000..1321cc98
--- /dev/null
+++ b/src/app/plugins/tailwind/components/inputSwitch.ts
@@ -0,0 +1,54 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Alignments
+      "inline-flex relative",
+      "flex-shrink-0",
+
+      // Size
+      "h-5 w-9",
+
+      // States
+      "focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+      {
+        "opacity-60 select-none pointer-events-none cursor-default":
+          props.disabled,
+      },
+    ],
+  }),
+  slider: ({ props }) => ({
+    class: [
+      // Position
+      "absolute top-0 left-0 right-0 bottom-0",
+
+      // Shape
+      "rounded-2xl",
+
+      // Before:
+      "before:absolute before:top-1/2",
+      "before:-mt-2",
+      "before:h-4 before:w-4",
+      "before:rounded-full",
+      "before:transition-duration-200 before:transition before:ease-in-out",
+      "before:bg-surface-0 before:dark:bg-surface-900",
+      "before:shadow",
+      { "before:transform before:translate-x-4": props.modelValue },
+
+      // Colors
+      "border-2 border-transparent",
+      {
+        "bg-surface-200 dark:bg-surface-700": !props.modelValue,
+        "bg-primary-500 dark:bg-primary-400": props.modelValue,
+      },
+
+      // States
+      { "hover:bg-surface-300 hover:dark:bg-surface-600 ": !props.modelValue },
+
+      // Transition
+      "transition-colors duration-200",
+
+      // Misc
+      "cursor-pointer",
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/inputText.ts b/src/app/plugins/tailwind/components/inputText.ts
new file mode 100644
index 00000000..7a74574f
--- /dev/null
+++ b/src/app/plugins/tailwind/components/inputText.ts
@@ -0,0 +1,36 @@
+export default {
+  root: ({ props, context }) => ({
+    class: [
+      // Font
+      "font-sans text-normal leading-none",
+
+      // Spacing
+      "m-0",
+      {
+        "px-4 py-4": props.size == "large",
+        "px-2 py-2": props.size == "small",
+        "p-3": props.size == null,
+      },
+
+      // Colors
+      "text-surface-600 dark:text-surface-200",
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+      "bg-surface-0 dark:bg-surface-800",
+      "border border-surface-300 dark:border-surface-600",
+
+      // States
+      {
+        "hover:border-primary-500 dark:hover:border-primary-400":
+          !context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50":
+          !context.disabled,
+        "opacity-60 select-none pointer-events-none cursor-default":
+          context.disabled,
+      },
+
+      // Misc
+      "appearance-none",
+      "transition-colors duration-200",
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/menu.ts b/src/app/plugins/tailwind/components/menu.ts
new file mode 100644
index 00000000..c6236c7f
--- /dev/null
+++ b/src/app/plugins/tailwind/components/menu.ts
@@ -0,0 +1,99 @@
+export default {
+  root: {
+    class: [
+      // Sizing and Shape
+      "min-w-[12rem]",
+      "rounded-md",
+      // Spacing
+      "py-2",
+      // Colors
+      "bg-surface-0 dark:bg-surface-700",
+      "text-surface-700 dark:text-white/80",
+      "border border-surface-200 dark:border-surface-700",
+    ],
+  },
+  menu: {
+    class: [
+      // Spacings and Shape
+      "list-none",
+      "m-0",
+      "p-0",
+      "outline-none",
+    ],
+  },
+  content: ({ context }) => ({
+    class: [
+      //Shape
+      "rounded-none",
+      "p-2",
+      // Colors
+      "text-surface-700 dark:text-white/80",
+      {
+        "bg-surface-200 text-surface-700 dark:bg-surface-300/10 dark:text-white":
+          context.focused,
+      },
+      // Transitions
+      "transition-shadow",
+      "duration-200",
+      // States
+      "hover:text-surface-700 dark:hover:text-white/80",
+      "hover:bg-surface-100 dark:bg-surface-700 dark:hover:bg-surface-400/10",
+    ],
+  }),
+  action: {
+    class: [
+      "relative",
+      // Flexbox
+
+      "flex",
+      "items-center",
+
+      // Spacing
+      "py-3",
+      "px-5",
+
+      // Color
+      "text-surface-700 dark:text-white/80",
+
+      // Misc
+      "no-underline",
+      "overflow-hidden",
+      "cursor-pointer",
+      "select-none",
+    ],
+  },
+  icon: {
+    class: [
+      // Spacing
+      "mr-2",
+
+      // Color
+      "text-surface-600 dark:text-white/70",
+    ],
+  },
+  label: {
+    class: ["leading-none"],
+  },
+  submenuheader: {
+    class: [
+      // Font
+      "font-bold",
+      // Spacing
+      "m-0",
+      "py-3 px-5",
+      // Shape
+      "rounded-tl-none",
+      "rounded-tr-none",
+      // Colors
+      "bg-surface-0 dark:bg-surface-700",
+      "text-surface-700 dark:text-white",
+    ],
+  },
+  transition: {
+    enterFromClass: "opacity-0 scale-y-[0.8]",
+    enterActiveClass:
+      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+    leaveActiveClass: "transition-opacity duration-100 ease-linear",
+    leaveToClass: "opacity-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/message.ts b/src/app/plugins/tailwind/components/message.ts
new file mode 100644
index 00000000..0da4ec38
--- /dev/null
+++ b/src/app/plugins/tailwind/components/message.ts
@@ -0,0 +1,87 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Spacing and Shape
+      "my-4 mx-0",
+      "rounded-md",
+      "border-solid border-0 border-l-[6px]",
+
+      // Colors
+      {
+        "bg-blue-100/70 dark:bg-blue-500/20": props.severity == "info",
+        "bg-green-100/70 dark:bg-green-500/20": props.severity == "success",
+        "bg-orange-100/70 dark:bg-orange-500/20": props.severity == "warn",
+        "bg-red-600 dark:bg-red-500": props.severity == "error",
+      },
+      {
+        "border-blue-500 dark:border-blue-400": props.severity == "info",
+        "border-green-500 dark:border-green-400": props.severity == "success",
+        "border-orange-500 dark:border-orange-400": props.severity == "warn",
+        "border-red-500 dark:border-red-400": props.severity == "error",
+      },
+      {
+        "text-blue-700 dark:text-blue-300": props.severity == "info",
+        "text-green-700 dark:text-green-300": props.severity == "success",
+        "text-orange-700 dark:text-orange-300": props.severity == "warn",
+        "text-white": props.severity == "error",
+      },
+    ],
+  }),
+  wrapper: {
+    class: [
+      // Flexbox
+      "flex items-center",
+
+      // Spacing
+      "py-5 px-7",
+    ],
+  },
+  icon: {
+    class: [
+      // Sizing and Spacing
+      "w-8 h-8",
+      "text-lg leading-none mr-2 shrink-0",
+    ],
+  },
+  text: {
+    class: [
+      // Font and Text
+      "text-base leading-none",
+      "font-medium",
+    ],
+  },
+  button: {
+    class: [
+      // Flexbox
+      "flex items-center justify-center",
+
+      // Size
+      "w-8 h-8",
+
+      // Spacing and Misc
+      "ml-auto  relative",
+
+      // Shape
+      "rounded-full",
+
+      // Colors
+      "bg-transparent",
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // States
+      "hover:bg-surface-0/50 dark:hover:bg-surface-0/10",
+
+      // Misc
+      "overflow-hidden",
+    ],
+  },
+  transition: {
+    enterFromClass: "opacity-0",
+    enterActiveClass: "transition-opacity duration-300",
+    leaveFromClass: "max-h-40",
+    leaveActiveClass: "overflow-hidden transition-all duration-300 ease-in",
+    leaveToClass: "max-h-0 opacity-0 !m-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/multiSelect.ts b/src/app/plugins/tailwind/components/multiSelect.ts
new file mode 100644
index 00000000..9fe855bb
--- /dev/null
+++ b/src/app/plugins/tailwind/components/multiSelect.ts
@@ -0,0 +1,486 @@
+export default {
+  root: ({ props, state }) => ({
+    class: [
+      // Display and Position
+      "inline-flex",
+      "relative",
+
+      // Shape
+      "w-full",
+      "rounded-md",
+
+      // Color and Background
+      "bg-surface-0 dark:bg-surface-800",
+      "border border-surface-300 dark:border-surface-700",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+
+      // States
+      "hover:border-primary-500 dark:hover:border-primary-300",
+      {
+        "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50":
+          state.focused,
+      },
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+      {
+        "opacity-60": props.disabled,
+        "pointer-events-none": props.disabled,
+        "cursor-default": props.disabled,
+      },
+    ],
+  }),
+  labelContainer: {
+    class: "overflow-wrap flex flex-auto cursor-pointer ",
+  },
+  label: ({ props }) => ({
+    class: [
+      "leading-none",
+      "h-full",
+      "content-center",
+      "flex flex-wrap",
+
+      // Spacing
+      {
+        "p-3": props.display !== "chip",
+        "py-3 px-3": props.display === "chip" && !props?.modelValue?.length,
+        "py-1.5 px-3 mb-2":
+          props.display === "chip" && props?.modelValue?.length > 0,
+      },
+
+      // Color
+      {
+        "text-white dark:text-white/80": props.modelValue,
+        "text-surface-400 dark:text-surface-500": !props.modelValue,
+      },
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+
+      // Transitions
+      "transition duration-200",
+
+      // Misc
+      "overflow-wrap whitespace-nowrap cursor-pointer overflow-wrap",
+    ],
+  }),
+  token: {
+    class: [
+      // Flex
+      "inline-flex items-center",
+
+      // Spacings
+      "py-1.5 px-3 mr-2",
+
+      // Shape
+      "rounded-[1.14rem]",
+
+      // Colors
+      "bg-surface-200 dark:bg-surface-700",
+      "text-surface-700 dark:text-white/70",
+
+      // Misc
+      "cursor-default",
+    ],
+  },
+  removeTokenIcon: {
+    class: [
+      // Shape
+      "rounded-md leading-6",
+
+      // Spacing
+      "ml-2",
+
+      // Size
+      "w-4 h-4",
+
+      // Transition
+      "transition duration-200 ease-in-out",
+
+      // Misc
+      "cursor-pointer",
+    ],
+  },
+  trigger: {
+    class: [
+      // Flexbox
+      "flex items-center content-center justify-center",
+      "shrink-0",
+
+      // Color and Background
+      "bg-transparent",
+      "text-surface-500",
+
+      // Size
+      "w-12",
+
+      // Shape
+      "rounded-tr-md",
+      "rounded-br-md",
+    ],
+  },
+  panel: {
+    class: [
+      // Position
+      "absolute top-0 left-0",
+
+      // Shape
+      "border-0 dark:border",
+      "rounded-md",
+      "shadow-md",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-800 dark:text-white/80",
+      "dark:border-surface-700",
+    ],
+  },
+  header: {
+    class: [
+      "flex items-center justify-between",
+      // Spacing
+      "py-3 px-5",
+      "m-0",
+
+      //Shape
+      "border-b",
+      "rounded-tl-md",
+      "rounded-tr-md",
+
+      // Color
+      "text-surface-700 dark:text-white/80",
+      "bg-surface-100 dark:bg-surface-800",
+      "border-surface-300 dark:border-surface-700",
+    ],
+  },
+  headerCheckboxContainer: {
+    class: [
+      "relative",
+
+      // Alignment
+      "inline-flex",
+      "align-bottom",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+    ],
+  },
+  headerCheckbox: ({ context, state }) => ({
+    class: [
+      // Alignment
+      "flex",
+      "items-center",
+      "justify-center",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Shape
+      "rounded-lg",
+      "border-2",
+
+      // Colors
+      "text-surface-600",
+      {
+        "border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-900":
+          !context?.selected,
+        "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+          context?.selected,
+      },
+
+      "hover:border-primary-500",
+      {
+        "outline-none outline-offset-0 ring-2 ring-primary-400/50 dark:ring-primary-300/50":
+          state.focused,
+      },
+    ],
+  }),
+  headercheckboxicon: {
+    class: [
+      // Font
+      "text-base leading-none",
+
+      // Size
+      "w-4",
+      "h-4",
+
+      // Colors
+      "text-white dark:text-surface-900",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+    ],
+  },
+  closeButton: {
+    class: [
+      "relative",
+
+      // Flexbox and Alignment
+      "flex items-center justify-center",
+
+      // Size and Spacing
+      "mr-2",
+      "last:mr-0",
+      "w-8 h-8",
+
+      // Shape
+      "border-0",
+      "rounded-full",
+
+      // Colors
+      "text-surface-500",
+      "bg-transparent",
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // States
+      "hover:text-surface-700 dark:hover:text-white/80",
+      "hover:bg-surface-100 dark:hover:bg-surface-800/80",
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "overflow-hidden",
+    ],
+  },
+  closeButtonIcon: {
+    class: "w-4 h-4 inline-block",
+  },
+  wrapper: {
+    class: [
+      // Sizing
+      "max-h-[200px]",
+
+      // Misc
+      "overflow-auto",
+    ],
+  },
+  list: {
+    class: "py-3 list-none m-0",
+  },
+  item: ({ context }) => ({
+    class: [
+      // Font
+      "font-normal",
+      "leading-none",
+
+      // Flexbox
+      "flex items-center",
+
+      // Position
+      "relative",
+
+      // Shape
+      "border-0",
+      "rounded-none",
+
+      // Spacing
+      "m-0",
+      "py-3 px-5",
+
+      // Color
+      {
+        "text-surface-700 dark:text-white/80":
+          !context.focused && !context.selected,
+      },
+      {
+        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
+          context.focused && !context.selected,
+      },
+      {
+        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+          context.focused && context.selected,
+      },
+      {
+        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+          !context.focused && context.selected,
+      },
+
+      //States
+      {
+        "hover:bg-surface-100 dark:hover:bg-surface-600/80":
+          !context.focused && !context.selected,
+      },
+      {
+        "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80":
+          context.focused && !context.selected,
+      },
+
+      // Transitions
+      "transition-shadow",
+      "duration-200",
+
+      // Misc
+      "cursor-pointer",
+      "overflow-hidden",
+      "whitespace-nowrap",
+    ],
+  }),
+  checkboxContainer: {
+    class: [
+      "relative",
+
+      // Alignment
+      "inline-flex",
+      "align-bottom",
+
+      // Space
+      "mr-2",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+    ],
+  },
+  checkbox: ({ context }) => ({
+    class: [
+      // Alignment
+      "flex",
+      "items-center",
+      "justify-center",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Shape
+      "rounded-lg",
+      "border-2",
+
+      // Colors
+      "text-surface-600",
+      {
+        "border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-900":
+          !context?.selected,
+        "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+          context?.selected,
+      },
+
+      "hover:border-primary-500 focus:outline-none",
+      "focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+    ],
+  }),
+  checkboxicon: {
+    class: [
+      // Font
+      "text-base leading-none",
+
+      // Size
+      "w-4",
+      "h-4",
+
+      // Colors
+      "text-white dark:text-surface-900",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+    ],
+  },
+  itemgroup: {
+    class: [
+      //Font
+      "font-bold",
+
+      // Spacing
+      "m-0",
+      "p-3 px-5",
+
+      // Color
+      "text-surface-800 dark:text-white/80",
+      "bg-surface-0 dark:bg-surface-600/80",
+
+      // Misc
+      "cursor-auto",
+    ],
+  },
+  filtercontainer: {
+    class: "relative w-full mx-2",
+  },
+  filterinput: {
+    class: [
+      // Font
+      "font-sans",
+      "leading-none",
+
+      // Sizing
+      "pr-7 py-3 px-3",
+      "-mr-7",
+      "w-full",
+
+      //Color
+      "text-surface-700 dark:text-white/80",
+      "bg-surface-0 dark:bg-surface-900",
+      "border-surface-200 dark:border-surface-700",
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+
+      // Shape
+      "border",
+      "rounded-lg",
+      "appearance-none",
+
+      // Transitions
+      "transition",
+      "duration-200",
+
+      // States
+      "hover:border-primary-500 dark:hover:border-primary-300",
+      "focus:ring focus:outline-none focus:outline-offset-0",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "appearance-none",
+    ],
+  },
+  filtericon: {
+    class: ["absolute", "top-1/2 right-3", "-mt-2"],
+  },
+  clearicon: {
+    class: [
+      // Color
+      "text-surface-500",
+
+      // Position
+      "absolute",
+      "top-1/2",
+      "right-12",
+
+      // Spacing
+      "-mt-2",
+    ],
+  },
+  emptymessage: {
+    class: [
+      // Font
+      "leading-none",
+
+      // Spacing
+      "py-3 px-5",
+
+      // Color
+      "text-surface-800 dark:text-white/80",
+      "bg-transparent",
+    ],
+  },
+  transition: {
+    enterFromClass: "opacity-0 scale-y-[0.8]",
+    enterActiveClass:
+      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+    leaveActiveClass: "transition-opacity duration-100 ease-linear",
+    leaveToClass: "opacity-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/paginator.ts b/src/app/plugins/tailwind/components/paginator.ts
new file mode 100644
index 00000000..728f22fa
--- /dev/null
+++ b/src/app/plugins/tailwind/components/paginator.ts
@@ -0,0 +1,204 @@
+export default {
+  root: {
+    class: [
+      "flex items-center justify-center flex-wrap",
+      "bg-surface-0 text-surface-500 border-0 px-4 py-2 rounded-md",
+      "dark:bg-surface-800 dark:text-white/60 dark:border-surface-700", // Dark Mode
+    ],
+  },
+  firstpagebutton: ({ context }) => ({
+    class: [
+      "relative inline-flex items-center justify-center user-none overflow-hidden leading-none",
+      "border-0 text-surface-500  min-w-[3rem] h-12 m-[0.143rem] rounded-md",
+      "transition duration-200",
+      "dark:text-white", //Dark Mode
+      {
+        "cursor-default pointer-events-none opacity-60": context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50":
+          !context.disabled, // Focus
+      },
+    ],
+  }),
+  previouspagebutton: ({ context }) => ({
+    class: [
+      "relative inline-flex items-center justify-center user-none overflow-hidden leading-none",
+      "border-0 text-surface-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md",
+      "transition duration-200",
+      "dark:text-white", //Dark Mode
+      {
+        "cursor-default pointer-events-none opacity-60": context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50":
+          !context.disabled, // Focus
+      },
+    ],
+  }),
+  nextpagebutton: ({ context }) => ({
+    class: [
+      "relative inline-flex items-center justify-center user-none overflow-hidden leading-none",
+      "border-0 text-surface-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md",
+      "transition duration-200",
+      "dark:text-white", //Dark Mode
+      {
+        "cursor-default pointer-events-none opacity-60": context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50":
+          !context.disabled, // Focus
+      },
+    ],
+  }),
+  lastpagebutton: ({ context }) => ({
+    class: [
+      "relative inline-flex items-center justify-center user-none overflow-hidden leading-none",
+      "border-0 text-surface-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md",
+      "transition duration-200",
+      "dark:text-white", //Dark Mode
+      {
+        "cursor-default pointer-events-none opacity-60": context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50":
+          !context.disabled, // Focus
+      },
+    ],
+  }),
+  pagebutton: ({ context }) => ({
+    class: [
+      "relative inline-flex items-center justify-center user-none overflow-hidden leading-none",
+      "border-0 text-surface-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md",
+      "transition duration-200",
+      "dark:border-primary-300 dark:text-white", // Dark Mode
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", // Focus
+      {
+        "bg-surface-200 border-primary-50 text-primary-700 dark:bg-surface-700":
+          context.active,
+      },
+    ],
+  }),
+  rowperpagedropdown: {
+    root: ({ props, state }) => ({
+      class: [
+        "inline-flex relative cursor-pointer user-none",
+        "bg-surface-0 border rounded-md",
+        "transition duration-200",
+        "h-12 mx-2",
+        "dark:bg-surface-800 dark:border-surface-700", //DarkMode
+        {
+          "outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] border-primary-500":
+            state.focused && !props.disabled, //Focus
+          "border-surface-200": !state.focused,
+          "hover:border-primary-500": !props.disabled, //Hover
+        },
+      ],
+    }),
+    input: {
+      class: [
+        "font-sans text-base text-surface-600 p-3 m-0 rounded-md apperance-none",
+        "block whitespace-nowrap overflow-hidden flex-auto w-[1%] cursor-pointer text-ellipsis border-0 pr-0",
+        "focus:outline-none focus:outline-offset-0",
+        "dark:text-white", //Dark Mode
+      ],
+    },
+    trigger: {
+      class: [
+        "flex items-center justify-center shrink-0",
+        "text-surface-500 dark:text-white w-12 rounded-r-md",
+      ],
+    },
+    panel: {
+      class: [
+        "bg-surface-0 text-surface-600 border-0 rounded-md shadow-[0_2px_12px_rgba(0,0,0,0.1)]",
+        "dark:bg-surface-800 dark:text-white/80 dark:border-surface-700", //Dark Mode
+      ],
+    },
+    wrapper: {
+      class: "overflow-auto",
+    },
+    list: {
+      class: "m-0 p-0 py-3 list-none",
+    },
+    item: ({ context }) => ({
+      class: [
+        "relative font-normal cursor-pointer space-nowrap overflow-hidden",
+        "m-0 py-3 px-5 border-none text-surface-600 rounded-none",
+        "transition duration-200",
+        "dark:text-white/80", // Dark Mode
+        {
+          "text-primary-700 bg-primary-50 dark:text-white/80 dark:bg-primary-300":
+            !context.focused && context.selected,
+          "bg-primary-300/40": context.focused && context.selected,
+          "text-surface-600 bg-surface-300 dark:text-white/80 pdark:bg-surface-900/40":
+            context.focused && !context.selected,
+        },
+      ],
+    }),
+  },
+  jumptopageinput: {
+    root: {
+      class: "inline-flex mx-2",
+    },
+    input: {
+      class: [
+        "font-sans text-base text-surface-600 p-3 m-0 rounded-md apperance-none",
+        "block whitespace-nowrap overflow-hidden flex-auto w-[1%] cursor-pointer text-ellipsis border border-surface-200 pr-0",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50 focus:border-primary-300",
+        "dark:text-white dark:bg-surface-800 dark:border-surface-700", //Dark Mode
+        "m-0 flex-auto max-w-[3rem]",
+      ],
+    },
+  },
+  jumptopagedropdown: {
+    root: ({ props, state }) => ({
+      class: [
+        "inline-flex relative cursor-pointer user-none",
+        "bg-surface-0 border rounded-md",
+        "transition duration-200",
+        "h-12 mx-2",
+        "dark:bg-surface-800 dark:border-surface-700", //DarkMode
+        {
+          "outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] border-primary-500":
+            state.focused && !props.disabled, //Focus
+          "border-surface-200": !state.focused,
+          "hover:border-primary-500": !props.disabled, //Hover
+        },
+      ],
+    }),
+    input: {
+      class: [
+        "font-sans text-base text-surface-600 p-3 m-0 rounded-md apperance-none",
+        "block whitespace-nowrap overflow-hidden flex-auto w-[1%] cursor-pointer text-ellipsis border-0 pr-0",
+        "focus:outline-none focus:outline-offset-0",
+        "dark:text-white", //Dark Mode
+      ],
+    },
+    trigger: {
+      class: [
+        "flex items-center justify-center shrink-0",
+        "text-surface-500 dark:text-white w-12 rounded-r-md",
+      ],
+    },
+    panel: {
+      class: [
+        "bg-surface-0 text-surface-600 border-0 rounded-md shadow-[0_2px_12px_rgba(0,0,0,0.1)]",
+        "dark:bg-surface-800 dark:text-white/80 dark:border-surface-700", //Dark Mode
+      ],
+    },
+    wrapper: {
+      class: "overflow-auto",
+    },
+    list: {
+      class: "m-0 p-0 py-3 list-none",
+    },
+    item: ({ context }) => ({
+      class: [
+        "relative font-normal cursor-pointer space-nowrap overflow-hidden",
+        "m-0 py-3 px-5 border-none text-surface-600 rounded-none",
+        "transition duration-200",
+        "dark:text-white/80", // Dark Mode
+        {
+          "text-primary-700 bg-primary-50 dark:text-white/80 dark:bg-primary-300":
+            !context.focused && context.selected,
+          "bg-primary-300/40": context.focused && context.selected,
+          "text-surface-600 bg-surface-300 dark:text-white/80 pdark:bg-surface-900/40":
+            context.focused && !context.selected,
+        },
+      ],
+    }),
+  },
+};
diff --git a/src/app/plugins/tailwind/components/panel.ts b/src/app/plugins/tailwind/components/panel.ts
new file mode 100644
index 00000000..8e64d61f
--- /dev/null
+++ b/src/app/plugins/tailwind/components/panel.ts
@@ -0,0 +1,42 @@
+export default {
+  root: {
+    class: [
+      //Shape
+      "rounded-lg",
+      "shadow-md",
+
+      //Color
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-700 dark:text-surface-0/80",
+    ],
+  },
+  header: {
+    class: [
+      "flex items-center justify-between",
+      "rounded-tl-lg rounded-tr-lg bg-gray-100 dark:text-white text-black dark:border-surface-700 dark:bg-surface-700 p-2",
+    ],
+  },
+  body: {
+    class: "py-5",
+  },
+  title: {
+    class: "text-lg uppercase font-medium md:px-4",
+  },
+  subtitle: {
+    class: [
+      //Spacing
+      "mb-1 px-5 md:px-6",
+
+      //Color
+      "text-surface-600 dark:text-surface-0/60",
+    ],
+  },
+  content: {
+    class: "py-6 px-5 md:px-6",
+  },
+  footer: {
+    class: [
+      "rounded-bl-lg rounded-br-lg bg-gray-100 dark:text-white text-black dark:border-surface-700 dark:bg-surface-700 p-2",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/sidebar.ts b/src/app/plugins/tailwind/components/sidebar.ts
new file mode 100644
index 00000000..1adb1987
--- /dev/null
+++ b/src/app/plugins/tailwind/components/sidebar.ts
@@ -0,0 +1,152 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      // Flexbox
+      "flex flex-col",
+
+      // Position
+      "relative",
+      {
+        "!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0":
+          props.position == "full",
+      },
+
+      // Size
+      {
+        "h-full w-1/3": props.position == "left" || props.position == "right",
+        "h-auto w-full": props.position == "top" || props.position == "bottom",
+      },
+
+      // Shape
+      "border-0 dark:border",
+      "shadow-lg",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-700 dark:text-white/80",
+      "dark:border-surface-700",
+
+      // Transitions
+      "transition-transform",
+      "duration-300",
+
+      // Misc
+      "pointer-events-auto",
+    ],
+  }),
+  header: {
+    class: [
+      // Flexbox and Alignment
+      "flex items-center justify-between",
+      "shrink-0",
+
+      // Spacing
+      "p-5",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-700 dark:text-surface-0/80",
+    ],
+  },
+  title: {
+    class: ["font-bold text-lg"],
+  },
+  icons: {
+    class: ["flex items-center"],
+  },
+  closeButton: {
+    class: [
+      "relative",
+
+      // Flexbox and Alignment
+      "flex items-center justify-center",
+
+      // Size and Spacing
+      "mr-2",
+      "last:mr-0",
+      "w-8 h-8",
+
+      // Shape
+      "border-0",
+      "rounded-full",
+
+      // Colors
+      "text-surface-500",
+      "bg-transparent",
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // States
+      "hover:text-surface-700 dark:hover:text-white/80",
+      "hover:bg-surface-100 dark:hover:bg-surface-800/80",
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Misc
+      "overflow-hidden",
+    ],
+  },
+  closeButtonIcon: {
+    class: [
+      // Display
+      "inline-block",
+
+      // Size
+      "w-4",
+      "h-4",
+    ],
+  },
+  content: {
+    class: [
+      // Spacing and Size
+      "p-5",
+      "pt-0",
+      "h-full",
+      "w-full",
+
+      // Growth and Overflow
+      "grow",
+      "overflow-y-auto",
+    ],
+  },
+  mask: ({ props }) => ({
+    class: [
+      // Transitions
+      "transition",
+      "duration-200",
+      { "p-5": !props.position == "full" },
+
+      // Background and Effects
+      { "bg-black/40": props.modal, "backdrop-blur-sm": props.modal },
+    ],
+  }),
+  transition: ({ props }) => {
+    return props.position === "top"
+      ? {
+          enterFromClass: "translate-x-0 -translate-y-full translate-z-0",
+          leaveToClass: "translate-x-0 -translate-y-full translate-z-0",
+        }
+      : props.position === "bottom"
+      ? {
+          enterFromClass: "translate-x-0 translate-y-full translate-z-0",
+          leaveToClass: "translate-x-0 translate-y-full translate-z-0",
+        }
+      : props.position === "left"
+      ? {
+          enterFromClass: "-translate-x-full translate-y-0 translate-z-0",
+          leaveToClass: "-translate-x-full translate-y-0 translate-z-0",
+        }
+      : props.position === "right"
+      ? {
+          enterFromClass: "translate-x-full translate-y-0 translate-z-0",
+          leaveToClass: "translate-x-full translate-y-0 translate-z-0",
+        }
+      : {
+          enterFromClass: "opacity-0",
+          enterActiveClass: "transition-opacity duration-400 ease-in",
+          leaveActiveClass: "transition-opacity duration-400 ease-in",
+          leaveToClass: "opacity-0",
+        };
+  },
+};
diff --git a/src/app/plugins/tailwind/components/slider.ts b/src/app/plugins/tailwind/components/slider.ts
new file mode 100644
index 00000000..ae8687ac
--- /dev/null
+++ b/src/app/plugins/tailwind/components/slider.ts
@@ -0,0 +1,149 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      "relative",
+
+      // Size
+      {
+        "h-1 w-60": props.orientation == "horizontal",
+        "w-1 h-56": props.orientation == "vertical",
+      },
+
+      // Shape
+      "border-0",
+
+      // Colors
+      "bg-surface-100 dark:bg-surface-700",
+
+      // States
+      {
+        "opacity-60 select-none pointer-events-none cursor-default":
+          props.disabled,
+      },
+    ],
+  }),
+  range: ({ props }) => ({
+    class: [
+      // Position
+      "block absolute",
+      {
+        "top-0 left-0": props.orientation == "horizontal",
+        "bottom-0 left-0": props.orientation == "vertical",
+      },
+
+      //Size
+      {
+        "h-full": props.orientation == "horizontal",
+        "w-full": props.orientation == "vertical",
+      },
+
+      // Colors
+      "bg-primary-500 dark:bg-primary-400",
+    ],
+  }),
+  handle: ({ props }) => ({
+    class: [
+      "block",
+
+      // Size
+      "h-[1.143rem]",
+      "w-[1.143rem]",
+      {
+        "top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]":
+          props.orientation == "horizontal",
+        "left-[50%] mb-[-0.5715rem] ml-[-0.5715rem]":
+          props.orientation == "vertical",
+      },
+
+      // Shape
+      "rounded-full",
+      "border-2",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-600",
+      "border-primary-500 dark:border-primary-400",
+
+      // States
+      "hover:bg-primary-500 hover:border-primary-500",
+      "focus:outline-none focus:outline-offset-0 focus:ring",
+      "ring-primary-400/50 dark:ring-primary-300/50",
+
+      // Transitions
+      "transition duration-200",
+
+      // Misc
+      "cursor-grab",
+      "touch-action-none",
+    ],
+  }),
+  starthandler: ({ props }) => ({
+    class: [
+      "block",
+
+      // Size
+      "h-[1.143rem]",
+      "w-[1.143rem]",
+      {
+        "top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]":
+          props.orientation == "horizontal",
+        "left-[50%] mb-[-0.5715rem] ml-[-0.4715rem]":
+          props.orientation == "vertical",
+      },
+
+      // Shape
+      "rounded-full",
+      "border-2",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-600",
+      "border-primary-500 dark:border-primary-400",
+
+      // States
+      "hover:bg-primary-500 hover:border-primary-500",
+      "focus:outline-none focus:outline-offset-0 focus:ring",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Transitions
+      "transition duration-200",
+
+      // Misc
+      "cursor-grab",
+      "touch-action-none",
+    ],
+  }),
+  endhandler: ({ props }) => ({
+    class: [
+      "block",
+
+      // Size
+      "h-[1.143rem]",
+      "w-[1.143rem]",
+      {
+        "top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]":
+          props.orientation == "horizontal",
+        "left-[50%] mb-[-0.5715rem] ml-[-0.4715rem]":
+          props.orientation == "vertical",
+      },
+
+      // Shape
+      "rounded-full",
+      "border-2",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-600",
+      "border-primary-500 dark:border-primary-400",
+
+      // States
+      "hover:bg-primary-500 hover:border-primary-500",
+      "focus:outline-none focus:outline-offset-0 focus:ring",
+      "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // Transitions
+      "transition duration-200",
+
+      // Misc
+      "cursor-grab",
+      "touch-action-none",
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/tabview.ts b/src/app/plugins/tailwind/components/tabview.ts
new file mode 100644
index 00000000..00e6fd37
--- /dev/null
+++ b/src/app/plugins/tailwind/components/tabview.ts
@@ -0,0 +1,168 @@
+export default {
+  navContainer: ({ props }) => ({
+    class: [
+      // Position
+      "relative",
+
+      // Misc
+      { "overflow-hidden": props.scrollable },
+    ],
+  }),
+  navContent: {
+    class: [
+      // Overflow and Scrolling
+      "overflow-y-hidden overscroll-contain",
+      "overscroll-auto",
+      "scroll-smooth",
+      "[&::-webkit-scrollbar]:hidden",
+    ],
+  },
+  previousButton: {
+    class: [
+      // Flexbox and Alignment
+      "flex items-center justify-center",
+
+      // Position
+      "!absolute",
+      "top-0 left-0",
+      "z-20",
+
+      // Size and Shape
+      "h-full w-12",
+      "rounded-none",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-primary-500 dark:text-primary-400",
+      "shadow-md",
+    ],
+  },
+  nextButton: {
+    class: [
+      // Flexbox and Alignment
+      "flex items-center justify-center",
+
+      // Position
+      "!absolute",
+      "top-0 right-0",
+      "z-20",
+
+      // Size and Shape
+      "h-full w-12",
+      "rounded-none",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "text-primary-500 dark:text-primary-400",
+      "shadow-md",
+    ],
+  },
+  nav: {
+    class: [
+      // Flexbox
+      "flex flex-1",
+
+      // Spacing
+      "list-none",
+      "p-0 m-0",
+
+      // Colors
+      "bg-surface-0 dark:bg-surface-800",
+      "border-b-2 border-surface-200 dark:border-surface-700",
+      "text-surface-900 dark:text-surface-0/80",
+    ],
+  },
+  tabpanel: {
+    header: ({ props }) => ({
+      class: [
+        // Spacing
+        "mr-0",
+
+        // Misc
+        {
+          "opacity-60 cursor-default user-select-none select-none pointer-events-none":
+            props?.disabled,
+        },
+      ],
+    }),
+    headerAction: ({ parent, context }) => ({
+      class: [
+        "relative",
+
+        // Font
+        "font-bold",
+
+        // Flexbox and Alignment
+        "flex items-center",
+
+        // Spacing
+        "p-5",
+        "-mb-[2px]",
+
+        // Shape
+        "border-b-2",
+        "rounded-t-md",
+
+        // Colors and Conditions
+        {
+          "border-surface-200 dark:border-surface-700":
+            parent.state.d_activeIndex !== context.index,
+          "bg-surface-0 dark:bg-surface-800":
+            parent.state.d_activeIndex !== context.index,
+          "text-surface-700 dark:text-surface-0/80":
+            parent.state.d_activeIndex !== context.index,
+
+          "bg-surface-0 dark:bg-surface-800":
+            parent.state.d_activeIndex === context.index,
+          "border-primary-500 dark:border-primary-400":
+            parent.state.d_activeIndex === context.index,
+          "text-primary-500 dark:text-primary-400":
+            parent.state.d_activeIndex === context.index,
+        },
+
+        // States
+        "focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset",
+        "focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
+        {
+          "hover:bg-surface-0 dark:hover:bg-surface-800/80":
+            parent.state.d_activeIndex !== context.index,
+          "hover:border-surface-400 dark:hover:border-primary-400":
+            parent.state.d_activeIndex !== context.index,
+          "hover:text-surface-900 dark:hover:text-surface-0":
+            parent.state.d_activeIndex !== context.index,
+        },
+
+        // Transitions
+        "transition-all duration-200",
+
+        // Misc
+        "cursor-pointer select-none text-decoration-none",
+        "overflow-hidden",
+        "user-select-none",
+      ],
+    }),
+    headerTitle: {
+      class: [
+        // Text
+        "leading-none",
+        "whitespace-nowrap",
+        "uppercase",
+        "tracking-widest",
+      ],
+    },
+    content: {
+      class: [
+        // Spacing
+        "p-5",
+
+        // Shape
+        "rounded-b-md",
+
+        // Colors
+        "bg-surface-0 dark:bg-surface-800",
+        "text-surface-700 dark:text-surface-0/80",
+        "border-0",
+      ],
+    },
+  },
+};
diff --git a/src/app/plugins/tailwind/components/textArea.ts b/src/app/plugins/tailwind/components/textArea.ts
new file mode 100644
index 00000000..79d3b0c1
--- /dev/null
+++ b/src/app/plugins/tailwind/components/textArea.ts
@@ -0,0 +1,22 @@
+export default {
+  root: ({ context }) => ({
+    class: [
+      "text-xl",
+      "p-5",
+      "border border-surface-300 dark:border-surface-600",
+      "bg-surface-0 dark:bg-surface-800",
+      "rounded-md",
+      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+      {
+        "hover:border-primary-500 dark:hover:border-primary-400":
+          !context.disabled,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50":
+          !context.disabled,
+        "opacity-60 select-none pointer-events-none cursor-default":
+          context.disabled,
+      },
+      "appearance-none",
+      "transition-colors duration-200",
+    ],
+  }),
+};
diff --git a/src/app/plugins/tailwind/components/toolbar.ts b/src/app/plugins/tailwind/components/toolbar.ts
new file mode 100644
index 00000000..4253ab0c
--- /dev/null
+++ b/src/app/plugins/tailwind/components/toolbar.ts
@@ -0,0 +1,8 @@
+export default {
+  root: [
+    //background
+    "bg-white dark:bg-surface-800 shadow-lg shadow-black",
+    "p-3",
+    "z-50",
+  ],
+};
diff --git a/src/app/plugins/tailwind/components/tooltip.ts b/src/app/plugins/tailwind/components/tooltip.ts
new file mode 100644
index 00000000..46e4767c
--- /dev/null
+++ b/src/app/plugins/tailwind/components/tooltip.ts
@@ -0,0 +1,74 @@
+export default {
+  root: ({ context, props }) => ({
+    class: [
+      // Position and Shadows
+      "bg-grey-200 dark:bg-grey-300",
+
+      "absolute",
+      "shadow-md",
+      "p-fadein",
+      // Spacing
+      {
+        "py-0 px-1":
+          context?.right ||
+          context?.left ||
+          (!context?.right &&
+            !context?.left &&
+            !context?.top &&
+            !context?.bottom),
+        "py-1 px-0": context?.top || context?.bottom,
+      },
+    ],
+  }),
+  arrow: ({ context, props }) => ({
+    class: [
+      // Position
+
+      "absolute",
+
+      // Size
+      "w-0",
+      "h-0",
+
+      // Shape
+      "border-transparent",
+      "border-solid",
+      {
+        "border-y-[0.25rem] border-r-[0.25rem] border-l-0 border-r-surface-600":
+          context?.right ||
+          (!context?.right &&
+            !context?.left &&
+            !context?.top &&
+            !context?.bottom),
+        "border-y-[0.25rem] border-l-[0.25rem] border-r-0 border-l-surface-600":
+          context?.left,
+        "border-x-[0.25rem] border-t-[0.25rem] border-b-0 border-t-surface-600":
+          context?.top,
+        "border-x-[0.25rem] border-b-[0.25rem] border-t-0 border-b-surface-600":
+          context?.bottom,
+      },
+
+      // Spacing
+      {
+        "-mt-1 ":
+          context?.right ||
+          (!context?.right &&
+            !context?.left &&
+            !context?.top &&
+            !context?.bottom),
+        "-mt-1": context?.left,
+        "-ml-1": context?.top || context?.bottom,
+      },
+    ],
+  }),
+  text: {
+    class: [
+      "p-3",
+      "text-white",
+      "leading-none",
+      "rounded-md",
+      "whitespace-pre-line",
+      "break-words",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/treeSelect.ts b/src/app/plugins/tailwind/components/treeSelect.ts
new file mode 100644
index 00000000..8ea677a9
--- /dev/null
+++ b/src/app/plugins/tailwind/components/treeSelect.ts
@@ -0,0 +1,335 @@
+export default {
+  root: ({ props, state }) => ({
+    class: [
+      // Display and Position
+      "inline-flex",
+      "relative",
+
+      // Shape
+      "rounded-md",
+
+      // Color and Background
+      "bg-surface-0 dark:bg-surface-900",
+      "border border-surface-300 dark:border-surface-700",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+
+      // States
+      "hover:border-primary-500 dark:hover:border-primary-300",
+      {
+        "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50":
+          state.focused,
+      },
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+      {
+        "opacity-60": props.disabled,
+        "pointer-events-none": props.disabled,
+        "cursor-default": props.disabled,
+      },
+    ],
+  }),
+  labelContainer: {
+    class: ["overflow-hidden flex flex-auto cursor-pointer"],
+  },
+  label: {
+    class: [
+      "block leading-5",
+
+      // Space
+      "p-3",
+
+      // Color
+      "text-surface-800 dark:text-white/80",
+
+      // Transition
+      "transition duration-200",
+
+      // Misc
+      "overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis",
+    ],
+  },
+  trigger: {
+    class: [
+      // Flexbox
+      "flex items-center justify-center",
+      "shrink-0",
+
+      // Color and Background
+      "bg-transparent",
+      "text-surface-500",
+
+      // Size
+      "w-12",
+
+      // Shape
+      "rounded-tr-md",
+      "rounded-br-md",
+    ],
+  },
+  panel: {
+    class: [
+      // Position
+      "absolute top-0 left-0",
+
+      // Shape
+      "border-0 dark:border",
+      "rounded-md",
+      "shadow-md",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-800 dark:text-white/80",
+      "dark:border-surface-700",
+    ],
+  },
+  wrapper: {
+    class: [
+      // Sizing
+      "max-h-[200px]",
+
+      // Misc
+      "overflow-auto",
+    ],
+  },
+  tree: {
+    root: {
+      class: [
+        // Space
+        "p-5",
+      ],
+    },
+    wrapper: {
+      class: ["overflow-auto"],
+    },
+    container: {
+      class: [
+        // Spacing
+        "m-0 p-0",
+
+        // Misc
+        "list-none overflow-auto",
+      ],
+    },
+    node: {
+      class: [
+        "p-1",
+        "rounded-md",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+      ],
+    },
+    content: ({ context, props }) => ({
+      class: [
+        // Flex and Alignment
+        "flex items-center",
+
+        // Shape
+        "rounded-md",
+
+        // Spacing
+        "p-2",
+
+        // Colors
+        "text-surface-600 dark:text-white/70",
+        {
+          "bg-primary-50 dark:bg-primary-400/30 text-primary-600 dark:text-surface-0":
+            context.selected,
+        },
+
+        // States
+        {
+          "hover:bg-surface-50 dark:hover:bg-surface-700/40":
+            (props.selectionMode == "single" ||
+              props.selectionMode == "multiple") &&
+            !context.selected,
+        },
+
+        // Transition
+        "transition-shadow duration-200",
+
+        {
+          "cursor-pointer select-none":
+            props.selectionMode == "single" ||
+            props.selectionMode == "multiple",
+        },
+      ],
+    }),
+    toggler: ({ context }) => ({
+      class: [
+        // Flex and Alignment
+        "inline-flex items-center justify-center",
+
+        // Shape
+        "border-0 rounded-full",
+
+        // Size
+        "w-8 h-8",
+
+        // Spacing
+        "mr-2",
+
+        // Colors
+        "bg-transparent",
+        {
+          "text-surface-500 dark:text-white": !context.selected,
+          "text-primary-600 dark:text-white": context.selected,
+          invisible: context.leaf,
+        },
+
+        // States
+        "hover:bg-surface-200/20 dark:hover:bg-surface-500/20",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+        // Transition
+        "transition duration-200",
+
+        // Misc
+        "cursor-pointer select-none",
+      ],
+    }),
+    checkboxcontainer: {
+      class: "mr-2",
+    },
+    checkbox: ({ context, props }) => ({
+      class: [
+        "relative",
+
+        // Alignment
+        "flex",
+        "items-center",
+        "justify-center",
+
+        // Size
+        "w-6",
+        "h-6",
+
+        // Shape
+        "rounded-lg",
+        "border-2",
+
+        // Colors
+        "text-surface-600",
+        {
+          "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900":
+            !context.checked,
+          "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+            context.checked,
+        },
+
+        // States
+        "focus:outline-none focus:outline-offset-0",
+        {
+          "hover:border-primary-500 dark:hover:border-primary-400":
+            !props.disabled,
+          "ring ring-primary-400/50 dark:ring-primary-300/50":
+            !props.disabled && context.focused,
+          "cursor-default opacity-60": props.disabled,
+        },
+
+        // Transitions
+        "transition-colors",
+        "duration-200",
+
+        // Misc
+        "cursor-pointer",
+      ],
+    }),
+    checkboxicon: {
+      class: [
+        // Font
+        "text-base leading-none",
+
+        // Size
+        "w-4",
+        "h-4",
+
+        // Colors
+        "text-white dark:text-surface-900",
+
+        // Transitions
+        "transition-all",
+        "duration-200",
+      ],
+    },
+    nodeicon: {
+      class: [
+        // Space
+        "mr-2",
+
+        // Color
+        "text-surface-600 dark:text-white/70",
+      ],
+    },
+    subgroup: {
+      class: ["m-0 list-none p-0 pl-2 mt-1"],
+    },
+    filtercontainer: {
+      class: [
+        "relative block",
+
+        // Space
+        "mb-2",
+
+        // Size
+        "w-full",
+      ],
+    },
+    input: {
+      class: [
+        "relative",
+        // Font
+        "font-sans leading-none",
+
+        // Spacing
+        "m-0",
+        "p-3 pr-10",
+
+        // Size
+        "w-full",
+
+        // Shape
+        "rounded-md",
+
+        // Colors
+        "text-surface-600 dark:text-surface-200",
+        "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+        "bg-surface-0 dark:bg-surface-900",
+        "border border-surface-300 dark:border-surface-600",
+
+        // States
+        "hover:border-primary-500 dark:hover:border-primary-400",
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50",
+
+        // Transition & Misc
+        "appearance-none",
+        "transition-colors duration-200",
+      ],
+    },
+    loadingicon: {
+      class: [
+        "text-surface-500 dark:text-surface-0/70",
+        "absolute top-[50%] right-[50%] -mt-2 -mr-2",
+      ],
+    },
+    searchicon: {
+      class: [
+        // Position
+        "absolute top-1/2 -mt-2 right-3",
+
+        // Color
+        "text-surface-600 dark:hover:text-white/70",
+      ],
+    },
+  },
+  transition: {
+    enterFromClass: "opacity-0 scale-y-[0.8]",
+    enterActiveClass:
+      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+    leaveActiveClass: "transition-opacity duration-100 ease-linear",
+    leaveToClass: "opacity-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/tailwindStyles.ts b/src/app/plugins/tailwind/tailwindStyles.ts
new file mode 100644
index 00000000..7bfd1288
--- /dev/null
+++ b/src/app/plugins/tailwind/tailwindStyles.ts
@@ -0,0 +1,51 @@
+import button from "@/app/plugins/tailwind/components/button";
+import card from "@/app/plugins/tailwind/components/card";
+import dropdown from "@/app/plugins/tailwind/components/dropdown";
+import panel from "@/app/plugins/tailwind/components/panel";
+import sidebar from "@/app/plugins/tailwind/components/sidebar";
+import tabview from "@/app/plugins/tailwind/components/tabview";
+import inputSwitch from "@/app/plugins/tailwind/components/inputSwitch";
+import inputText from "@/app/plugins/tailwind/components/inputText";
+import menu from "@/app/plugins/tailwind/components/menu";
+import message from "@/app/plugins/tailwind/components/message";
+import dataTable from "@/app/plugins/tailwind/components/dataTable";
+import paginator from "@/app/plugins/tailwind/components/paginator";
+import toolbar from "@/app/plugins/tailwind/components/toolbar";
+import badge from "@/app/plugins/tailwind/components/badge";
+import dialog from "@/app/plugins/tailwind/components/dialog";
+import tooltip from "@/app/plugins/tailwind/components/tooltip";
+import carousel from "@/app/plugins/tailwind/components/carousel";
+import textArea from "@/app/plugins/tailwind/components/textArea";
+import divider from "@/app/plugins/tailwind/components/divider";
+import multiSelect from "@/app/plugins/tailwind/components/multiSelect";
+import inputGroup from "@/app/plugins/tailwind/components/inputGroup";
+import inputGroupAddon from "@/app/plugins/tailwind/components/inputGroupAddon";
+import treeSelect from "@/app/plugins/tailwind/components/treeSelect";
+import slider from "@/app/plugins/tailwind/components/slider";
+
+export const tailwindTheme = {
+  tabview,
+  dropdown,
+  panel,
+  card,
+  sidebar,
+  button,
+  inputSwitch,
+  inputText,
+  menu,
+  message,
+  dataTable,
+  paginator,
+  toolbar,
+  badge,
+  dialog,
+  tooltip,
+  carousel,
+  textArea,
+  divider,
+  multiSelect,
+  inputGroup,
+  inputGroupAddon,
+  treeSelect,
+  slider,
+};
diff --git a/src/app/plugins/themes.ts b/src/app/plugins/themes.ts
deleted file mode 100644
index b4cb4ec4..00000000
--- a/src/app/plugins/themes.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { ThemeDefinition } from "vuetify";
-
-const purpleLight: ThemeDefinition = {
-  dark: false,
-  colors: {
-    accent: "#E0E0E0",
-    message: "#4b4d59",
-  },
-};
-
-const purpleDark: ThemeDefinition = {
-  dark: true,
-  colors: {
-    accent: "#424242",
-    message: "#41434DFF",
-  },
-};
-const blueLight: ThemeDefinition = {
-  dark: false,
-  colors: {
-    primary: "#1976D2",
-    secondary: "#424242",
-    accent: "#E0E0E0",
-    error: "#FF5252",
-    info: "#2196F3",
-    success: "#4CAF50",
-    warning: "#FFC107",
-    message: "#4b4d59",
-  },
-};
-
-const blueDark: ThemeDefinition = {
-  dark: true,
-  colors: {
-    primary: "#2196F3",
-    secondary: "#424242",
-    accent: "#424242",
-    error: "#FF5252",
-    info: "#2196F3",
-    success: "#4CAF50",
-    warning: "#FB8C00",
-    message: "#41434DFF",
-  },
-};
-
-export { purpleLight, purpleDark, blueLight, blueDark };
diff --git a/src/app/plugins/vuetify.ts b/src/app/plugins/vuetify.ts
deleted file mode 100644
index 771beb78..00000000
--- a/src/app/plugins/vuetify.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import "@mdi/font/css/materialdesignicons.css";
-import "@/main.scss";
-import { aliases, mdi } from "vuetify/iconsets/mdi";
-import { createVuetify } from "vuetify";
-
-import {
-  purpleLight,
-  purpleDark,
-  blueLight,
-  blueDark,
-} from "@/app/plugins/themes";
-import * as components from "vuetify/components";
-import * as directives from "vuetify/directives";
-
-const vuetify = createVuetify({
-  components,
-  directives,
-  icons: {
-    defaultSet: "mdi",
-    aliases,
-    sets: {
-      mdi,
-    },
-  },
-  theme: {
-    themes: {
-      purpleLight,
-      purpleDark,
-      blueLight,
-      blueDark,
-    },
-    variations: {
-      colors: ["primary", "secondary"],
-      lighten: 2,
-      darken: 2,
-    },
-  },
-});
-
-export default vuetify;
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index 2a14181b..eb1670ba 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -1,91 +1,103 @@
 <template>
-  <v-card
+  <div
     v-if="!props.edit"
-    class="ma-2 card"
-    max-width="400"
-    max-height="300"
-    elevation="5"
+    class="flex flex-col gap-5 shadow-xl px-3 py-5 bg-white dark:bg-surface-800 m-4"
   >
-    <v-layout class="justify-space-between">
-      <v-card-title class="justify-space-between">
-        {{ props.note.title }}
-      </v-card-title>
-      <v-btn variant="plain" icon>
-        <v-icon> mdi-information-outline </v-icon>
-        <v-tooltip
-          content-class="custom-tooltip"
-          activator="parent"
-          location="end"
+    <div class="flex flex-g gap-10 justify-between">
+      <h3 class="font-bold text-xl">{{ props.note.title }}</h3>
+      <span>
+        <button
+          v-tooltip.top="{
+            value: `Created By: ${user}\n Last updated: ${dateTimeUpdated}`,
+            pt: {
+              root: '',
+              arrow: {
+                style: {
+                  borderRightColor: 'var(--primary-color)',
+                },
+              },
+              text: 'border rounded bg-surface-800 dark:bg-surface-50 text-white dark:text-black font-light p-2',
+            },
+          }"
+          text
+          rounded
         >
-          Created by {{ user || "unknown" }} at {{ dateTimeCreated }}
-          <br />
-          Last updated at {{ dateTimeUpdated }}</v-tooltip
-        ></v-btn
-      >
-    </v-layout>
-    <v-card-text class="text-h7 py-2">
-      <Markdown
-        v-if="props.note.description"
-        html
-        breaks
-        :source="props.note.description"
-      ></Markdown>
-      <!--      {{ props.note.description }}-->
-    </v-card-text>
-    <v-divider></v-divider>
-  </v-card>
-  <v-card v-else class="mb-2 card" width="400" elevation="6">
-    <v-card-title>
-      <v-text-field
-        density="compact"
-        label="Title"
-        hide-details
-        variant="underlined"
-        v-model="currentCard.title"
-        @update:modelValue="editCard()"
-      ></v-text-field>
-    </v-card-title>
-    <v-card-text class="text-h8 py-2">
+          <svg-icon type="mdi" :path="mdiInformationOutline"></svg-icon>
+        </button>
+      </span>
+    </div>
+    <p>{{ props.note.description }}</p>
+  </div>
+  <div v-else class="card shadow-md rounded bg-white dark:bg-surface-800">
+    <InputText
+      size="small"
+      placeholder="Title"
+      v-model="currentCard.title"
+      @update:modelValue="editCard()"
+    />
+    <div class="py-1">
       <Codemirror
-        :style="{ height: '150px' }"
+        :style="{ height: '190px' }"
         v-model="currentCard.description"
         :indent-with-tab="true"
         :tab-size="2"
         :extensions="extensions"
         @update:modelValue="editCard()"
       ></Codemirror>
-    </v-card-text>
-
-    <v-card-actions class="justify-space-between">
-      <v-btn block @click="confirmDelete = true" color="info" class="me-1"
-        >Delete</v-btn
+    </div>
+    <div class="relative bottom-0">
+      <Button @click="showTemplate()" severity="danger" plain size="block" text
+        >DELETE</Button
       >
-    </v-card-actions>
-  </v-card>
-  <div class="text-center">
-    <v-dialog v-model="confirmDelete" width="auto">
-      <v-card>
-        <v-card-text> Are you sure you want to delete this note? </v-card-text>
-        <v-card-actions class="justify-space-between">
-          <v-btn color="primary" @click="confirmDelete = false">Cancel</v-btn>
-          <v-btn color="error" @click="deleteCard">Delete</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
+    </div>
   </div>
+  <ConfirmDialog group="templating">
+    <template #message="slotProps">
+      <div
+        class="flex flex-column align-items-center w-full gap-3 border-bottom-1 surface-border"
+      >
+        <i
+          :class="slotProps.message.icon"
+          class="text-6xl text-primary-500"
+        ></i>
+        <p>{{ slotProps.message.message }}</p>
+      </div>
+    </template>
+  </ConfirmDialog>
 </template>
 
 <script setup lang="ts">
 import { defineProps, ref, defineEmits, onBeforeMount, computed } from "vue";
-import { useStore } from "vuex";
 import { Codemirror } from "vue-codemirror";
 import { markdown } from "@codemirror/lang-markdown";
 import { oneDark } from "@codemirror/theme-one-dark";
-import Markdown from "vue3-markdown-it";
+import { mdiInformationOutline } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+import InputText from "primevue/inputtext";
+import Button from "primevue/button";
+import ConfirmDialog from "primevue/confirmdialog";
 
 const emit = defineEmits(["editCard", "deleteCard"]);
 
-const store = useStore();
+import { useConfirm } from "primevue/useconfirm";
+
+const confirm = useConfirm();
+const showTemplate = () => {
+  confirm.require({
+    group: "templating",
+    header: "Confirmation",
+    message: "Please confirm to proceed moving forward.",
+    icon: "pi pi-exclamation-circle",
+    acceptIcon: "pi pi-check",
+    rejectIcon: "pi pi-times",
+    rejectClass: "p-button-sm",
+    acceptClass: "p-button-outlined p-button-sm",
+    accept: () => {
+      deleteCard();
+    },
+    reject: () => {},
+  });
+};
 const extensions = [markdown(), oneDark];
 
 interface Note {
@@ -141,8 +153,6 @@ const editCard = function () {
   emit("editCard", { ...currentCard.value, lastUpdated: Date.now() });
 };
 
-const confirmDelete = ref(false);
-
 const props = defineProps<Props>();
 </script>
 
@@ -151,6 +161,10 @@ const props = defineProps<Props>();
   display: flex;
   align-content: space-between;
   flex-direction: column;
+  max-width: 400px;
+  max-height: 300px;
+
+  transform: translateY(-5px);
 }
 
 .cm-editor {
diff --git a/src/entities/confirmationDialog/ConfirmationDialog.vue b/src/entities/confirmationDialog/ConfirmationDialog.vue
deleted file mode 100644
index 7317a36e..00000000
--- a/src/entities/confirmationDialog/ConfirmationDialog.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="text-center">
-    <v-dialog v-model="dialog" width="auto">
-      <template v-slot:activator="{ props }">
-        <v-btn color="primary" v-bind="props"> Open Dialog </v-btn>
-      </template>
-
-      <v-card>
-        <v-card-text>
-          Are you sure you want to delete the {{ props.action.title }}
-        </v-card-text>
-        <v-card-actions>
-          <v-btn color="primary" @click="dialog = false">Confirm</v-btn>
-          <v-btn color="error" @click="dialog = false">Cancel</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { defineProps, ref } from "vue";
-
-interface Props {
-  save: () => void;
-  cancel: () => void;
-  action: { title: string };
-}
-
-const dialog = ref(false);
-
-const props = defineProps<Props>();
-</script>
-
-<style scoped></style>
diff --git a/src/entities/contextMenu/contextMenu.vue b/src/entities/contextMenu/contextMenu.vue
index 3369b7ac..6be3d131 100644
--- a/src/entities/contextMenu/contextMenu.vue
+++ b/src/entities/contextMenu/contextMenu.vue
@@ -1,21 +1,19 @@
 <template>
-  <v-card
+  <div
     v-if="show"
-    class="context-menu"
+    class="context-menu bg-white dark:bg-surface-700"
     :style="style"
     ref="context"
     tabindex="1"
-    v-click-outside="{
-      handler: onClickOutside,
-    }"
+    v-click-outside="onClickOutside"
   >
     <ul v-for="item in props.items" :key="item.title">
       <li @click="clickAction(item)">{{ item.title }}</li>
     </ul>
-  </v-card>
+  </div>
 </template>
 <script setup lang="ts">
-import { nextTick, defineProps, computed, watch, ref, Ref } from "vue";
+import { defineProps, computed, watch, ref, Ref } from "vue";
 import { useStore } from "vuex";
 
 interface Item {
@@ -75,7 +73,6 @@ watch(coordinates, () => {
 .context-menu {
   position: fixed;
   z-index: 999;
-  background: rgb(var(--v-theme-surface));
   outline: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   cursor: pointer;
diff --git a/src/entities/pageHeader/PageHeader.vue b/src/entities/pageHeader/PageHeader.vue
new file mode 100644
index 00000000..e579dd3d
--- /dev/null
+++ b/src/entities/pageHeader/PageHeader.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="flex flex-row justify-between">
+    <h1 class="font-light uppercase text-2xl text-black dark:text-white">
+      {{ props.title }}
+    </h1>
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps } from "vue";
+
+interface Props {
+  title: string;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/features/nestedMenu/NestedMenu.vue b/src/features/nestedMenu/NestedMenu.vue
deleted file mode 100644
index 8bd77e5a..00000000
--- a/src/features/nestedMenu/NestedMenu.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <v-menu contained attach :close-on-content-click="false" bottom offset-y>
-    <template v-slot:activator="{ props }">
-      <v-btn color="primary" v-bind="props"> Filters </v-btn>
-    </template>
-    <v-list>
-      <v-list-group
-        v-for="item in getFilteredHeaders"
-        :key="item.title"
-        :value="item.title"
-      >
-        <template v-slot:activator="{ props }">
-          <v-list-item v-bind="props" :title="item.title">{{
-            filters[item.key] ? filters[item.key].length + " selected" : ""
-          }}</v-list-item>
-        </template>
-        <v-list-item>
-          <v-select
-            variant="outlined"
-            density="compact"
-            v-model="filters[item.key]"
-            chips
-            closable-chips
-            hide-details
-            multiple
-            :items="helpers.getValuesArray(data, item.key, true)"
-          ></v-select>
-        </v-list-item>
-      </v-list-group>
-    </v-list>
-  </v-menu>
-</template>
-
-<script setup lang="ts">
-import { computed, defineProps } from "vue";
-import { helpers } from "@/shared/lib/mixins";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-
-interface Props {
-  items: DataTableHeader[];
-  filters: object;
-  data: never[];
-}
-const getFilteredHeaders = computed(() => {
-  return props.items.filter((val) =>
-    Object.keys(props.filters).includes(val.key)
-  );
-});
-
-const props = defineProps<Props>();
-</script>
-<style></style>
diff --git a/src/features/returnToPreviousPage/ReturnButton.vue b/src/features/returnToPreviousPage/ReturnButton.vue
index 4952bedf..412b9a3f 100644
--- a/src/features/returnToPreviousPage/ReturnButton.vue
+++ b/src/features/returnToPreviousPage/ReturnButton.vue
@@ -1,31 +1,30 @@
 <template>
-  <v-btn
-    :block="props.block"
-    color="primary"
-    density="comfortable"
+  <Button
+    style="width: 130px; height: 30px"
+    :size="props.block ? 'block' : 'small'"
     @click="back"
   >
-    <v-icon>mdi-arrow-left</v-icon>
-    Back
-  </v-btn>
+    <svg-icon
+      class="text-white text-lg"
+      type="mdi"
+      :path="mdiArrowLeft"
+    ></svg-icon>
+    <span class="uppercase text-white text-base">Back</span>
+  </Button>
 </template>
 
-<script lang="ts">
-export default {
-  name: "ReturnButton",
-};
-</script>
 <script setup lang="ts">
 import { defineProps } from "vue";
-
+import Button from "primevue/button";
+import { useRouter } from "vue-router";
+import { mdiArrowLeft } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
 const props = defineProps<Props>();
 
 interface Props {
   block?: boolean;
 }
 
-import { useRouter } from "vue-router";
-
 const router = useRouter();
 const back = function (): void {
   router.back();
diff --git a/src/features/selectColumns/SelectColumns.vue b/src/features/selectColumns/SelectColumns.vue
deleted file mode 100644
index 0eadb400..00000000
--- a/src/features/selectColumns/SelectColumns.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <v-menu v-model="chooseHeaderMenu" :close-on-content-click="false">
-    <template v-slot:activator="{ props }">
-      <v-btn color="primary" v-bind="props">
-        <v-icon left>mdi-view-column-outline</v-icon>
-        Choose Columns to Display
-      </v-btn>
-    </template>
-    <v-list density="compact">
-      <v-list-item v-for="(item, index) in props.headers" :key="index">
-        <v-checkbox
-          v-model="item.show"
-          :label="item.title"
-          :model-value="item.show"
-          hide-details="auto"
-        ></v-checkbox>
-      </v-list-item>
-    </v-list>
-  </v-menu>
-</template>
-<script lang="ts">
-export default {
-  name: "SelectColumns",
-};
-</script>
-<script setup lang="ts">
-import { defineProps, Ref, ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-
-const chooseHeaderMenu: Ref<boolean> = ref(false);
-
-interface Props {
-  headers: DataTableHeader[];
-  value?: string[];
-}
-
-const props = defineProps<Props>();
-</script>
-
-<style scoped></style>
diff --git a/src/features/selectColumns/index.ts b/src/features/selectColumns/index.ts
deleted file mode 100644
index 939e8a0e..00000000
--- a/src/features/selectColumns/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import SelectColumns from "./SelectColumns.vue";
-
-export default SelectColumns;
diff --git a/src/main.scss b/src/main.scss
deleted file mode 100644
index cbea6ef0..00000000
--- a/src/main.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@use 'vuetify' with (
-  $color-pack: true,
-);
diff --git a/src/main.ts b/src/main.ts
index 07ae4a82..9d10ab4f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,15 +1,24 @@
 import App from "./app/App.vue";
 import { createApp } from "vue";
-import vuetify from "@/app/plugins/vuetify";
-import "@/main.scss";
+import "@/style.css";
 
 import store from "./app/providers/store";
 import router from "./app/providers/router";
 import sync from "./shared/lib/vuex-router-sync";
 import environment from "@/shared/api/environment";
 import { authActions } from "@/shared/api/webAPI";
+import PrimeVue from "primevue/config";
+import ToastService from "primevue/toastservice";
+
 //todo: Think how to improve auth
 import { settingsActions } from "@/widgets/settings";
+import "primeicons/primeicons.css";
+import clickOutside from "@/shared/lib/directives/clickOutside";
+import Tooltip from "primevue/tooltip";
+
+import { tailwindTheme } from "@/app/plugins/tailwind/tailwindStyles";
+import ConfirmationService from "primevue/confirmationservice";
+import resize from "@/shared/lib/directives/resize";
 // adds reactive router module to global state
 sync(store, router);
 
@@ -20,7 +29,16 @@ environment.load().then(() => {
     .catch()
     .finally(() => {
       store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-        createApp(App).use(store).use(router).use(vuetify).mount("#app");
+        createApp(App)
+          .directive("click-outside", clickOutside)
+          .directive("resize", resize)
+          .directive("tooltip", Tooltip)
+          .use(store)
+          .use(router)
+          .use(PrimeVue, { pt: tailwindTheme })
+          .use(ConfirmationService)
+          .use(ToastService)
+          .mount("#app");
       });
     });
 });
diff --git a/src/pages/info/Article.vue b/src/pages/info/Article.vue
index 95393783..131e125a 100644
--- a/src/pages/info/Article.vue
+++ b/src/pages/info/Article.vue
@@ -1,29 +1,27 @@
 <template>
-  <v-container fluid>
-    <v-card elevation="10" class="ma-4">
-      <div class="text-h4 pl-4 pr-4 pt-4">
-        A data ingestion analysis of COVID-19 vaccine related source data.
-      </div>
-      <div class="text-caption pl-4 pt-2 pr-4">C.Blacketer, F.DeFalco</div>
-      <div class="article pl-4 pr-4">
-        <div class="text-h6 mt-4">Background</div>
-        COVID-19 as a global pandemic is testing the ability of the world's
-        researchers to understand the impact of the disease as well as the
-        efficacy and safety of the vaccines intended to prevent its spread. Real
-        world data is being leveraged to aid in the efforts to track post
-        marketing safety surveillence. In order to fully understand the nature
-        of the rapidly evolving methods for identifying the vaccine information
-        in real world evidence this paper evaluates a network of observational
-        data sources for data elements and their likely mappings to the eventual
-        data standards that can be reliably leveraged to extract research
-        quality evidence from real world data sources.
-        <div class="text-h6 mt-4">Methods</div>
-        Queries were developed to expose the internal mappings of source values
-        to their standardized concepts and further to the manufacturer.
-        <div class="text-h6 mt-4">Results</div>
-      </div>
-    </v-card>
-  </v-container>
+  <div>
+    <div class="text-h4 pl-4 pr-4 pt-4">
+      A data ingestion analysis of COVID-19 vaccine related source data.
+    </div>
+    <div class="text-caption pl-4 pt-2 pr-4">C.Blacketer, F.DeFalco</div>
+    <div class="article pl-4 pr-4">
+      <div class="text-h6 mt-4">Background</div>
+      COVID-19 as a global pandemic is testing the ability of the world's
+      researchers to understand the impact of the disease as well as the
+      efficacy and safety of the vaccines intended to prevent its spread. Real
+      world data is being leveraged to aid in the efforts to track post
+      marketing safety surveillence. In order to fully understand the nature of
+      the rapidly evolving methods for identifying the vaccine information in
+      real world evidence this paper evaluates a network of observational data
+      sources for data elements and their likely mappings to the eventual data
+      standards that can be reliably leveraged to extract research quality
+      evidence from real world data sources.
+      <div class="text-h6 mt-4">Methods</div>
+      Queries were developed to expose the internal mappings of source values to
+      their standardized concepts and further to the manufacturer.
+      <div class="text-h6 mt-4">Results</div>
+    </div>
+  </div>
 </template>
 
 <script>
diff --git a/src/pages/info/Help.vue b/src/pages/info/Help.vue
index d5c0c470..3f7eb644 100644
--- a/src/pages/info/Help.vue
+++ b/src/pages/info/Help.vue
@@ -1,5 +1,9 @@
 <template>
-  <div v-if="!store.getters.getErrors" id="help">
+  <div
+    class="text-black dark:text-white"
+    v-if="!store.getters.getErrors"
+    id="help"
+  >
     <Markdown
       v-if="contentLoaded"
       html
diff --git a/src/pages/info/Home.vue b/src/pages/info/Home.vue
index 2eabf128..b61a87cb 100644
--- a/src/pages/info/Home.vue
+++ b/src/pages/info/Home.vue
@@ -1,53 +1,49 @@
 <template>
-  <v-card elevation="10" class="ma-5 pa-7">
-    <v-layout class="ma-4 justify-center">
-      <h2>A R E S</h2>
-    </v-layout>
-    <v-layout class="justify-center">
-      <v-img
-        :class="iconClass"
-        :src="logo"
-        max-height="64"
-        max-width="64"
-      ></v-img>
-    </v-layout>
-    <div class="ma-4 introduction">
+  <div
+    class="flex flex-col bg-surface-0 dark:bg-surface-800 dark:text-white justify-center items-center gap-5 shadow-xl my-6 p-20"
+  >
+    <h1 class="text-2xl">A R E S</h1>
+    <img :class="iconClass" :src="logo" height="64" width="64" />
+    <p class="text-lg font-light">
       <b>A</b> <b>R</b>esearch <b>E</b>xploration <b>S</b>ystem that facilitates
       exploration of patient level, observational data research accompanied by
       source data characterization and quality assessment ensuring that results
       are presented with proper context.
-    </div>
-    <v-card-actions>
-      <v-layout class="justify-center">
-        <v-btn class="ma-2" color="primary" to="/network/overview">
-          <v-icon left>mdi-database</v-icon>Explore Data Sources
-        </v-btn>
-      </v-layout>
-    </v-card-actions>
-  </v-card>
+    </p>
+    <Button link @click="redirectToHome">
+      <svg-icon
+        class="text-primary-500"
+        type="mdi"
+        :path="mdiDatabase"
+      ></svg-icon>
+      <span class="text-primary-500 uppercase">Explore Data Sources</span>
+    </Button>
+  </div>
 </template>
-
-<script lang="ts">
-export default {
-  name: "Home",
-};
-</script>
 <script setup lang="ts">
 import { useStore } from "vuex";
 import { computed } from "vue";
 import logo from "@/shared/assets/icon.png";
 
+import Button from "primevue/button";
+import { useRouter } from "vue-router";
+
+import { mdiDatabase } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+
 const store = useStore();
+const router = useRouter();
 
 const iconClass = computed((): string => {
   return store.getters.getSettings.darkMode ? "" : "inverted";
 });
+
+function redirectToHome() {
+  router.push("/network/overview");
+}
 </script>
 
 <style scoped>
-.v-card__text {
-  line-height: 28px;
-}
 .inverted {
   filter: invert(1);
 }
diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index e8864297..939aefd8 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -1,75 +1,54 @@
 <template>
-  <v-container>
-    <v-card
+  <div>
+    <Panel
+      header="WebAPI details"
       v-if="store.getters.getApiData.serviceDetails"
-      :loading="store.getters.getApiData.loading"
-      elevation="10"
-      class="ma-4 pa-2"
     >
-      <v-card-title>WebAPI details</v-card-title>
-      <v-container v-if="store.getters.getApiData.serviceDetails" fluid>
-        <v-layout> </v-layout>
-        <v-layout
+      <div
+        class="flex flex-col gap-10"
+        v-if="store.getters.getApiData.serviceDetails"
+      >
+        <div
           v-for="(value, propertyName) in getApiMetadata()"
           :key="propertyName"
           class="pl-8"
         >
           {{ propertyName }}: {{ value }}
-        </v-layout>
-      </v-container>
-      <v-card v-else
-        ><v-card-title
-          >WebAPI server is unavailable at the time</v-card-title
-        ></v-card
-      >
-    </v-card>
+        </div>
+      </div>
+      <div v-else>
+        <h3 class="text-xl">WebAPI server is unavailable at the time</h3>
+      </div>
+    </Panel>
 
-    <v-card
-      v-if="store.getters.getApiData.apiSources"
-      elevation="10"
-      class="ma-4 pa-2"
-    >
-      <v-data-table
-        :loading="store.getters.getApiData.loading"
-        :items="store.getters.getApiData.apiSources"
-        :headers="sourceHeaders"
-      ></v-data-table>
-    </v-card>
-    <h1 v-else class="text-center">No data available</h1>
-  </v-container>
+    <Panel header="Sources" v-if="store.getters.getApiData.apiSources">
+      <DataTable
+        size="small"
+        paginator
+        :value="store.getters.getApiData.apiSources"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column header="Source" field="sourceKey"> </Column>
+        <Column header="Source Dialect" field="sourceDialect"></Column>
+        <Column header="Source Name" field="sourceName"></Column>
+        <Column field="sourceId" header="Source ID"> </Column>
+      </DataTable>
+    </Panel>
+    <h1 v-else class="text-center text-black dark:text-white">
+      No data available
+    </h1>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import { VDataTable } from "vuetify/labs/VDataTable";
+import Panel from "primevue/panel";
+
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
-const sourceHeaders = [
-  {
-    title: "Source",
-    align: "start",
-    sortable: false,
-    key: "sourceKey",
-  },
-  {
-    title: "Source dialect",
-    align: "start",
-    sortable: false,
-    key: "sourceDialect",
-  },
-  {
-    title: "Source name",
-    align: "start",
-    sortable: false,
-    key: "sourceName",
-  },
-  {
-    title: "Source ID",
-    align: "start",
-    sortable: false,
-    key: "sourceId",
-  },
-];
 
 const getApiMetadata = function () {
   const data = store.getters.getApiData.serviceDetails;
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index abf3921b..3e634410 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -1,60 +1,71 @@
 <template>
-  <v-container fluid>
-    <v-card class="elevation-10 pa-3">
-      <v-card-actions class="flex justify-space-between">
-        <v-card-title>Network Concept Dashboard</v-card-title>
-        <v-dialog v-model="dialog" max-width="1000px">
-          <template #activator="{ props }">
-            <v-btn dark color="grey darken-4" class="mb-2" v-bind="props">
-              Add concepts
-            </v-btn>
-          </template>
-          <ConceptSearchForm
-            :added-concepts="addedConcepts"
-            :success-message="successMessage"
-            :errors="errors"
-            @close="close"
-            @save="(item) => save(item)"
-            @inputChanged="clearMessages"
-          />
-        </v-dialog>
-      </v-card-actions>
-      <v-row class="table-container">
-        <v-data-table
-          v-if="conceptData.length"
-          :group-by="[{ key: 'CONCEPT_NAME' }]"
-          density="compact"
-          :headers="headers"
-          :items="conceptData"
-        >
-          <template v-slot:item.PEOPLE_COUNT="{ item }">
-            {{ helpers.formatComma(item.raw.PEOPLE_COUNT) }}
+  <Panel header="Network Concept Dashboard">
+    <template #icons>
+      <Button @click="dialog = !dialog" plain>
+        <span class="uppercase font-thin text-grey">Add concepts </span></Button
+      >
+    </template>
+    <div class="table-container">
+      <DataTable
+        removable-sort
+        rowGroupMode="subheader"
+        groupRowsBy="CONCEPT_NAME"
+        class="table"
+        v-if="conceptData.length"
+        size="small"
+        paginator
+        :value="conceptData"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="CDM_NAME"></Column>
+        <Column sortable header="Concept Name" field="CONCEPT_NAME"></Column>
+
+        <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
+        <Column sortable header="# People" field="PEOPLE_COUNT">
+          <template #body="slotProps">
+            {{ helpers.formatComma(slotProps.data.PEOPLE_COUNT) }}
           </template>
-          <template v-slot:item.PEOPLE_PERCENT="{ item }">
-            {{ item.raw.PEOPLE_PERCENT }}%
+        </Column>
+        <Column sortable header="% People" field="PEOPLE_PERCENT">
+          <template #body="slotProps">
+            {{ slotProps.data.PEOPLE_PERCENT }}%
           </template>
-        </v-data-table>
-        <v-card-text v-else class="placeholder table-placeholder"
-          >Add at least one concept to display the results</v-card-text
-        >
-      </v-row>
-    </v-card>
-  </v-container>
+        </Column>
+      </DataTable>
+      <div v-else class="placeholder table-placeholder">
+        Add at least one concept to display the results
+      </div>
+    </div>
+  </Panel>
+  <ConceptSearchForm
+    :added-concepts="addedConcepts"
+    :success-message="successMessage"
+    :errors="errors"
+    @close="close"
+    @save="(item) => save(item)"
+    @inputChanged="clearMessages"
+    :show="dialog"
+  />
 </template>
 
 <script setup lang="ts">
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import { CONCEPT } from "@/shared/config/files";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import "./index.css";
 
 import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
+import Panel from "primevue/panel";
+import Button from "primevue/button";
 const store = useStore();
 
 import { helpers } from "@/shared/lib/mixins";
+import { links } from "@/shared/config/links";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const addedConcepts = ref({});
 const conceptData = ref([]);
@@ -138,29 +149,6 @@ const save = function (item) {
 const close = function () {
   dialog.value = false;
 };
-const headers = computed(function () {
-  return [
-    {
-      key: "CDM_NAME",
-      title: "Source",
-    },
-    {
-      key: "CONCEPT_ID",
-      title: "Concept ID",
-      align: "end",
-    },
-    {
-      key: `PEOPLE_COUNT`,
-      title: "# People",
-      align: "end",
-    },
-    {
-      key: "PEOPLE_PERCENT",
-      title: "% People",
-      align: "end",
-    },
-  ];
-});
 </script>
 <script lang="ts">
 export default {
@@ -169,6 +157,9 @@ export default {
 </script>
 
 <style scoped>
+.table {
+  flex-grow: 1;
+}
 .table-card {
   padding: 10px;
   width: 100%;
@@ -176,9 +167,10 @@ export default {
 }
 .table-container {
   display: flex;
+  flex-grow: 1;
   justify-content: center;
   padding: 10px;
-  min-height: 70vh;
+  min-height: 60vh;
 }
 .placeholder {
   text-align: center;
diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 2501b961..53766e97 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -1,38 +1,27 @@
 <template>
   <div v-if="!store.getters.getErrors">
-    <v-container fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 class="text-uppercase">NETWORK CONCEPT REPORT</h2>
-          <ReturnButton />
-        </v-layout>
-        <v-row class="ma-2">
-          <v-col cols="3">
-            <v-text-field
-              v-model="concept"
-              prepend-icon="mdi-magnify"
-              label="Enter concept ID"
-              single-line
-              variant="outlined"
-              density="compact"
-              hide-details
-            ></v-text-field>
-          </v-col>
-          <v-col cols="3">
-            <v-select
-              :items="domains"
-              v-model="selected"
-              variant="outlined"
-              density="compact"
-              item-title="text"
-              item-value="value"
-            ></v-select>
-          </v-col>
-          <v-col cols="3">
-            <v-btn color="primary" @click="atClick">Update report </v-btn>
-          </v-col>
-        </v-row>
-        <div v-if="store.getters.getData">
+    <div>
+      <div class="flex flex-col gap-5">
+        <PageHeader title="NETWORK CONCEPT REPORT">
+          <template> <ReturnButton /> </template>
+        </PageHeader>
+        <div class="flex flex-row gap-5">
+          <InputText
+            v-model="concept"
+            prepend-icon="mdi-magnify"
+            label="Enter concept ID"
+          ></InputText>
+          <Dropdown
+            :options="domains"
+            v-model="selected"
+            variant="outlined"
+            density="compact"
+            option-label="text"
+            option-value="value"
+          ></Dropdown>
+          <Button color="primary" @click="atClick">Update report </Button>
+        </div>
+        <div class="flex flex-col gap-5" v-if="store.getters.getData">
           <info-panel
             v-if="metadata"
             :concept="metadata.conceptId"
@@ -86,8 +75,8 @@
         <div v-else>
           <h3 class="text-center">No data available</h3>
         </div>
-      </v-responsive>
-    </v-container>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -112,7 +101,10 @@ import MeasurementsByType from "@/pages/reports/network/NetworkConceptReport/cha
 import LengthOfEra from "@/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue";
 import AgeAtFirstOccurrence from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue";
 import InfoPanel from "@/widgets/infoPanel";
-import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+import Button from "primevue/button";
+import InputText from "primevue/inputtext";
+import Dropdown from "primevue/dropdown";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 31d52fa4..bc4c8bf6 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,6 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Record Count Proportion by Month" />
+  <Panel header="Record Count Proportion by Month">
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -8,26 +7,28 @@
       :chartSpec="specRecordProportionByMonth"
       :data="props.data"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .PREVALENCE_BY_MONTH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .PREVALENCE_BY_MONTH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -36,10 +37,11 @@ import { links } from "@/shared/config/links";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { useStore } from "vuex";
 import { defineProps } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: [];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index a30249aa..3f0003d4 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -1,38 +1,39 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Age at First Diagnosis" />
+  <Panel header="Age at First Diagnosis">
     <Chart
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="props.data"
       width="90"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
               to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_DIAGNOSIS[0]
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_DIAGNOSIS[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -43,10 +44,11 @@ import { defineProps } from "vue";
 import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 08d887ac..47cb8250 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -1,35 +1,35 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Age At First Exposure" />
-
+  <Panel header="Age At First Exposure">
     <Chart
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="props.data"
       width="85"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
               to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_EXPOSURE[0]
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_EXPOSURE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -39,10 +39,10 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { defineProps } from "vue";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 interface Props {
   data: [];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index a4546baf..0931c21a 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -1,35 +1,35 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Age at First Occurrence" />
-
+  <Panel header="Age at First Occurrence">
     <Chart
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
       :data="props.data"
       width="90"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
               to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_EXPOSURE[0]
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_EXPOSURE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -39,11 +39,12 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index a6f3de93..f8e86661 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -1,35 +1,36 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Conditions by Type" />
+  <Panel header="Conditions by Type">
     <Chart
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
       :data="props.data"
       width="85"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about Condition types."
-        @iconClicked="
-          helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
-        "
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .CONDITIONS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about Condition types."
+          @iconClicked="
+            helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
+          "
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .CONDITIONS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -41,10 +42,11 @@ import { defineProps } from "vue";
 import { specConditionsByType } from "./specConditionsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index 906608cd..81eea23c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -1,34 +1,34 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Days Supply" />
-
+  <Panel header="Days Supply">
     <Chart
       id="viz-dayssupply"
       :chartSpec="specDaysSupply"
       :data="props.data"
       width="95"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how to interpret this plot"
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .DAYS_SUPPLY_DISTRIBUTION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how to interpret this plot"
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .DAYS_SUPPLY_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -38,11 +38,12 @@ import { links } from "@/shared/config/links";
 import { specDaysSupply } from "./specDaysSupply";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { defineProps } from "vue";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index b2b0a1af..effca39f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -1,34 +1,34 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Drugs by Type" />
-
+  <Panel header="Drugs by Type">
     <Chart
       id="viz-drugsbytype"
       :chartSpec="specDrugsByType"
       :data="props.data"
       width="90"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about drug types."
-        @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .DRUGS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about drug types."
+          @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .DRUGS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,12 +37,13 @@ import { links } from "@/shared/config/links";
 import { specDrugsByType } from "./specDrugsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 import { defineProps } from "vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: RecordsCountType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index 5c00f201..784c58f6 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Length of Era" />
-
+  <Panel header="Length of Era">
     <Chart
       id="viz-lengthofera"
       :chartSpec="specLengthOfEra"
       :data="props.data"
       width="80"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .LENGTH_OF_ERA[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .LENGTH_OF_ERA[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -33,10 +33,11 @@ import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { mdiCodeBraces } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index f72712f8..e9b87246 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -1,47 +1,48 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Measurement Value Distributions by Database and Unit" />
-    <v-layout class="pa-4">
-      <v-select
+  <Panel header="Measurement Value Distributions by Database and Unit">
+    <div class="pa-4">
+      <MultiSelect
         v-model="selectedMeasurementUnits"
         class="mr-13"
-        :items="getMeasurementUnits"
+        :options="getMeasurementUnits"
         variant="outlined"
         hide-selected
         closable-chips
         chips
         label="Filter units"
         multiple
-      ></v-select>
-    </v-layout>
+      ></MultiSelect>
+    </div>
     <Chart
       id="viz-networkmeasurementvaluedistribution"
       ref="measurementvalue"
       :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
               to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.MEASUREMENT
-                .MEASUREMENT_VALUE_DISTRIBUTION[0]
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.MEASUREMENT
+                  .MEASUREMENT_VALUE_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -50,11 +51,13 @@ import { specMeasurementValueDistribution } from "./specMeasurementValueDistribu
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { computed, ref, Ref, defineProps } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { useRouter } from "vue-router";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import Panel from "primevue/panel";
+import MultiSelect from "primevue/multiselect";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
index c1c1a2c8..94cbc075 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
@@ -1,16 +1,40 @@
 <template>
-  <v-card v-if="store.getters.getData.table" elevation="10" class="ma-4">
-    <v-data-table density="compact" :headers="headers" :items="props.data">
-    </v-data-table>
-  </v-card>
+  <Panel
+    header="Measurement Value Distribution Table"
+    v-if="store.getters.getData.table"
+    elevation="10"
+    class="ma-4"
+  >
+    <DataTable
+      removable-sort
+      size="small"
+      paginator
+      :value="props.data"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
+    >
+      <Column sortable header="Source" field="SOURCE"></Column>
+      <Column sortable header="Unit" field="CATEGORY"></Column>
+      <Column sortable header="Release" field="RELEASE"></Column>
+      <Column sortable header="Count Value" field="UNIT_COUNT"></Column>
+      <Column sortable header="Min Value" field="MIN_VALUE"></Column>
+      <Column sortable header="P10 Value" field="P10_VALUE"></Column>
+      <Column sortable header="P25 Value" field="P25_VALUE"></Column>
+      <Column sortable header="Median Value" field="MEDIAN_VALUE"></Column>
+      <Column sortable header="P75 Value" field="P75_VALUE"></Column>
+      <Column sortable header="P90 Value" field="P90_VALUE"></Column>
+      <Column sortable header="Max Value" field="MAX_VALUE"></Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { useStore } from "vuex";
-import { ref, Ref, defineProps } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Panel from "primevue/panel";
 const store = useStore();
 
 interface Props {
@@ -18,75 +42,6 @@ interface Props {
 }
 
 const props = defineProps<Props>();
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Source",
-    sortable: true,
-    key: "SOURCE",
-    align: "start",
-  },
-  {
-    title: "Unit",
-    sortable: true,
-    key: "CATEGORY",
-    align: "start",
-  },
-  {
-    title: "Release",
-    sortable: true,
-    key: "RELEASE",
-    align: "start",
-  },
-  {
-    title: "Count value",
-    sortable: true,
-    key: "UNIT_COUNT",
-    align: "start",
-  },
-  {
-    title: "Min Value",
-    sortable: true,
-    key: "MIN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P10 Value",
-    sortable: true,
-    key: "P10_VALUE",
-    align: "start",
-  },
-  {
-    title: "P25 Value",
-    sortable: true,
-    key: "P25_VALUE",
-    align: "start",
-  },
-  {
-    title: "Median Value",
-    sortable: true,
-    key: "MEDIAN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P75 Value",
-    sortable: true,
-    key: "P75_VALUE",
-    align: "start",
-  },
-  {
-    title: "P90 Value",
-    sortable: true,
-    key: "P90_VALUE",
-    align: "start",
-  },
-  {
-    title: "Max Value",
-    sortable: true,
-    key: "MAX_VALUE",
-    align: "start",
-  },
-]);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index 6f63d07e..e094f70c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -1,33 +1,34 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Measurements by Type" />
+  <Panel header="Measurements by Type">
     <Chart
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
       :data="props.data"
       width="85"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about Measurement types."
-        @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .MEASUREMENTS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about Measurement types."
+          @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .MEASUREMENTS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,10 +38,11 @@ import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: RecordsCountType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index d18d1890..14f5dfbc 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -1,35 +1,35 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Quantity" />
-
+  <Panel header="Quantity">
     <Chart
       id="viz-quantity"
       :chartSpec="specQuantity"
       :data="props.data"
       width="95"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
               to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .QUANTITY_DISTRIBUTION[0]
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .QUANTITY_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -38,15 +38,16 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+import Panel from "primevue/panel";
 
 import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index 4e30f479..3d12ae9c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Records by Unit" />
-
+  <Panel header="Records by Unit">
     <Chart
       id="viz-recordsbyunit"
       :chartSpec="specRecordsByUnit"
       :data="props.data"
       width="85"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .RECORDS_BY_UNIT[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .RECORDS_BY_UNIT[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -33,10 +33,11 @@ import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
+import { mdiCodeBraces } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: RecordsCountType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index c9f75a0f..eb681f61 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Visit Duration By Type" />
-
+  <Panel header="Visit Duration By Type">
     <Chart
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
       :data="props.data"
       width="90"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .VISIT_DURATION_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .VISIT_DURATION_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -33,10 +33,11 @@ import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
 import { defineProps } from "vue";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
+import { mdiCodeBraces } from "@mdi/js";
+import Panel from "primevue/panel";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
index b5a62011..f7756ebe 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
@@ -1,66 +1,105 @@
 <template>
-  <v-container fluid>
-    <v-data-table
-      class="mb-4"
-      density="compact"
-      hide-default-footer
-      disable-pagination
-      :headers="getDomainHeaders"
-      :items="getDomainsData"
+  <Panel toggleable header="Desired Domains" fluid>
+    <DataTable
+      removable-sort
+      size="small"
+      :value="getDomainsData"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template v-slot:top>
-        <v-select
-          variant="outlined"
-          density="compact"
+      <template #header>
+        <MultiSelect
           v-model="switchDomains"
-          :items="items"
-          chips
-          label="Select domains"
-          closable-chips
-          multiple
-          item-title="text"
-          item-value="value"
-          hide-selected
-        ></v-select>
-      </template>
-      <template v-slot:item.condition_occurrence.data="{ item }">{{
-        item.raw.condition_occurrence.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.drug_exposure.data="{ item }">{{
-        item.raw.drug_exposure.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.device_exposure.data="{ item }">{{
-        item.raw.device_exposure.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.measurement.data="{ item }">{{
-        item.raw.measurement.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.death.data="{ item }">{{
-        item.raw.death.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.procedure_occurrence.data="{ item }">{{
-        item.raw.procedure_occurrence.data ? "Yes" : "No"
-      }}</template>
-      <template v-slot:item.observation_period.data="{ item }">{{
-        item.raw.observation_period.data ? "Yes" : "No"
-      }}</template>
-    </v-data-table>
-    <v-divider></v-divider>
-    <v-alert
-      color="message"
-      density="compact"
-      icon="mdi-help-rhombus"
-      prominent
-    >
+          :options="items"
+          display="chip"
+          option-value="value"
+          option-label="text"
+          placeholder="Select domains"
+        ></MultiSelect
+      ></template>
+      <Column header="Data Source" field="cdm_name"></Column>
+      <Column
+        :hiden="!getDomainsData[0]?.condition_occurrence.show"
+        sortable
+        header="Condition Occurrence"
+        field="condition_occurrence.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.condition_occurrence.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.drug_exposure.show"
+        sortable
+        header="Drug Exposure"
+        field="drug_exposure.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.drug_exposure.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.device_exposure.show"
+        header="Device Exposure"
+        field="device_exposure.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.device_exposure.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.measurement.show"
+        header="Measurement"
+        field="measurement.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.measurement.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.death.show"
+        header="Death"
+        field="death.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.death.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.procedure_occurrence.show"
+        header="Procedure Occurrence"
+        field="procedure_occurrence.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.procedure_occurrence.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getDomainsData[0]?.observation_period.show"
+        header="Observation"
+        field="observation_period.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.observation_period.data ? "Yes" : "No" }}
+        </template>
+      </Column>
+    </DataTable>
+
+    <Divider></Divider>
+    <Message :closable="false" severity="info">
       This section shows data availability for chosen domains.
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-
 import { computed, ref, watch, defineProps, defineEmits } from "vue";
+import Message from "primevue/message";
+import Panel from "primevue/panel";
+import Divider from "primevue/divider";
+import MultiSelect from "primevue/multiselect";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 interface Props {
   data: [];
@@ -78,67 +117,6 @@ const items = ref([
   { value: "observation_period", text: "Observation" },
 ]);
 
-const getDomainHeaders = computed(function () {
-  return [
-    {
-      title: "Data Source",
-      align: "start",
-      sortable: false,
-      key: "cdm_name",
-      show: true,
-    },
-    {
-      title: "Condition Occurrence",
-      align: "start",
-      sortable: false,
-      key: "condition_occurrence.data",
-      show: getDomainsData.value[0]?.condition_occurrence.show,
-    },
-    {
-      title: "Drug Exposure",
-      align: "start",
-      sortable: false,
-      key: "drug_exposure.data",
-      show: getDomainsData.value[0]?.drug_exposure.show,
-    },
-    {
-      title: "Device Exposure",
-      align: "start",
-      sortable: false,
-      key: "device_exposure.data",
-      show: getDomainsData.value[0]?.device_exposure.show,
-    },
-    {
-      title: "Measurement",
-      align: "start",
-      sortable: false,
-      key: "measurement.data",
-      show: getDomainsData.value[0]?.measurement.show,
-    },
-    {
-      title: "Death",
-      align: "start",
-      sortable: false,
-      key: "death.data",
-      show: getDomainsData.value[0]?.death.show,
-    },
-    {
-      title: "Procedure Occurrence",
-      align: "start",
-      sortable: false,
-      key: "procedure_occurrence.data",
-      show: getDomainsData.value[0]?.procedure_occurrence.show,
-    },
-    {
-      title: "Observation",
-      align: "start",
-      sortable: false,
-      key: "observation_period.data",
-      show: getDomainsData.value[0]?.observation_period.show,
-    },
-  ].filter((x) => x.show);
-});
-
 const domainMap = ref({
   condition_occurrence: "1000000",
   drug_exposure: "0100000",
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
index 9c0ed7ad..baf986b4 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
@@ -1,53 +1,52 @@
 <template>
-  <v-container fluid>
-    <v-data-table
-      class="mb-4"
-      density="compact"
-      :hide-default-footer="true"
-      :disable-pagination="true"
-      :headers="domainHeaders"
-      :items="getDomainsData"
+  <Panel header="Domain Requirements" toggleable fluid>
+    <DataTable
+      removable-sort
+      size="small"
+      :value="getDomainsData"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template v-slot:top>
-        <v-select
+      <template #header>
+        <MultiSelect
           v-model="switchDomains"
-          :items="items"
-          chips
-          variant="outlined"
-          item-value="value"
-          item-title="text"
-          label="Select domains"
-          closable-chips
-          multiple
-          hide-selected
+          :options="items"
+          display="chip"
+          option-value="value"
+          option-label="text"
+          placeholder="Select domains"
           @update:modelValue="updateBits"
-        ></v-select>
-      </template>
-      <template v-slot:item.percentage="{ item }">{{
-        (item.raw.percentage * 100).toFixed(2)
-      }}</template>
-      <template v-slot:item.population="{ item }">{{
-        formatComma(item.raw.population)
-      }}</template>
-    </v-data-table>
-    <v-divider></v-divider>
-    <v-alert
-      color="message"
-      density="compact"
-      icon="mdi-help-rhombus"
-      prominent
-    >
+        ></MultiSelect
+      ></template>
+      <Column header="Data Source" field="cdm_name"></Column>
+      <Column sortable header="Person Count" field="population">
+        <template #body="slotProps">
+          {{ formatComma(slotProps.data.population) }}
+        </template>
+      </Column>
+      <Column sortable header="%" field="percentage">
+        <template #body="slotProps">
+          {{ (slotProps.data.percentage * 100).toFixed(2) }}
+        </template>
+      </Column>
+    </DataTable>
+    <Divider />
+    <Message :closable="false" severity="info">
       This section uses pre-calculated data to display % of overlapping values
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import * as d3Format from "d3-format";
-import { VDataTable } from "vuetify/labs/VDataTable";
 
 import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Panel from "primevue/panel";
+import MultiSelect from "primevue/multiselect";
+import Divider from "primevue/divider";
+import Message from "primevue/message";
 
 interface Props {
   data: [];
@@ -60,24 +59,6 @@ const formatComma = function (value) {
 };
 
 const switchDomains = ref([]);
-const domainHeaders: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Data Source",
-    align: "start",
-    sortable: false,
-    key: "cdm_name",
-  },
-  {
-    title: "Person Count",
-    key: "population",
-    align: "end",
-  },
-  {
-    title: "%",
-    key: "percentage",
-    align: "end",
-  },
-]);
 const items = ref([
   { value: "condition_occurrence", text: "Condition occurrence" },
   { value: "drug_exposure", text: "Drug exposure" },
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
index 74e66f77..2b14c836 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
@@ -1,72 +1,147 @@
 <template>
-  <v-container fluid>
-    <v-data-table
-      class="mb-4"
-      density="compact"
-      :hide-default-footer="true"
-      :disable-pagination="true"
-      :headers="headers"
-      :items="getEstimations"
-      :sort-by="['estimation']"
-      :sort-desc="[true, false]"
+  <Panel toggleable header="Data Source Feasibility Overview">
+    <DataTable
+      removable-sort
+      size="small"
+      sortField="estimation"
+      :sortOrder="-1"
+      :value="getEstimations"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template v-slot:item.domain_percent.data="{ item }">{{
-        item.raw.domain_percent.data
-          ? (item.raw.domain_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.observation_percent.data="{ item }">{{
-        item.raw.observation_percent.data
-          ? (item.raw.observation_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.visit_types_percent.data="{ item }">{{
-        item.raw.visit_types_percent.data
-          ? (item.raw.visit_types_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.concepts_percent.data="{ item }">{{
-        item.raw.concepts_percent.data
-          ? (item.raw.concepts_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.cumulative_duration_percent.data="{ item }">{{
-        item.raw.cumulative_duration_percent.data
-          ? (item.raw.cumulative_duration_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.population.data="{ item }">{{
-        item.raw.population.data
-          ? formatComma(item.raw.population.data)
-          : "No data"
-      }}</template>
-      <template v-slot:item.estimation="{ item }">{{
-        item.raw.estimation
-          ? formatComma(item.raw.estimation.toFixed(2))
-          : "No data"
-      }}</template>
-      <template v-slot:item.population_age_percent.data="{ item }">{{
-        item.raw.population_age_percent.data
-          ? (item.raw.population_age_percent.data * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.desired_domain_value.data="{ item }">{{
-        item.raw.desired_domain_value.data ? "Present" : "No data"
-      }}</template>
-    </v-data-table>
-    <v-divider></v-divider>
-    <v-alert color="message" dark dense icon="mdi-help-rhombus" prominent>
+      <Column header="Data Source" field="cdm_name"></Column>
+      <Column sortable header="Source population" field="population.data">
+        <template #body="slotProps">
+          {{
+            slotProps.data.population.data
+              ? formatComma(slotProps.data.population.data)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].domain_percent.isIncluded"
+        sortable
+        header="% Required Domains"
+        field="domain_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.domain_percent.data
+              ? (slotProps.data.domain_percent.data * 100).toFixed(2)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].desired_domain_value.isIncluded"
+        sortable
+        header="Desired Domains"
+        field="desired_domain_value.data"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.desired_domain_value.data ? "Present" : "No data" }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].cumulative_duration_percent.isIncluded"
+        sortable
+        header="% Cumulative Observation"
+        field="cumulative_duration_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.cumulative_duration_percent.data
+              ? (slotProps.data.cumulative_duration_percent.data * 100).toFixed(
+                  2
+                )
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].population_age_percent.isIncluded"
+        sortable
+        header="% Population by age"
+        field="population_age_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.population_age_percent.data
+              ? (slotProps.data.population_age_percent.data * 100).toFixed(2)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].observation_percent.isIncluded"
+        sortable
+        header="% Observed"
+        field="observation_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.observation_percent.data
+              ? (slotProps.data.observation_percent.data * 100).toFixed(2)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].visit_types_percent.isIncluded"
+        sortable
+        header="% Visit types"
+        field="visit_types_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.visit_types_percent.data
+              ? (slotProps.data.visit_types_percent.data * 100).toFixed(2)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column
+        :hidden="!getEstimations[0].concepts_percent.isIncluded"
+        sortable
+        header="% Concepts"
+        field="concepts_percent.data"
+      >
+        <template #body="slotProps">
+          {{
+            slotProps.data.concepts_percent.data
+              ? (slotProps.data.concepts_percent.data * 100).toFixed(2)
+              : "No data"
+          }}
+        </template>
+      </Column>
+      <Column sortable header="Estimated population" field="estimation">
+        <template #body="slotProps">
+          {{
+            slotProps.data.estimation
+              ? formatComma(slotProps.data.estimation.toFixed(2))
+              : "No data"
+          }}
+        </template>
+      </Column>
+    </DataTable>
+    <Divider />
+    <Message :closable="false" severity="info">
       This section derives data from the sections above. The contents of the
       table depend on the sections used in calculations.
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import * as d3Format from "d3-format";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { computed, defineProps } from "vue";
 import { useStore } from "vuex";
+import Message from "primevue/message";
+import Divider from "primevue/divider";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Panel from "primevue/panel";
 
 const store = useStore();
 
@@ -242,11 +317,3 @@ const getEstimations = computed(function () {
     }));
 });
 </script>
-
-<script lang="ts">
-export default {
-  name: "FinalEstimation",
-};
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
index e45a8c98..5a75b46f 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
@@ -1,141 +1,168 @@
 <template>
-  <v-container fluid>
-    <v-container fluid class="mb-4">
-      <v-card-subtitle>Age range</v-card-subtitle>
-      <v-range-slider
-        density="compact"
-        step="1"
-        v-model="rangeAge"
-        :max="getAgeMinMax[1]"
-        :min="getAgeMinMax[0]"
-        hide-details
-        class="align-center"
-      >
-        <template v-slot:prepend>
-          <v-text-field
-            v-model="rangeAge[0]"
-            hide-details
-            single-line
-            type="number"
-            variant="underlined"
-            style="width: 60px"
-          ></v-text-field>
-        </template>
-        <template v-slot:append>
-          <v-text-field
-            v-model="rangeAge[1]"
-            hide-details
-            single-line
-            type="number"
-            style="width: 60px"
-            variant="underlined"
-          ></v-text-field>
-        </template>
-      </v-range-slider>
-      <v-card-subtitle>Observation year range</v-card-subtitle>
-      <v-range-slider
-        step="1"
-        density="compact"
-        v-model="rangeYear"
-        :max="getYearsMinMax[1]"
-        :min="getYearsMinMax[0]"
-        hide-details
-        class="align-center"
-      >
-        <template v-slot:prepend>
-          <v-text-field
-            v-model="rangeYear[0]"
-            class="mt-0 pt-0"
-            hide-details
-            single-line
-            variant="underlined"
-            type="number"
-            style="width: 60px"
-          ></v-text-field>
-        </template>
-        <template v-slot:append>
-          <v-text-field
-            v-model="rangeYear[1]"
-            class="mt-0 pt-0"
-            hide-details
-            single-line
-            variant="underlined"
-            type="number"
-            style="width: 60px"
-          ></v-text-field>
-        </template>
-      </v-range-slider>
-      <v-card-subtitle>Minimum continuous observation</v-card-subtitle>
-      <v-slider
-        step="1"
-        v-model="continuousObservation[0]"
-        :min="getDurationMinMax[0]"
-        :max="getDurationMinMax[1]"
-        hide-details
-        class="align-center"
+  <Panel toggleable header="Range Requirements" fluid>
+    <div class="flex flex-col gap-5">
+      <div class="flex flex-col gap-10">
+        <div class="flex flex-col gap-3">
+          <h3>Age range</h3>
+          <div class="flex flex-row gap-4 items-center">
+            <InputText
+              style="width: 5rem"
+              :inputmode="'numeric'"
+              v-model="rangeAge[0]"
+            />
+            <Slider
+              class="flex-grow"
+              range
+              :step="1"
+              :min="getAgeMinMax[0]"
+              :max="getAgeMinMax[1]"
+              v-model="rangeAge"
+            />
+            <InputText
+              style="width: 5rem"
+              :inputmode="'numeric'"
+              v-model="rangeAge[1]"
+            />
+          </div>
+        </div>
+        <div class="flex flex-col gap-3">
+          <h3>Observation year range</h3>
+          <div class="flex flex-row gap-4 items-center">
+            <InputText
+              style="width: 5rem"
+              :inputmode="'numeric'"
+              v-model="rangeYear[0]"
+            />
+            <Slider
+              class="flex-grow"
+              range
+              :step="1"
+              :min="getYearsMinMax[0]"
+              :max="getYearsMinMax[1]"
+              v-model="rangeYear"
+            />
+            <InputText
+              style="width: 5rem"
+              :inputmode="'numeric'"
+              v-model="rangeYear[1]"
+            />
+          </div>
+        </div>
+        <div class="flex flex-col gap-3">
+          <h3>Minimum continuous observation</h3>
+
+          <div class="flex flex-row gap-4 items-center">
+            <InputText
+              style="width: 5rem"
+              :inputmode="'numeric'"
+              v-model="continuousObservation[0]"
+            />
+            <Slider
+              class="flex-grow"
+              :step="1"
+              :min="getDurationMinMax[0]"
+              :max="getDurationMinMax[1]"
+              v-model="continuousObservation[0]"
+            />
+          </div>
+        </div>
+      </div>
+      <DataTable
+        removable-sort
+        size="small"
+        :value="getRangeData"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <template v-slot:prepend>
-          <v-text-field
-            v-model="continuousObservation[0]"
-            class="mt-0 pt-0"
-            hide-details
-            variant="underlined"
-            single-line
-            type="number"
-            style="width: 60px"
-          ></v-text-field>
-        </template>
-      </v-slider>
-    </v-container>
-    <v-data-table dense :headers="yearHeaders" :items="getRangeData">
-      <template v-slot:item.population_observed="{ item }">{{
-        !isNaN(item.raw.population_observed)
-          ? formatComma(item.raw.population_observed)
-          : "No data"
-      }}</template>
-      <template v-slot:item.population_age="{ item }">{{
-        item.raw.population_age
-          ? formatComma(item.raw.population_age)
-          : "No data"
-      }}</template>
-      <template v-slot:item.average_population_percentage="{ item }">{{
-        item.raw.average_population_percentage
-          ? (item.raw.average_population_percentage * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.continuous_duration="{ item }">{{
-        item.raw.continuous_duration
-          ? (item.raw.continuous_duration * 100).toFixed(2)
-          : "No data"
-      }}</template>
-      <template v-slot:item.population_age_percent="{ item }">{{
-        item.raw.population_age_percent
-          ? (item.raw.population_age_percent * 100).toFixed(2)
-          : "No data"
-      }}</template>
-    </v-data-table>
-    <v-divider></v-divider>
-    <v-alert
-      color="message"
-      density="compact"
-      icon="mdi-help-rhombus"
-      prominent
-    >
+        <Column header="Data Source" field="cdm_name"></Column>
+        <Column
+          sortable
+          header="Population in the Age range"
+          field="population_age"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.population_age
+                ? formatComma(slotProps.data.population_age)
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          sortable
+          header="% in the Age range"
+          field="population_age_percent"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.population_age_percent
+                ? (slotProps.data.population_age_percent * 100).toFixed(2)
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          sortable
+          header="Cumulative observation %"
+          field="cumulative_duration"
+        >
+        </Column>
+        <Column
+          sortable
+          header="Average observed population per month"
+          field="population_observed"
+        >
+          <template #body="slotProps">
+            {{
+              !isNaN(slotProps.data.population_observed)
+                ? formatComma(slotProps.data.population_observed)
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          sortable
+          header="Average observed % population per month"
+          field="average_population_percentage"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.average_population_percentage
+                ? (slotProps.data.average_population_percentage * 100).toFixed(
+                    2
+                  )
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column sortable header="Years observed" field="years_observed">
+        </Column>
+      </DataTable>
+    </div>
+
+    <Divider />
+    <Message :closable="false" severity="info">
       The continuous duration column shows the lowest % of all values found in
       the range.
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { timeParse } from "d3-time-format";
 import * as d3Format from "d3-format";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
 import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import Message from "primevue/message";
+import Divider from "primevue/divider";
+import Panel from "primevue/panel";
+import InputText from "primevue/inputtext";
+import Slider from "primevue/slider";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 interface Props {
   observationPeriod: MultipleFilesRawInterface<ObservationPeriodType>[];
@@ -147,45 +174,6 @@ const props = defineProps<Props>();
 const rangeAge: Ref<number[]> = ref([0, 100]);
 const rangeYear: Ref<number[]> = ref([1900, 2021]);
 const continuousObservation: Ref<number[]> = ref([50]);
-const yearHeaders: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Data source",
-    align: "start",
-    sortable: false,
-    key: "cdm_name",
-  },
-  {
-    title: "Population in the Age range",
-    key: "population_age",
-    align: "end",
-  },
-  {
-    title: "% in the Age range",
-    key: "population_age_percent",
-    align: "end",
-  },
-  {
-    title: "Cumulative observation %",
-    key: "cumulative_duration",
-    align: "end",
-  },
-  {
-    title: "Average observed population per month",
-    key: "population_observed",
-    align: "end",
-  },
-  {
-    title: "Average observed % population per month",
-    key: "average_population_percentage",
-    align: "end",
-  },
-  {
-    title: "Years observed",
-    key: "years_observed",
-    align: "end",
-  },
-]);
-
 const getRangeData = computed(function () {
   const person = props.person;
   const timeparse = timeParse("%Y%m");
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 4774e851..c1641958 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -1,127 +1,148 @@
 <template>
-  <v-container fluid>
-    <v-data-table
-      class="mb-4"
-      show-expand
-      density="compact"
-      item-key="cdm_name"
-      v-model:expanded="expanded"
-      :headers="headers"
-      :items="getSourcesOverview"
+  <Panel toggleable header="Concept Requirements" fluid>
+    <DataTable
+      v-model:expandedRows="expanded"
+      removable-sort
+      size="small"
+      :value="getSourcesOverview"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template v-slot:top>
-        <v-toolbar color="transparent" density="compact" flat>
-          <v-spacer></v-spacer>
-          <v-dialog v-model="dialog" max-width="1000px">
-            <template v-slot:activator="{ props }">
-              <v-btn variant="flat" color="primary" class="mb-2" v-bind="props">
-                Add concept
-              </v-btn>
-            </template>
-            <ConceptSearchForm
-              :added-concepts="addedConcepts"
-              :success-message="successMessage"
-              :errors="errors"
-              @close="close"
-              @save="(item) => save(item)"
-              @inputChanged="clearMessages"
-            />
-          </v-dialog>
-        </v-toolbar>
+      <template #header>
+        <div class="flex flex-row justify-end">
+          <Button @click="dialog = !dialog" plain>
+            <span class="uppercase font-thin text-grey"
+              >Add concepts
+            </span></Button
+          >
+        </div>
+
+        <ConceptSearchForm
+          :added-concepts="addedConcepts"
+          :success-message="successMessage"
+          :errors="errors"
+          @close="close"
+          @save="(item) => save(item)"
+          @inputChanged="clearMessages"
+          :show="dialog"
+        />
       </template>
-      <template v-slot:item.min_population="{ item }">{{
-        helpers.formatComma(item.raw.min_population) || "No data"
-      }}</template>
-      <template v-slot:item.max_population="{ item }">{{
-        helpers.formatComma(item.raw.max_population) || "No data"
-      }}</template>
-      <template v-slot:item.concepts.length="{ item }">{{
-        `${item.raw.concepts.length}/${addedConceptsCount}`
-      }}</template>
-      <template v-slot:expanded-row="{ columns, item }">
-        <td :colspan="columns.length">
-          <v-data-table
-            :hide-default-footer="true"
-            :disable-pagination="true"
-            density="compact"
-            :headers="conceptHeaders"
-            :items="item.raw.concepts"
-            class="elevation-1 accent"
+      <Column header="Source" field="cdm_name"> </Column>
+      <Column sortable header="Issues" field="issues"> </Column>
+      <Column header="Time-series issues" field="time_series_issues"></Column>
+      <Column sortable header="Available concepts" field="concepts.length">
+        <template #body="slotProps">
+          {{ `${slotProps.data.concepts.length}/${addedConceptsCount}` }}
+        </template>
+      </Column>
+      <Column header="Min population" field="min_population">
+        <template #body="slotProps">
+          {{ helpers.formatComma(slotProps.data.min_population) || "No data" }}
+        </template>
+      </Column>
+      <Column sortable header="Max population" field="max_population">
+        <template #body="slotProps">
+          {{ helpers.formatComma(slotProps.data.max_population) || "No data" }}
+        </template>
+      </Column>
+      <Column style="width: 5rem" expander> </Column>
+      <template #expansion="slotProps">
+        <DataTable
+          removable-sort
+          size="small"
+          :value="slotProps.data.concepts"
+          :rows="10"
+          :rowsPerPageOptions="[5, 10, 20, 50]"
+        >
+          <Column header="Concept ID" field="concept_id"></Column>
+          <Column sortable header="Concept Name" field="concept_name"> </Column>
+          <Column sortable header="Domain" field="domain">
+            <template #body="slotProps">
+              {{ (slotProps.data.percentage * 100).toFixed(2) }}
+            </template>
+          </Column>
+          <Column sortable header="Population" field="population">
+            <template #body="slotProps">
+              {{ helpers.formatComma(slotProps.data.population) }}
+            </template>
+          </Column>
+          <Column sortable header="%" field="percentage">
+            <template #body="slotProps">
+              {{ (slotProps.data.percentage * 100).toFixed(2) || "No data" }}
+            </template>
+          </Column>
+          <Column sortable header="Time series" field="time_series">
+            <template #body="slotProps">
+              {{
+                slotProps.data.time_series
+                  ? slotProps.data.time_series[0] === false
+                    ? "Non-stationary"
+                    : "Stationary"
+                  : "No data"
+              }}
+            </template>
+          </Column>
+          <Column sortable header="Issues" field="issues">
+            <template #body="slotProps">
+              {{ slotProps.issues ? slotProps.data.issues[0] : "" }}
+            </template>
+          </Column>
+          <Column
+            :hidden="
+              ![
+                ...getSourcesOverview.map((value) =>
+                  value.concepts.filter(
+                    (concept) => concept.domain === 'MEASUREMENT'
+                  )
+                ),
+              ].filter((value) => value.length).length
+            "
+            sortable
+            header="% with values"
+            field="measurement"
           >
-            <template v-slot:item.time_series="{ item }">{{
-              item.raw.time_series
-                ? item.raw.time_series[0] === false
-                  ? "Non-stationary"
-                  : "Stationary"
-                : "No data"
-            }}</template>
-            <template v-slot:item.issues="{ item }">{{
-              item.issues ? item.raw.issues[0] : ""
-            }}</template>
-            <template v-slot:item.percentage="{ item }">{{
-              (item.raw.percentage * 100).toFixed(2) || "No data"
-            }}</template>
-            <template v-slot:item.population="{ item }">{{
-              helpers.formatComma(item.raw.population)
-            }}</template>
-            <template v-slot:item.measurement="{ item }">{{
-              !item.raw.measurement
-                ? isNaN(item.raw.measurement)
-                  ? "No data"
-                  : "N/A"
-                : item.raw.measurement
-            }}</template>
-          </v-data-table>
-        </td>
+            <template #body="slotProps">
+              {{
+                !slotProps.data.measurement
+                  ? isNaN(slotProps.data.measurement)
+                    ? "No data"
+                    : "N/A"
+                  : slotProps.data.measurement
+              }}
+            </template>
+          </Column>
+        </DataTable>
       </template>
-      <template v-slot:no-data><div>No concepts selected</div></template>
-    </v-data-table>
-    <v-divider></v-divider>
-    <v-alert
-      color="message"
-      dark
-      density="compact"
-      icon="mdi-help-rhombus"
-      prominent
-    >
+    </DataTable>
+    <Divider />
+    <Message :closable="false" severity="info">
       The overview section uses the smallest population count of all added
       concepts in estimations.
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
-import * as d3Format from "d3-format";
 import { helpers } from "@/shared/lib/mixins";
 import { computed, ref, watch, defineEmits, Ref, onBeforeMount } from "vue";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Message from "primevue/message";
+import Divider from "primevue/divider";
+import Panel from "primevue/panel";
 
 const store = useStore();
-
+const dialog: Ref<boolean> = ref(false);
 const addedConcepts = ref({});
-const dialog = ref(false);
 const errors = ref("");
 const conceptsData = ref([]);
 const successMessage = ref([]);
-const headers = ref([
-  {
-    title: "Source",
-    align: "start",
-    sortable: false,
-    key: "cdm_name",
-  },
-  { title: "Issues", key: "issues" },
-  { title: "Time-series issues", key: "time_series_issues" },
-  { title: "Available concepts", key: "concepts.length" },
-  { title: "Min population", key: "min_population" },
-  { title: "Max population", key: "max_population" },
-]);
 const expanded = ref([]);
 const sources = ref([]);
 
@@ -132,19 +153,12 @@ const addedConceptsCount = computed(function () {
 });
 
 const emit = defineEmits(["overlappingDataChanged"]);
-/*
-watch(dialog, (val) => {
-  val || close();
-  if (this.$refs?.form) {
-    this.$refs.form.resetValidation();
-  }
-});*/
 
 const filterSourcesWithData = computed(function () {
   return sources.value.filter((data) => data.concepts.length);
 });
 watch(filterSourcesWithData, () => {
-  emit("overlappingDataChanged", filterSourcesWithData);
+  emit("overlappingDataChanged", filterSourcesWithData.value);
 });
 
 const getSourcesOverview = computed(function () {
@@ -168,32 +182,6 @@ const getSourcesOverview = computed(function () {
     ).length,
   }));
 });
-const conceptHeaders = computed(function () {
-  return [
-    {
-      title: "Concept ID",
-      align: "start",
-      sortable: false,
-      key: "concept_id",
-      show: true,
-    },
-    { title: "Concept Name", key: "concept_name", show: true },
-    { title: "Domain", key: "domain", show: true },
-    { title: "Population", key: "population", show: true },
-    { title: "%", key: "percentage", show: true },
-    { title: "Time series", key: "time_series", show: true },
-    { title: "Issues", key: "issues", show: true },
-    {
-      title: "% with values",
-      key: "measurement",
-      show: [
-        ...getSourcesOverview.value.map((value) =>
-          value.concepts.filter((concept) => concept.domain === "MEASUREMENT")
-        ),
-      ].filter((value) => value.length).length,
-    },
-  ].filter((header) => header.show);
-});
 
 const clearMessages = function () {
   errors.value = "";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
index 6cebcd9f..68bfa51e 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
@@ -1,71 +1,76 @@
 <template>
-  <v-container fluid>
-    <v-row class="mb-4">
-      <v-col>
-        <v-data-table
-          v-model="visitTypesSelected"
-          density="compact"
-          item-key="concept_id"
-          :search="visitTypesSearch"
-          :headers="domainSummaryHeaders"
-          :items="getVisitTypes"
-          show-select
-        >
-          <template v-slot:top>
-            <v-text-field
-              density="compact"
-              variant="outlined"
-              v-model="visitTypesSearch"
-              label="Filter Visit Types"
-              class="mx-4"
-            ></v-text-field>
-          </template>
-        </v-data-table>
-      </v-col>
-      <v-col>
-        <v-data-table
-          density="compact"
-          :search="resultsSearch"
-          item-key="cdm_name"
-          :items="getSmallestVisitTypeValue"
-          :headers="domainTypesResults"
-        >
-          <template v-slot:top>
-            <v-text-field
-              v-model="resultsSearch"
-              density="compact"
-              variant="outlined"
-              label="Filter Data Sources "
-              class="mx-4"
-            ></v-text-field>
+  <Panel toggleable header="Visit Type Requirements">
+    <div class="flex flex-row gap-10">
+      <DataTable
+        class="flex-grow"
+        v-model:selection="visitTypesSelected"
+        removable-sort
+        v-model:filters="visitTypesFilter"
+        :globalFilterFields="['concept_id', 'concept_name', '']"
+        size="small"
+        :value="getVisitTypes"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #header>
+          <InputText
+            class="w-full"
+            v-model="visitTypesFilter['global'].value"
+            placeholder="Filter Visit Types"
+          ></InputText
+        ></template>
+        <Column selectionMode="multiple" headerStyle="width: 3rem"></Column>
+
+        <Column header="Concept ID" field="concept_id"></Column>
+        <Column sortable header="Concept Name" field="concept_name"> </Column>
+      </DataTable>
+      <DataTable
+        class="flex-grow"
+        removable-sort
+        size="small"
+        v-model:filters="sourcesFilter"
+        :value="getSmallestVisitTypeValue"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #header>
+          <InputText
+            class="w-full"
+            v-model="sourcesFilter['global'].value"
+            placeholder="Filter Data Sources"
+          ></InputText
+        ></template>
+        <Column header="Data Source" field="cdm_name"></Column>
+        <Column sortable header="%" field="percentage">
+          <template #body="slotProps">
+            {{
+              slotProps.data.percentage
+                ? (slotProps.data.percentage * 100).toFixed(2)
+                : ""
+            }}
           </template>
-          <template v-slot:item.percentage="{ item }">{{
-            item.raw.percentage ? (item.raw.percentage * 100).toFixed(2) : ""
-          }}</template>
-        </v-data-table>
-      </v-col>
-    </v-row>
-    <v-divider></v-divider>
-    <v-alert
-      color="message"
-      dark
-      density="compact"
-      icon="mdi-help-rhombus"
-      prominent
-    >
+        </Column>
+      </DataTable>
+    </div>
+    <Divider />
+    <Message :closable="false" severity="info">
       The table on the left lists all visit types found across available data
       sources. The table on the right lists all matching data sources displaying
       the lowest % of all chosen visit types.
-    </v-alert>
-  </v-container>
+    </Message>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { computed, ref, defineEmits, watch, Ref, defineProps } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import { VDataTable } from "vuetify/labs/VDataTable";
-const visitTypesSearch: Ref<string> = ref("");
-const resultsSearch: Ref<string> = ref("");
+import Message from "primevue/message";
+import Divider from "primevue/divider";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Panel from "primevue/panel";
+import InputText from "primevue/inputtext";
+import { FilterMatchMode } from "primevue/api";
+
 const visitTypesSelected = ref([]);
 
 interface Props {
@@ -74,25 +79,13 @@ interface Props {
 
 const props = defineProps<Props>();
 
-const domainSummaryHeaders: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Concept ID",
-    align: "start",
-    sortable: false,
-    key: "concept_id",
-  },
-  { title: "Concept Name", key: "concept_name" },
-]);
+const visitTypesFilter = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
 
-const domainTypesResults: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Data source",
-    align: "start",
-    sortable: false,
-    key: "cdm_name",
-  },
-  { title: "%", key: "percentage" },
-]);
+const sourcesFilter = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
 
 const getVisitTypes = computed(function () {
   const data = props.data.reduce(
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
index f1eb88f3..29d4030a 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
@@ -1,75 +1,26 @@
 <template>
-  <v-container fluid min-width="900">
-    <v-card elevation="10" class="ma-4" pa-2>
-      <v-responsive>
-        <v-expansion-panels v-model="panel" multiple>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Domain Requirements</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <DomainRequirements
-                :data="loadedData.sources"
-                @domainsDataChanged="changeDomainData"
-              />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Desired Domains</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <DesiredDomains
-                :data="loadedData.sources"
-                @desiredDomainsDataChanged="changeDesiredDomainsData"
-              />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Range requirements</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <Range
-                :observation-period="loadedData.observationPeriod"
-                :person="loadedData.person"
-                @rangeDataChanged="changeRangeData"
-              />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Visit types requirements</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <VisitTypes
-                :data="loadedData.domainSummary"
-                @visitTypesChanged="changeVisitTypesData"
-              />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Concepts requirements</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <RequiredConcepts
-                @overlappingDataChanged="changeRequiredConceptsData"
-              />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-          <v-expansion-panel elevation="10" class="ma-4">
-            <v-expansion-panel-title class="text-lg-h6"
-              >Data Source Feasibility Overview</v-expansion-panel-title
-            >
-            <v-expansion-panel-text>
-              <FinalEstimation :data="finalEstimation" />
-            </v-expansion-panel-text>
-          </v-expansion-panel>
-        </v-expansion-panels>
-      </v-responsive>
-    </v-card>
-  </v-container>
+  <div class="flex flex-col gap-5" v-if="store.getters.dataInStore">
+    <DomainRequirements
+      :data="loadedData.sources"
+      @domainsDataChanged="changeDomainData"
+    />
+    <DesiredDomains
+      :data="loadedData.sources"
+      @desiredDomainsDataChanged="changeDesiredDomainsData"
+    />
+    <Range
+      :observation-period="loadedData.observationPeriod"
+      :person="loadedData.person"
+      @rangeDataChanged="changeRangeData"
+    />
+    <VisitTypes
+      :data="loadedData.domainSummary"
+      @visitTypesChanged="changeVisitTypesData"
+    />
+
+    <RequiredConcepts @overlappingDataChanged="changeRequiredConceptsData" />
+    <FinalEstimation :data="finalEstimation" />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -84,14 +35,10 @@ import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport
 import { computed, watch, ref } from "vue";
 
 const store = useStore();
-
-const sources = ref([]);
-const person = ref([]);
 const loadedData = ref({});
 const chosenDomains = ref([]);
 const rangeData = ref([]);
 const desiredDomains = ref([]);
-const panel = ref([0]);
 const requiredConcepts = ref([]);
 const visitTypes = ref([]);
 
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
index 7d732933..5bec3503 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue
@@ -1,5 +1,9 @@
 <template>
-  <div v-if="!store.getters.getErrors" id="network-data-quality-summary">
+  <div
+    v-if="!store.getters.getErrors"
+    class="flex flex-col gap-5"
+    id="network-data-quality-summary"
+  >
     <NetworkDataQualityIssuesByCategory />
     <NetworkDataQualityIssuesByCdmTable />
   </div>
@@ -12,11 +16,6 @@ import NetworkDataQualityIssuesByCdmTable from "@/pages/reports/network/NetworkD
 
 const store = useStore();
 </script>
-<script lang="ts">
-export default {
-  name: "NetworkDataQualitySummary",
-};
-</script>
 
 <style scoped>
 .viz-container {
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
index 136df699..d507f29b 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -1,13 +1,12 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
-    <ChartHeader title="Network Data Quality Issues By Category" />
+  <Panel header="Network Data Quality Issues By Category">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-category"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByCategory"
     />
-  </v-card>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -16,6 +15,8 @@ import { Chart } from "@/widgets/chart";
 import { specIssueStratificationByCategory } from "./specIssueStratificationByCategory";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { specCumulativeObservation } from "@/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation";
+import Panel from "primevue/panel";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
index 9d77e3e7..174e3792 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -1,13 +1,12 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="10" class="ma-4">
-    <ChartHeader title="Network Data Quality Issues by CDM Table" />
+  <Panel header="Network Data Quality Issues by CDM Table">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-table"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByTable"
     />
-  </v-card>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -16,6 +15,8 @@ import { Chart } from "@/widgets/chart";
 import { specIssueStratificationByTable } from "./specIssueStratificationByTable";
 import { useStore } from "vuex";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { specIssueStratificationByCategory } from "@/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/specIssueStratificationByCategory";
+import Panel from "primevue/panel";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index 5df777a0..925d5ae6 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -1,24 +1,23 @@
 <template>
-  <v-container v-if="!store.getters.getErrors" fluid min-width="900">
-    <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-      <ChartHeader title="Data Strands" />
-      <div
-        v-if="store.getters.getData"
-        id="viz-datastrand"
-        class="viz-container"
-      ></div>
-      <v-toolbar density="compact" class="mt-6">
+  <Panel header="Data Strands">
+    <div
+      v-if="store.getters.getData"
+      id="viz-datastrand"
+      class="viz-container"
+    ></div>
+    <template #footer>
+      <div class="flex flex-row gap-2">
         <ChartActionIcon
-          icon="mdi-help-circle"
+          :icon="mdiHelpCircle"
           tooltip="Data strands are simple visualizations that describe the composition of
-        a data source across the various CDM domain tables. Each individual
-        strand shows the percentage of the data source comprised of data from a
-        particular domain table. Across the network, the strands can be visually
-        compared and contrasted."
+            a data source across the various CDM domain tables. Each individual
+            strand shows the percentage of the data source comprised of data from a
+            particular domain table. Across the network, the strands can be visually
+            compared and contrasted."
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
-          icon="mdi-code-braces"
+          :icon="mdiCodeBraces"
           tooltip="View Export Query"
           @iconClicked="
             helpers.openNewTab(
@@ -28,9 +27,9 @@
             )
           "
         />
-      </v-toolbar>
-    </v-card>
-  </v-container>
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -47,9 +46,10 @@ import { links } from "@/shared/config/links";
 const config = specDatastrand;
 
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const renderChart = function () {
   embed("#viz-datastrand", config, {
diff --git a/src/pages/reports/network/NetworkOverview/NetworkOverview.vue b/src/pages/reports/network/NetworkOverview/NetworkOverview.vue
index 8032135f..c8bc87de 100644
--- a/src/pages/reports/network/NetworkOverview/NetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview/NetworkOverview.vue
@@ -2,18 +2,10 @@
   <div
     v-if="store.getters.explorerLoaded"
     id="network-data-quality-overview"
-    class="pa-4"
+    class="flex flex-col gap-10"
   >
-    <v-row>
-      <v-col>
-        <DataNetworkOverview />
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <DataSourcesList />
-      </v-col>
-    </v-row>
+    <DataNetworkOverview />
+    <DataSourcesList />
   </div>
 </template>
 
@@ -24,21 +16,4 @@ import DataSourcesList from "@/pages/reports/network/NetworkOverview/components/
 const store = useStore();
 </script>
 
-<script lang="ts">
-export default {
-  name: "NetworkOverview",
-};
-</script>
-
-<style scoped>
-.v-card__title {
-  word-break: normal;
-}
-.v-card__subtitle {
-  padding-bottom: 0px;
-  padding-top: 4px;
-}
-.row {
-  margin-top: -5px;
-}
-</style>
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
index 77d4d385..6985a5d8 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
@@ -1,43 +1,36 @@
 <template>
-  <v-card elevation="2" class="mx-auto pb-6" outlined>
-    <ChartHeader title="Data Network Overview" />
-    <v-card-text>
-      <v-container fluid>
-        <v-row justify="space-around"
-          ><v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text--center">Data Sources</h3>
-            <h1 class="text-center">
-              {{ store.getters.getSources.length
-              }}<v-icon large color="primary" class="mx-2">mdi-database</v-icon>
-            </h1>
-          </v-col>
-          <v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text-center">People</h3>
-            <h1 class="text-center">
-              {{ personCountFormatter(countPeople)
-              }}<v-icon large color="primary" class="mx-2">mdi-account</v-icon>
-            </h1>
-          </v-col>
-          <v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text-center">Data Quality Issues</h3>
-            <h1 class="text-center">
-              {{ countDataQualityIssues
-              }}<v-icon large color="primary" class="mx-2"
-                >mdi-database-alert</v-icon
-              >
-            </h1>
-          </v-col>
-          <v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text-center">Data Source Releases</h3>
-            <h1 class="text-center">
-              {{ countDataSourceReleases
-              }}<v-icon large color="primary" class="mx-2">mdi-history</v-icon>
-            </h1>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-card-text>
-  </v-card>
+  <Panel header="Data Network Overview">
+    <div class="flex flex-row justify-evenly">
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>Data Sources</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ store.getters.getSources.length }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiDatabase"></svg-icon>
+        </div>
+      </div>
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>People</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ personCountFormatter(countPeople) }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiAccount"></svg-icon>
+        </div>
+      </div>
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>Data Quality Issues</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ countDataQualityIssues }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiDatabaseAlert"></svg-icon>
+        </div>
+      </div>
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>Data Source Releases</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ countDataSourceReleases }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiHistory"></svg-icon>
+        </div>
+      </div>
+    </div>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -45,6 +38,9 @@ import { useStore } from "vuex";
 import { computed } from "vue";
 import * as d3 from "d3-format";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { mdiAccount, mdiDatabase, mdiDatabaseAlert, mdiHistory } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+import Panel from "primevue/panel";
 
 const store = useStore();
 
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 0d1517a8..12dfa30a 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -1,160 +1,142 @@
 <template>
-  <v-card elevation="2" class="mx-auto pb-6" outlined>
-    <ChartHeader title="Data Sources" />
-    <v-card-text>
-      <v-container fluid>
-        <v-row>
-          <v-col>
-            <v-text-field
-              prepend-icon="mdi-magnify"
-              label="Search in Table"
-              single-line
-              density="compact"
-              variant="outlined"
-              hide-details
-              @update:modelValue="debouncedSearch"
-            ></v-text-field>
-          </v-col>
-          <v-col>
-            <SelectColumns :headers="dataSourceColumns" />
-          </v-col>
-        </v-row>
-      </v-container>
-
-      <v-data-table
-        density="compact"
-        :items="store.getters.getSources"
-        :headers="showHeaders"
-        :search="search"
-        hide-default-footer
-      >
-        <template v-slot:item.cdm_source_name="{ item }">
-          <v-row>
-            <v-col cols="10">
-              <router-link
-                :to="getDataSourceRoute(item.raw)"
-                :title="item.raw.cdm_source_name"
-                >{{ item.raw.cdm_source_name }}
-              </router-link>
-            </v-col>
-          </v-row>
+  <Panel header="Data Sources">
+    <DataTable
+      size="small"
+      showGridlines
+      :value="store.getters.getSources"
+      v-model:filters="newFilters"
+      :globalFilterFields="['cdm_source_name', 'releases[0].release_name', '']"
+      paginator
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
+      tableStyle="min-width: 50rem"
+    >
+      <template #header>
+        <InputGroup unstyled>
+          <InputGroupAddon>
+            <i class="pi pi-search"></i>
+          </InputGroupAddon>
+          <InputText
+            class="rounded-r-lg"
+            style="width: 45rem"
+            unstyled
+            :value="route.query.search"
+            @update:modelValue="debouncedSearch"
+            placeholder="Search in Table"
+          />
+        </InputGroup>
+      </template>
+      <Column field="cdm_source_name" header="Data quality issues">
+        <template #body="slotProps">
+          <router-link
+            class="text-blue-400 hover:underline"
+            :to="getDataSourceRoute(slotProps.data.cdm_source_name)"
+            >{{ slotProps.data.cdm_source_name }}</router-link
+          >
         </template>
-        <template v-slot:item.releases[0].count_person="{ item }">
-          {{ helpers.formatComma(item.raw.releases[0].count_person) }}
+      </Column>
+      <Column field="releases[0].count_person" header="Person Count">
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].count_person }}
         </template>
-
-        <template v-slot:item.releases[0].release_name="{ item }">
-          {{ item.raw.releases[0].release_name }}
+      </Column>
+      <Column field="releases[0].obs_period_start" header="Start Observed">
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].obs_period_start }}
+        </template>
+      </Column>
+      <Column field="releases[0].obs_period_end" header="End Observed">
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].obs_period_end }}
+        </template>
+      </Column>
+      <Column field="releases[0].release_name" header="Latest Release">
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].release_name }}
+        </template>
+      </Column>
+      <Column
+        field="releases[0].count_data_quality_issues"
+        header="Data Quality Issues"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].count_data_quality_issues }}
         </template>
-        <template v-slot:item.releases[0].obs_period_start="{ item }">
-          {{ item.raw.releases[0].obs_period_start }}
+      </Column>
+      <Column
+        field="releases[0].count_data_quality_issues"
+        header="Person Count"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].count_data_quality_issues }}
         </template>
-        <template v-slot:item.releases[0].obs_period_end="{ item }">
-          {{ item.raw.releases[0].obs_period_end }}
+      </Column>
+      <Column field="count_releases" header="Data Source Releases"></Column>
+
+      <Column
+        field="releases[0].vocabulary_version"
+        header="Vocabulary Version"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].vocabulary_version }}
         </template>
-        <template v-slot:item.releases[0].count_data_quality_issues="{ item }">
-          {{ item.raw.releases[0].count_data_quality_issues }}
+      </Column>
+      <Column
+        field="average_update_interval_days"
+        header="Average Update Frequency (days)"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.average_update_interval_days }}
         </template>
-        <template v-slot:item.releases[0].vocabulary_version="{ item }">
-          {{ item.raw.releases[0].vocabulary_version }}
+      </Column>
+      <Column
+        field="releases[0].count_data_quality_issues"
+        header="Person Count"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].count_data_quality_issues }}
         </template>
-      </v-data-table>
-    </v-card-text>
-  </v-card>
+      </Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { computed, ref, Ref } from "vue";
+import { computed } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { useStore } from "vuex";
-import SelectColumns from "@/features/selectColumns";
 import { debounce } from "lodash";
 import { helpers } from "@/shared/lib/mixins";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputText from "primevue/inputtext";
+import MultiSelect from "primevue/multiselect";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import InputGroup from "primevue/inputgroup";
+import { useRoute, useRouter } from "vue-router";
+import { FilterMatchMode } from "primevue/api";
 
 const store = useStore();
+const route = useRoute();
+const router = useRouter();
 
-const search = ref("");
-
-const dataSourceColumns: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Data Source",
-    align: "start",
-    sortable: true,
-    show: true,
-    key: "cdm_source_name",
-  },
-  {
-    title: "Person Count",
-    align: "end",
-    sortable: true,
-    show: true,
-    key: "releases[0].count_person",
-  },
-  {
-    title: "Start Observed",
-    align: "end",
-    show: true,
-    key: "releases[0].obs_period_start",
-    sortable: false,
-  },
-  {
-    title: "End Observed",
-    align: "end",
-    show: true,
-    key: "releases[0].obs_period_end",
-    sortable: false,
-  },
-  {
-    title: "Latest Release",
-    align: "end",
-    show: true,
-    sortable: false,
-    key: "releases[0].release_name",
-  },
-  {
-    title: "Data Quality Issues",
-    align: "end",
-    show: false,
-    sortable: true,
-    key: "releases[0].count_data_quality_issues",
-  },
-  {
-    title: "Data Source Releases",
-    align: "end",
-    show: true,
-    sortable: true,
-    key: "count_releases",
-  },
-  {
-    title: "Vocabulary Version",
-    align: "end",
-    show: false,
-    sortable: true,
-    key: "releases[0].vocabulary_version",
-  },
-  {
-    title: "Average Update Frequency (days)",
-    align: "end",
-    show: true,
-    sortable: true,
-    key: "average_update_interval_days",
-  },
-]);
-
-const showHeaders = computed(() => {
-  return dataSourceColumns.value.filter((header) => header.show);
-});
+const newFilters = computed(() => ({
+  global: { value: route.query.search, matchMode: FilterMatchMode.CONTAINS },
+}));
 
 const debouncedSearch = debounce(function (data: string): void {
-  search.value = data;
+  router.push({
+    query: {
+      search: data,
+    },
+  });
 }, 300);
 
-function getDataSourceRoute(item: { cdm_source_key: string }) {
+function getDataSourceRoute(cdm_source_key) {
   return {
     name: "dataSourceOverview",
-    params: { cdm: item.cdm_source_key },
+    params: { cdm: cdm_source_key },
   };
 }
 </script>
diff --git a/src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue b/src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue
index 837abd6b..7da1a240 100644
--- a/src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue
+++ b/src/pages/reports/network/NetworkPerformance/NetworkPerformance.vue
@@ -1,19 +1,19 @@
 <template>
-  <v-container fluid>
-    <v-card>
-      <Pivot
-        :data="store.getters.getData[NETWORK_PERFORMANCE]"
-        :attributes="['TASK', 'PACKAGE', 'CATEGORY', 'SOURCE', 'TIMING']"
-        :defaults="{
-          rows: ['SOURCE'],
-          columns: ['PACKAGE'],
-        }"
-        :aggregate-attrs="['TIMING']"
-        :aggregator-names-list="['time']"
-        :aggregators="{ time: aggregateTime() }"
-      />
-    </v-card>
-  </v-container>
+  <div
+    class="bg-white dark:bg-surface-800 text-black dark:text-white h-[670px]"
+  >
+    <Pivot
+      :data="store.getters.getData[NETWORK_PERFORMANCE]"
+      :attributes="['TASK', 'PACKAGE', 'CATEGORY', 'SOURCE', 'TIMING']"
+      :defaults="{
+        rows: ['SOURCE'],
+        columns: ['PACKAGE'],
+      }"
+      :aggregate-attrs="['TIMING']"
+      :aggregator-names-list="['time']"
+      :aggregators="{ time: aggregateTime() }"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
index ba0f6ae3..8f34b72b 100644
--- a/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue
@@ -1,21 +1,10 @@
 <template>
-  <div v-if="!store.getters.getErrors">
-    <v-container fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-6 text-uppercase text-h6"
-          >NETWORK POPULATION OVERVIEW</v-layout
-        >
-        <AgeAtFirstObservation />
-        <CumulativeObservation />
-      </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
-    </v-container>
+  <div v-if="!store.getters.getErrors" class="flex flex-col gap-10">
+    <PageHeader title="Network Population Overview" />
+    <div class="flex flex-col gap-5">
+      <AgeAtFirstObservation />
+      <CumulativeObservation />
+    </div>
   </div>
 </template>
 
@@ -24,8 +13,7 @@ import { useStore } from "vuex";
 
 import AgeAtFirstObservation from "@/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue";
 import CumulativeObservation from "@/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index cfb5c65b..57f89de4 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,28 +1,29 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Age at First Observation" />
+  <Panel header="Age at First Observation">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkageatfirstobservation"
       :chartSpec="specAgeAtFirstObservation"
       :data="store.getters.getData.allAgeAtFirstObservationData"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .AGE_AT_FIRST_OBSERVATION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .AGE_AT_FIRST_OBSERVATION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -31,9 +32,10 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index 0d2a7407..27834738 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -1,28 +1,29 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Cumulative Observation" />
+  <Panel header="Cumulative Observation">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkcumulativeobservation"
       :chartSpec="specCumulativeObservation"
       :data="store.getters.getData.allCumulativeDurationData"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .CUMULATIVE_DURATION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .CUMULATIVE_DURATION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -30,9 +31,10 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index 1ff1f30c..fa52f87b 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -1,139 +1,62 @@
 <template>
-  <div>
-    <v-card
-      v-if="!store.getters.getErrors && store.getters.dataInStore"
-      elevation="2"
-      class="ma-4"
+  <Panel
+    v-if="store.getters.dataInStore"
+    header="Network Unmapped Source Codes"
+  >
+    <DataTable
+      size="small"
+      :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
+      paginator
+      v-model:filters="newFilters"
+      :value="store.getters.getData.domainTable"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <ChartHeader title="Unmapped Source Codes" />
-      <v-row>
-        <v-col cols="3">
-          <v-text-field
-            v-model="search"
-            prepend-icon="mdi-magnify"
-            label="Search in Table"
-            variant="outlined"
-            single-line
-            hide-details
-          ></v-text-field>
-        </v-col>
-        <v-col cols="9"> </v-col>
-      </v-row>
-
-      <v-data-table
-        class="mt-4"
-        dense
-        :headers="headers"
-        :items="filteredRecords"
-        :footer-props="{
-          'items-per-page-options': [10, 50, 100],
-        }"
-        item-key="CDM_TABLE"
-        :items-per-page="10"
-        :search="search"
-        :sort-desc="true"
-      >
-        <template v-slot:body.prepend>
-          <tr>
-            <th v-for="header in headers" :key="header.title">
-              <div v-if="filters.hasOwnProperty(header.key)">
-                <v-select
-                  v-model="filters[header.key]"
-                  small-chips
-                  deletable-chips
-                  hide-details
-                  multiple
-                  :items="helpers.getValuesArray(filteredRecords, header.key)"
-                ></v-select>
-              </div>
-            </th>
-          </tr>
-        </template>
-        <template v-slot:item.CDM_TABLE_NAME="{ item }">
-          {{ item.raw.CDM_TABLE_NAME }}
-        </template>
-        <template v-slot:item.CDM_FIELD_NAME="{ item }">
-          {{ item.raw.CDM_FIELD_NAME }}
-        </template>
-        <template v-slot:item.SOURCE_VALUE="{ item }">
-          {{ item.raw.SOURCE_VALUE }}
-        </template>
-        <template v-slot:item.RECORD_COUNT="{ item }">
-          <v-layout justify-end>{{
-            helpers.formatComma(item.raw.RECORD_COUNT)
-          }}</v-layout>
-        </template>
-        <template v-slot:item.DATA_SOURCE_COUNT="{ item }">
-          <v-layout justify-end>{{ item.raw.DATA_SOURCE_COUNT }}</v-layout>
-        </template>
-        <template v-slot:item.DATA_SOURCES="{ item }">
-          <v-layout justify-end>{{ item.raw.DATA_SOURCES }}</v-layout>
-        </template>
-      </v-data-table>
-    </v-card>
-  </div>
+      <template #header>
+        <div>
+          <InputGroup unstyled>
+            <InputGroupAddon>
+              <i class="pi pi-search"></i>
+            </InputGroupAddon>
+            <InputText
+              class="rounded-r-lg"
+              style="width: 45rem"
+              unstyled
+              v-model="newFilters['global'].value"
+              placeholder="Search in Table"
+            />
+          </InputGroup>
+        </div>
+      </template>
+      <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
+      <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
+      <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
+      <Column sortable header="# Records" field="RECORD_COUNT"></Column>
+      <Column
+        sortable
+        header="# Data Sources"
+        field="DATA_SOURCE_COUNT"
+      ></Column>
+      <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import { helpers } from "@/shared/lib/mixins";
-
-import { computed, Ref, ref } from "vue";
+import { ref } from "vue";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import InputGroup from "primevue/inputgroup";
+import InputText from "primevue/inputtext";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { FilterMatchMode } from "primevue/api";
 
 const store = useStore();
 
-const search: Ref<string> = ref("");
-const filters: Ref<{ CDM_TABLE_NAME: string[]; CDM_FIELD_NAME: string[] }> =
-  ref({
-    CDM_TABLE_NAME: [],
-    CDM_FIELD_NAME: [],
-  });
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "CDM Table",
-    sortable: true,
-    key: "CDM_TABLE_NAME",
-  },
-  {
-    title: "CDM Field",
-    sortable: true,
-    key: "CDM_FIELD_NAME",
-  },
-  {
-    title: "Source Value",
-    sortable: true,
-    key: "SOURCE_VALUE",
-  },
-  {
-    title: "# Records",
-    sortable: true,
-    key: "RECORD_COUNT",
-  },
-  {
-    title: "# Data Sources",
-    sortable: true,
-    key: "DATA_SOURCE_COUNT",
-  },
-  {
-    title: "Data Sources",
-    sortable: true,
-    key: "DATA_SOURCES",
-  },
-]);
-
-const filteredRecords = computed(function () {
-  return store.getters.getData.domainTable.filter((d) => {
-    return Object.keys(filters.value).every((f) => {
-      return (
-        filters.value[f as keyof typeof filters.value].length < 1 ||
-        filters.value[f as keyof typeof filters.value].includes(d[f])
-      );
-    });
-  });
+const newFilters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
 });
 </script>
 
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index ed32fecd..9c83ad46 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -1,53 +1,65 @@
 <template>
-  <div>
-    <v-container v-if="!store.getErrors && store.getters.dataInStore" fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-2 align-center d-flex">
-          <v-col class="justify-start align-center d-flex">
-            <h2 class="text-uppercase">
-              {{ store.getters.getData.conceptName }}
-            </h2>
-          </v-col>
-          <v-col class="justify-end align-center d-flex">
-            <v-btn class="ma-4" color="primary" density="comfortable" prepend-icon="mdi-check-network"
-              @click="navigateToNetworkConcept">
-              Network Report
-            </v-btn>
+  <div v-if="!store.getErrors && store.getters.dataInStore">
+    <div class="flex flex-col gap-10">
+      <PageHeader :title="store.getters.getData.conceptName">
+        <template #default>
+          <div class="flex flex-row gap-2">
+            <Button
+              size="small"
+              style="width: 180px; height: 30px"
+              @click="navigateToNetworkConcept"
+            >
+              <svg-icon
+                class="text-white"
+                type="mdi"
+                :path="mdiCheckNetwork"
+              ></svg-icon>
+              <span class="text-white uppercase text-base">
+                Network Report
+              </span>
+            </Button>
             <ReturnButton />
-          </v-col>
-        </v-layout>
-        <InfoPanel :network-concept-report="navigateToNetworkConcept" :concept="store.getters.getData.conceptId"
-          :population="store.getters.getData.numPersons" :percent-people="store.getters.getData.percentPersons"
-          :records-per-person="store.getters.getData.recordsPerPerson" :percent-values="route.params.domain === 'measurement'
+          </div>
+        </template>
+      </PageHeader>
+      <InfoPanel
+        :network-concept-report="navigateToNetworkConcept"
+        :concept="store.getters.getData.conceptId"
+        :population="store.getters.getData.numPersons"
+        :percent-people="store.getters.getData.percentPersons"
+        :records-per-person="store.getters.getData.recordsPerPerson"
+        :percent-values="
+          route.params.domain === 'measurement'
             ? getPercentWithValues
             : undefined
-            " :count-failed="store.getters.getData.countFailed
-    ? {
-      value: store.getters.getData.countFailed,
-      action: navigateToDataQuality,
-    }
-    : undefined
-    " :not-stationary="store.getters.getData.isNotStationary" />
-        <MeasurementTable />
-        <MeasurementValueDistribution />
-        <AgeAtFirstDiagnosis />
-        <AgeAtFirstExposure />
-        <LengthOfEra />
-        <ConditionsByType />
-        <DrugsByType />
-        <RecordsByUnit />
-        <MeasurementsByType />
-        <AgeAtFirstOccurrence />
-        <RecordCountProportionByMonth />
-        <DaysSupply />
-        <QuantityDistribution />
-        <VisitDurationByType />
-        <RecordCountProportionByAgeSexYear />
-      </v-responsive>
-      <form-dialog @close="store.commit(SET_DIALOG, false)" v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show" :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data" :form-title="'Edit selection'" />
-    </v-container>
+        "
+        :count-failed="
+          store.getters.getData.countFailed
+            ? {
+                value: store.getters.getData.countFailed,
+                action: navigateToDataQuality,
+              }
+            : undefined
+        "
+        :not-stationary="store.getters.getData.isNotStationary"
+      />
+
+      <MeasurementTable />
+      <MeasurementValueDistribution />
+      <AgeAtFirstDiagnosis />
+      <AgeAtFirstExposure />
+      <LengthOfEra />
+      <ConditionsByType />
+      <DrugsByType />
+      <RecordsByUnit />
+      <MeasurementsByType />
+      <AgeAtFirstOccurrence />
+      <RecordCountProportionByMonth />
+      <DaysSupply />
+      <QuantityDistribution />
+      <VisitDurationByType />
+      <RecordCountProportionByAgeSexYear />
+    </div>
   </div>
 </template>
 
@@ -71,9 +83,11 @@ import DaysSupply from "@/pages/reports/release/ConceptReport/charts/DaysSupply/
 import QuantityDistribution from "@/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue";
 import VisitDurationByType from "@/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue";
 import RecordCountProportionByAgeSexYear from "@/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 import InfoPanel from "@/widgets/infoPanel";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+import { mdiCheckNetwork } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+import Button from "primevue/button";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 07ceebc0..8ec3834a 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -1,43 +1,42 @@
 <template>
-  <v-card
+  <Panel
+    header="Age at First Diagnosis"
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Age at First Diagnosis" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
-              to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_DIAGNOSIS[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
+                  to interpret this plot."
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_DIAGNOSIS[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -50,6 +49,9 @@ import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index d6f082e3..1f4e3959 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -1,40 +1,38 @@
 <template>
-  <v-card
+  <Panel
+    header="Age at first exposure"
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Age At First Exposure" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
-              to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_EXPOSURE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
+                  to interpret this plot."
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_EXPOSURE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -44,9 +42,10 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index c24e0ef5..d3fd3fba 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -1,40 +1,38 @@
 <template>
-  <v-card
+  <Panel
+    header="Age at First Occurrence"
     v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Age at First Occurrence" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
       :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
-              to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .AGE_AT_FIRST_EXPOSURE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
+                  to interpret this plot."
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .AGE_AT_FIRST_EXPOSURE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -47,6 +45,9 @@ import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index c9a01428..99733668 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -1,40 +1,39 @@
 <template>
-  <v-card
+  <Panel
+    header="Conditions by Type"
     v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Conditions by Type" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
       :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about Condition types."
-        @iconClicked="
-          helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
-        "
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .CONDITIONS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about Condition types."
+          @iconClicked="
+            helpers.openNewTab(links.getDocsLink('CONDITION_OCCURRENCE'))
+          "
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .CONDITIONS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -47,6 +46,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index 6c4d717f..e0c46f90 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -1,39 +1,37 @@
 <template>
-  <v-card
+  <Panel
+    header="Days Supply"
     v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Days Supply" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-dayssupply"
       :chartSpec="specDaysSupply"
       :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how to interpret this plot"
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .DAYS_SUPPLY_DISTRIBUTION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how to interpret this plot"
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .DAYS_SUPPLY_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -46,6 +44,8 @@ import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index 632fcdc9..807a699f 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -1,39 +1,37 @@
 <template>
-  <v-card
+  <Panel
+    header="Drugs by Type"
     v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Drugs by Type" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-drugsbytype"
       :chartSpec="specDrugsByType"
       :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about drug types."
-        @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .DRUGS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about drug types."
+          @iconClicked="helpers.openNewTab(links.getDocsLink('DRUG_EXPOSURE'))"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .DRUGS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -45,6 +43,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index a4b011cf..371890aa 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -1,34 +1,32 @@
 <template>
-  <v-card
+  <Panel
+    header="Length of Era"
     v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Length of Era" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-lengthofera"
       :chartSpec="specLengthOfEra"
       :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .LENGTH_OF_ERA[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .LENGTH_OF_ERA[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,9 +35,11 @@ import { links } from "@/shared/config/links";
 import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
+
 const store = useStore();
 const route = useRoute();
 </script>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
index 9634e50f..279e7edc 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
@@ -1,85 +1,37 @@
 <template>
-
-  <v-card
+  <Panel
+    header="Measurement Value Distributions by Unit"
     v-if="store.getters.getData.measurementTable"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Measurement Value Distributions by Unit"></ChartHeader>    
-    <v-data-table
-      density="compact"
-      :headers="headers"
-      :items="store.getters.getData.measurementTable"
+    <DataTable
+      removable-sort
+      size="small"
+      paginator
+      :value="store.getters.getData.measurementTable"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-    </v-data-table>
-  </v-card>
+      <template #empty> No concepts found </template>
+      <Column sortable header="Unit ID" field="CATEGORY"></Column>
+      <Column sortable header="Count value" field="UNIT_COUNT"></Column>
+      <Column sortable header="Min Value" field="MIN_VALUE"></Column>
+      <Column sortable header="P10 Value" field="P10_VALUE"></Column>
+      <Column sortable header="P25 Value" field="P25_VALUE"></Column>
+      <Column sortable header="Median Value" field="MEDIAN_VALUE"></Column>
+      <Column sortable header="P75 Value" field="P75_VALUE"></Column>
+      <Column sortable header="P90 Value" field="P90_VALUE"></Column>
+      <Column sortable header="Max Value" field="MAX_VALUE"></Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-import { ref, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { useStore } from "vuex";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Unit",
-    sortable: true,
-    key: "CATEGORY",
-    align: "start",
-  },
-  {
-    title: "Count value",
-    sortable: true,
-    key: "UNIT_COUNT",
-    align: "start",
-  },
-  {
-    title: "Min Value",
-    sortable: true,
-    key: "MIN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P10 Value",
-    sortable: true,
-    key: "P10_VALUE",
-    align: "start",
-  },
-  {
-    title: "P25 Value",
-    sortable: true,
-    key: "P25_VALUE",
-    align: "start",
-  },
-  {
-    title: "Median Value",
-    sortable: true,
-    key: "MEDIAN_VALUE",
-    align: "start",
-  },
-  {
-    title: "P75 Value",
-    sortable: true,
-    key: "P75_VALUE",
-    align: "start",
-  },
-  {
-    title: "P90 Value",
-    sortable: true,
-    key: "P90_VALUE",
-    align: "start",
-  },
-  {
-    title: "Max Value",
-    sortable: true,
-    key: "MAX_VALUE",
-    align: "start",
-  },
-]);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index b1b6a6c3..233acc38 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -1,26 +1,21 @@
 <template>
-  <v-card
+  <Panel
+    header="Measurement Value Distributions By Unit"
     v-if="store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Measurement Value Distributions by Unit" />
+    <MultiSelect
+      v-model="selectedMeasurementUnits"
+      class="mr-13"
+      :items="getMeasurementUnits"
+      attach
+      variant="outlined"
+      hide-selected
+      closable-chips
+      chips
+      label="Filter units"
+      multiple
+    ></MultiSelect>
 
-    <v-layout class="pa-4">
-      <v-select
-        v-model="selectedMeasurementUnits"
-        class="mr-13"
-        :items="getMeasurementUnits"
-        attach
-        variant="outlined"
-        hide-selected
-        closable-chips
-        chips
-        label="Filter units"
-        multiple
-      ></v-select>
-    </v-layout>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-measurementvaluedistribution"
@@ -28,33 +23,35 @@
       :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-check-network"
-        tooltip="Check measurement value distributions across the network"
-        @iconClicked="router.push(getNetworkConceptRoute())"
-      />
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
-              to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .MEASUREMENT_VALUE_DISTRIBUTION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiCheckNetwork"
+          tooltip="Check measurement value distributions across the network"
+          @iconClicked="router.push(getNetworkConceptRoute())"
+        />
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
+                  to interpret this plot."
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .MEASUREMENT_VALUE_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -65,9 +62,10 @@ import { specMeasurementValueDistribution } from "./specMeasurementValueDistribu
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { computed, ref, Ref } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCheckNetwork, mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index 564606b4..803eeec2 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -1,38 +1,36 @@
 <template>
-  <v-card
+  <Panel
+    header="Measurements by Type"
     v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Measurements by Type" />
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
       :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn about Measurement types."
-        @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .MEASUREMENTS_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn about Measurement types."
+          @iconClicked="helpers.openNewTab(links.getDocsLink('MEASUREMENT'))"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .MEASUREMENTS_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        /></div
+    ></template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -41,9 +39,10 @@ import { links } from "@/shared/config/links";
 import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 96784fc4..0f42fc8b 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -1,40 +1,38 @@
 <template>
-  <v-card
+  <Panel
+    panel="Quantity"
     v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Quantity" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-quantity"
       :chartSpec="specQuantity"
       :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Learn how
-              to interpret this plot."
-        @iconClicked="router.push({ name: 'help' })"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .QUANTITY_DISTRIBUTION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Learn how
+                  to interpret this plot."
+          @iconClicked="router.push({ name: 'help' })"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .QUANTITY_DISTRIBUTION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -43,9 +41,11 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 6618b265..8153b8f6 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,7 +1,8 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
-
+  <Panel
+    header="Record Count Proportion By Age, Sex, Year"
+    :loading="!store.getters.dataInStore"
+  >
     <Chart
       v-if="store.getters.getData"
       id="viz-recordproportionbyagesexyear"
@@ -9,26 +10,28 @@
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -38,9 +41,10 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index e17f6a2c..3c9eba2e 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -1,34 +1,32 @@
 <template>
-  <v-card
+  <Panel
+    header="Records By Unit"
     v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Records by Unit" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordsbyunit"
       :chartSpec="specRecordsByUnit"
       :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .RECORDS_BY_UNIT[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .RECORDS_BY_UNIT[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,9 +35,10 @@ import { links } from "@/shared/config/links";
 import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index a00b7db7..b3c81bcf 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,12 +1,15 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Record Count Proportion by Month"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Record Count Proportion by Month">
+    <template #icons>
+      <ChartHeader
+        title="Record Count Proportion by Month"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -23,42 +26,44 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getData.isNotStationary"
-        icon="mdi-clock-alert"
-        tooltip="This time series has been deemed non-stationary by temporal characterization."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getData.isNotStationary"
-        icon="mdi-clock-alert"
-        :tooltip="store.getters.getData.seasonalityComment"
-        @iconClicked="helpers.openNewTab(links.getCastorLink())"
-      />
-      <ChartActionIcon
-        icon="mdi-database-clock"
-        tooltip="Review this Time-Series across data source releases."
-        @iconClicked="router.push(getSourceConceptReportLink())"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .PREVALENCE_BY_MONTH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getData.isNotStationary"
+          :icon="mdiClockAlert"
+          tooltip="This time series has been deemed non-stationary by temporal characterization."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getData.isNotStationary"
+          :icon="mdiClockAlert"
+          :tooltip="store.getters.getData.seasonalityComment"
+          @iconClicked="helpers.openNewTab(links.getCastorLink())"
+        />
+        <ChartActionIcon
+          :icon="mdiDatabaseClock"
+          tooltip="Review this Time-Series across data source releases."
+          @iconClicked="router.push(getSourceConceptReportLink())"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .PREVALENCE_BY_MONTH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -75,6 +80,13 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import {
+  mdiClockAlert,
+  mdiCodeBraces,
+  mdiDatabaseClock,
+  mdiHelpCircle,
+} from "@mdi/js";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 7edc8c04..eb89d5ff 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -1,34 +1,32 @@
 <template>
-  <v-card
+  <Panel
+    header="Visit Duration By Type"
     v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Visit Duration By Type" />
-
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
       :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .VISIT_DURATION_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .VISIT_DURATION_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,9 +35,10 @@ import { links } from "@/shared/config/links";
 import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
index 112cd995..213177d6 100644
--- a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
@@ -1,36 +1,34 @@
 <template>
-  <v-responsive>
-    <div v-if="!store.getters.getErrors">
-      <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
-        <v-tabs v-model="tab">
-          <v-tab value="overview">Overview</v-tab>
-          <v-tab value="metadata">Metadata</v-tab>
-          <v-tab value="results">Results</v-tab>
-          <v-tab value="pivot">Pivot table</v-tab>
-        </v-tabs>
-        <v-window v-model="tab">
-          <v-window-item v-if="store.getters.dataInStore" value="overview">
-            <OverviewTable />
-          </v-window-item>
-          <v-window-item v-if="store.getters.dataInStore" value="metadata">
-            <MetadataTable />
-          </v-window-item>
-          <v-window-item v-if="store.getters.dataInStore" value="results">
-            <ResultsTable />
-          </v-window-item>
-          <v-window-item v-if="store.getters.dataInStore" value="pivot">
-            <PivotDataTable />
-          </v-window-item>
-        </v-window>
-      </v-card>
-    </div>
-  </v-responsive>
+  <Card>
+    <template #content>
+      <TabView
+        @update:activeIndex="setCurrentTab"
+        :active-index="getCurrentTab"
+      >
+        <TabPanel header="Overview">
+          <OverviewTable v-if="store.getters.dataInStore" />
+        </TabPanel>
+        <TabPanel header="Metadata">
+          <MetadataTable v-if="store.getters.dataInStore" />
+        </TabPanel>
+        <TabPanel header="Results">
+          <ResultsTable v-if="store.getters.dataInStore" />
+        </TabPanel>
+        <TabPanel header="Pivot Table">
+          <PivotDataTable v-if="store.getters.dataInStore" />
+        </TabPanel>
+      </TabView>
+    </template>
+  </Card>
 </template>
 
 <script setup lang="ts">
 import { useStore } from "vuex";
 import { useRouter, useRoute } from "vue-router";
 import { computed } from "vue";
+import TabView from "primevue/tabview";
+import TabPanel from "primevue/tabpanel";
+import Card from "primevue/card";
 
 import OverviewTable from "@/pages/reports/release/DataQualityResults/components/OverviewTable.vue";
 import ResultsTable from "@/pages/reports/release/DataQualityResults/components/ResultsTable.vue";
@@ -41,18 +39,17 @@ const store = useStore();
 const route = useRoute();
 const router = useRouter();
 
-const tab = computed({
-  set(tab: string): void {
-    router.push({
-      query: {
-        tab: tab,
-      },
-    });
-  },
-  get(): string | string[] {
-    return route.query.tab;
-  },
+const getCurrentTab = computed(() => {
+  return parseInt(route.query.tab) || 0;
 });
+
+const setCurrentTab = function (val) {
+  router.push({
+    query: {
+      tab: val,
+    },
+  });
+};
 </script>
 
 <style>
@@ -65,34 +62,7 @@ tr:hover {
 .v-data-table-header th {
   white-space: nowrap;
 }
-.v-text-field {
-  padding-top: 0px !important;
-}
-table#results {
-  width: 100%;
-}
-table#results tr td.header {
-  text-transform: uppercase;
-  background-color: rgb(var(--v-theme-accent));
-}
-table#results .subheader {
-  text-transform: uppercase;
-  background-color: rgb(var(--v-theme-accent));
-}
-table#results {
-  border-spacing: 2px;
-}
-table#results td {
-  font-size: 14px;
-  line-height: 30px;
-  text-align: right;
-}
-table#results th {
-  text-align: left;
-}
-table#results tbody td {
-  padding: 0px 3px 0px 7px;
-}
+
 body {
   font-size: 14px;
 }
diff --git a/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
index c3fdc0e8..2013ceac 100644
--- a/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
@@ -1,59 +1,57 @@
 <template>
-  <v-container fluid ma-2 pa-4>
-    <v-row>
-      <v-col cols="2">CDM Source Name</v-col>
-      <v-col>{{ store.getters.getData.cdmSourceName }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">Description</v-col>
-      <v-col>{{ store.getters.getData.sourceDescription }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">Licensee</v-col>
-      <v-col>{{ store.getters.getData.cdmHolder }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">Source Released</v-col>
-      <v-col>{{ store.getters.getData.sourceReleaseDate }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">CDM Released</v-col>
-      <v-col>{{ store.getters.getData.cdmReleaseDate }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">CDM Version</v-col>
-      <v-col>{{ store.getters.getData.cdmVersion }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">DQD Version</v-col>
-      <v-col>{{ store.getters.getData.dqdVersion }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">Vocabulary Version</v-col>
-      <v-col>{{ store.getters.getData.vocabularyVersion }}</v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">Source Documentation</v-col>
-      <v-col>
-        {{ store.getters.getData.sourceDocumentationReference }}
-        <a
-          :href="store.getters.getData.sourceDocumentationReference"
-          target="_blank"
-        >
-          <v-icon right small color="primary">mdi-open-in-new</v-icon>
-        </a>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="2">ETL Reference</v-col>
-      <v-col>
-        {{ store.getters.getData.cdmEtlReference }}
-        <a :href="store.getters.getData.cdmEtlReference" target="_blank">
-          <v-icon right small color="primary">mdi-open-in-new</v-icon>
-        </a>
-      </v-col>
-    </v-row>
-  </v-container>
+  <div>
+    <table class="border-separate border-spacing-y-5 border-spacing-x-10">
+      <tr>
+        <td class="font-bold">CDM Source Name</td>
+        <td>{{ store.getters.getData.cdmSourceName }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">Description</td>
+        <td>{{ store.getters.getData.sourceDescription }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">Licensee</td>
+        <td>{{ store.getters.getData.cdmHolder }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">Source Released</td>
+        <td>{{ store.getters.getData.sourceReleaseDate }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">CDM Version</td>
+        <td>{{ store.getters.getData.cdmVersion }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">DQD Version</td>
+        <td>{{ store.getters.getData.dqdVersion }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">Vocabulary Version</td>
+        <td>{{ store.getters.getData.vocabularyVersion }}</td>
+      </tr>
+      <tr>
+        <td class="font-bold">Source Documentation</td>
+        <td>
+          {{ store.getters.getData.sourceDocumentationReference }}
+          <a
+            :href="store.getters.getData.sourceDocumentationReference"
+            target="_blank"
+          >
+            <v-icon right small color="primary">mdi-open-in-new</v-icon>
+          </a>
+        </td>
+      </tr>
+      <tr>
+        <td class="font-bold">ETL Reference</td>
+        <td>
+          {{ store.getters.getData.cdmEtlReference }}
+          <a :href="store.getters.getData.cdmEtlReference" target="_blank">
+            <v-icon right small color="primary">mdi-open-in-new</v-icon>
+          </a>
+        </td>
+      </tr>
+    </table>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
index 42143a77..eac13e09 100644
--- a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="ma-2 pa-4">
+  <div class="ma-2 pa-4">
     <table id="results">
       <thead>
         <tr>
@@ -187,16 +187,16 @@
         </tr>
       </tbody>
     </table>
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="The Data Quality Overview provides a summary
-              of the results of the Data Quality assessment performed by the
-              Data Quality Dashboard package."
-        @iconClicked="helpers.openNewTab(links.getDataQualityDashboardLink())"
-      />
-    </v-toolbar>
-  </v-container>
+    <!--    <v-toolbar density="compact" class="mt-6">-->
+    <!--      <ChartActionIcon-->
+    <!--        icon="mdi-help-circle"-->
+    <!--        tooltip="The Data Quality Overview provides a summary-->
+    <!--              of the results of the Data Quality assessment performed by the-->
+    <!--              Data Quality Dashboard package."-->
+    <!--        @iconClicked="helpers.openNewTab(links.getDataQualityDashboardLink())"-->
+    <!--      />-->
+    <!--    </v-toolbar>-->
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -208,4 +208,39 @@ import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 const store = useStore();
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+td {
+  line-height: 30px;
+}
+table#results {
+  width: 100%;
+}
+table#results tr td.header {
+  text-transform: uppercase;
+  @apply bg-surface-200 dark:bg-surface-700 #{!important};
+}
+table#results .subheader {
+  text-transform: uppercase;
+  @apply bg-surface-200 dark:bg-surface-700 #{!important};
+}
+table#results {
+  border-spacing: 2px;
+  border-collapse: separate;
+}
+table#results td:not(.header, .subheader) {
+  font-size: 14px;
+  text-align: right;
+}
+table#results th {
+  text-align: left;
+}
+table#results tbody td {
+  padding: 0px 3px 0px 7px;
+}
+body {
+  font-size: 14px;
+}
+a {
+  text-decoration: none;
+}
+</style>
diff --git a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
index 53925603..e1b7bc6f 100644
--- a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid>
+  <div>
     <Pivot
       :data="store.getters.getData.rawData.CheckResults"
       :event-listener="pivotRedirectToResultsTab"
@@ -17,7 +17,7 @@
       :aggregator-names-list="['Count']"
     >
     </Pivot>
-  </v-container>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -64,7 +64,7 @@ const pivotRedirectToResultsTab = function (
             route.params.release +
             `/data_quality`,
           query: {
-            tab: "results",
+            tab: 2,
             ...params,
           },
         });
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index be0e6404..82e3e46b 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -1,155 +1,521 @@
 <template>
-  <v-container fluid class="ma-2 pa-4">
-    <v-row>
-      <v-col cols="3">
-        <v-text-field
-          prepend-icon="mdi-magnify"
-          label="Search in Table"
-          single-line
-          variant="outlined"
-          density="compact"
-          hide-details
-          @update:modelValue="debouncedSearch"
-        ></v-text-field>
-      </v-col>
-      <v-col cols="auto">
-        <SelectColumns :headers="headers" />
-      </v-col>
-      <v-col>
-        <NestedMenu
-          :data="store.getters.getData.checkResults"
-          :items="showHeaders"
-          :filters="filters"
-        ></NestedMenu>
-      </v-col>
-    </v-row>
-  </v-container>
-  <v-data-table
-    show-expand
-    v-model:expanded="expanded"
-    :headers="showHeaders"
-    :items="filteredChecks"
-    :footer-props="{
-      'items-per-page-options': [5, 10, 25],
-    }"
-    item-value="checkId"
-    :items-per-page="10"
-    :search="route.query.search"
-    density="compact"
+  <DataTable
+    show-gridlines
+    unstyled
+    removableSort
+    v-model:expandedRows="expanded"
+    size="small"
+    v-model:filters="filters"
+    :value="checks"
+    paginator
+    :rows="10"
+    filterDisplay="row"
+    :globalFilterFields="[
+      'cdmTableName',
+      'cdmFieldName',
+      'failed',
+      'category',
+      'checkDescription',
+    ]"
   >
-    <template v-slot:expanded-row="{ columns, item }">
-      <td class="text-left pa-4" :colspan="columns.length">
-        <v-row dense>
-          <v-col cols="2">Check Name</v-col>
-          <v-col>{{ item.raw.checkName }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Description</v-col>
-          <v-col
-            >{{ item.raw.checkDescription }} (threshold
-            {{ item.raw.thresholdValue }}%)</v-col
-          >
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Threshold</v-col>
-          <v-col>{{ item.raw.thresholdValue }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Notes</v-col>
-          <v-col>{{ item.raw.noteValue }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Level</v-col>
-          <v-col>{{ item.raw.checkLevel }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Table</v-col>
-          <v-col>
-            <a :href="links.getDocsLink(item.raw.cdmTableName)" target="_blank">
-              {{ item.raw.cdmTableName }}
-              <v-icon small>mdi-open-in-new</v-icon>
-            </a>
-          </v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Field</v-col>
-          <v-col>{{ item.raw.cdmFieldName }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Concept Id</v-col>
-          <v-col>
-            <router-link
-              v-if="item.raw.conceptId != undefined"
-              :to="getConceptDrilldown(item)"
-              color="primary"
-            >
-              {{ item.raw.conceptId }}
-              <v-icon small>mdi-open-in-new</v-icon>
-            </router-link>
-          </v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Unit Concept Id</v-col>
-          <v-col>{{ item.raw.UNIT_conceptId }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2"># Rows Violated</v-col>
-          <v-col>{{ item.raw.numViolatedRows }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2"># Rows Total</v-col>
-          <v-col>{{ item.raw.numDenominatorRows }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">% Rows Violated</v-col>
-          <v-col>{{ (item.raw.pctViolatedRows * 100).toFixed(2) }} %</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Execution Time</v-col>
-          <v-col>{{ item.raw.executionTime }}</v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">SQL Query</v-col>
-          <v-col>
-            <Codemirror
-              :model-value="item.raw.queryText"
-              :extensions="extensions"
-              disabled
-            ></Codemirror>
-          </v-col>
-        </v-row>
-        <v-row dense>
-          <v-col cols="2">Errors</v-col>
-          <v-col>{{ item.raw.ERROR }}</v-col>
-        </v-row>
-      </td>
-    </template>
-    <template #item.subcategory="{ item }">{{
-      item.raw.subcategory == undefined ? item.raw.subcategory : "None"
-    }}</template>
-    <template #item.checkDescription="{ item }">{{
-      renderDescription(item.raw)
-    }}</template>
-    <template #item.pctViolatedRows="{ item }">
-      <div class="text-right">{{ renderPercentPassed(item.raw) }} %</div>
-    </template>
-    <template #item.numViolatedRows="{ item }">
-      <div class="text-right">
-        {{ helpers.formatComma(item.raw.numViolatedRows) }}
+    <template #header>
+      <div class="flex flex-row gap-10">
+        <InputGroup unstyled>
+          <InputGroupAddon>
+            <i class="pi pi-search"></i>
+          </InputGroupAddon>
+          <InputText
+            class="rounded-r-lg"
+            style="width: 45rem"
+            unstyled
+            :value="route.query.search"
+            @update:modelValue="debouncedSearch"
+            placeholder="Search in Table"
+          />
+        </InputGroup>
+        <MultiSelect
+          :pt="{
+            root: 'dark:bg-primary-500 bg-primary-400 text-white rounded',
+            labelContainer:
+              'dark:bg-primary-500 bg-primary-400 text-white rounded',
+            trigger: [
+              'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-500 w-12',
+            ],
+          }"
+          v-model="selectedHeaders"
+          data-key="title"
+          option-label="title"
+          option-value="key"
+          :options="headers"
+          style="width: 15rem"
+          placeholder="Select Columns"
+        >
+          <template #value>
+            <span class="uppercase">Select Columns</span>
+          </template>
+        </MultiSelect>
       </div>
     </template>
-    <template #item.numDenominatorRows="{ item }">
-      <div class="text-right">
-        {{ helpers.formatComma(item.raw.numDenominatorRows) }}
+    <template #empty> No matching rows </template>
+    <Column
+      unstyled
+      :hidden="!selectedHeaders.includes('failed')"
+      sortable
+      filter-field="failed"
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      field="failed"
+      header="Status"
+    >
+      <template #body="{ data }">
+        {{ data.failed }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          show-clear
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="statusOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        ></Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      :hidden="!selectedHeaders.includes('cdmTableName')"
+      sortable
+      header="Table"
+      filterField="cdmTableName"
+      field="cdmTableName"
+    >
+      <template #body="{ data }">
+        <div class="flex align-items-center gap-2">
+          {{ data.cdmTableName }}
+        </div>
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          show-clear
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="cdmTableNamesOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('cdmFieldName')"
+      sortable
+      field="cdmFieldName"
+      filter-field="cdmFieldName"
+      header="Field"
+      style="min-width: 12rem; text-align: end"
+    >
+      <template #body="{ data }">
+        {{ data.cdmFieldName }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="cdmFieldNameOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      :hidden="!selectedHeaders.includes('checkName')"
+      sortable
+      filter-field="checkName"
+      field="checkName"
+      header="Check"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+    >
+      <template #body="{ data }">
+        {{ data.checkName }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="checkNameOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('category')"
+      sortable
+      filter-field="category"
+      field="category"
+      header="Category"
+    >
+      <template #body="{ data }">
+        {{ data.category }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="categoryOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('subcategory')"
+      sortable
+      filter-field="subcategory"
+      field="subcategory"
+      header="Subcategory"
+    >
+      <template #body="slotProps">
+        {{ slotProps.data.subcategory ? slotProps.data.subcategory : "None" }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="subcategoryOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('context')"
+      sortable
+      filter-field="context"
+      field="context"
+      header="Context"
+    >
+      <template #body="{ data }">
+        {{ data.context }}
+      </template>
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="contextsOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('checkLevel')"
+      sortable
+      filter-field="checkLevel"
+      field="checkLevel"
+      header="Check Level"
+    >
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="checkLevelOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      :show-filter-menu="false"
+      :show-clear-button="false"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('notesExist')"
+      sortable
+      filter-field="notesExist"
+      field="notesExist"
+      header="Notes"
+    >
+      <template #filter="{ filterModel, filterCallback }">
+        <Dropdown
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="notesExistOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </Dropdown>
+      </template>
+    </Column>
+    <Column
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('checkDescription')"
+      sortable
+      field="checkDescription"
+      header="Description"
+    >
+      <template #body="slotProps">
+        {{ renderDescription(slotProps.data) }}
+      </template>
+    </Column>
+    <Column
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('pctViolatedRows')"
+      sortable
+      field="pctViolatedRows"
+      header="% Records Failed"
+    >
+      <template #body="slotProps">
+        <div class="text-right">
+          {{ renderPercentPassed(slotProps.data) }} %
+        </div>
+      </template>
+    </Column>
+    <Column
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('numViolatedRows')"
+      sortable
+      field="numViolatedRows"
+      header="# Records Failed"
+    >
+      <template #body="slotProps">
+        {{ helpers.formatComma(slotProps.data.numViolatedRows) }}
+      </template>
+    </Column>
+    <Column
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('numDenominatorRows')"
+      sortable
+      field="numDenominatorRows"
+      header="# Total Records"
+    >
+      <template #body="slotProps">
+        <div class="text-right">
+          {{ helpers.formatComma(slotProps.data.numDenominatorRows) }}
+        </div>
+      </template>
+    </Column>
+    <Column
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      :hidden="!selectedHeaders.includes('executionTime')"
+      sortable
+      field="executionTime"
+      header="Execution Duration"
+    >
+    </Column>
+
+    <Column expander style="width: 5rem" />
+
+    <template #expansion="slotProps">
+      <div class="p-3 flex flex-col gap-2">
+        <table>
+          <tr>
+            <td>
+              <h3 class="font-bold" cols="2">Check Name</h3>
+            </td>
+            <td>
+              <p>{{ slotProps.data.checkName }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold">Description</h3></td>
+            <td>
+              <div>
+                {{ slotProps.data.checkDescription }} (threshold
+                {{ slotProps.data.thresholdValue }}%)
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Threshold</h3></td>
+            <td>
+              <p>{{ slotProps.data.thresholdValue }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Notes</h3></td>
+            <td>
+              <p>{{ slotProps.data.noteValue }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Check Level</h3></td>
+            <td>
+              <p>{{ slotProps.data.checkLevel }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Table</h3></td>
+            <td>
+              <p>
+                <a
+                  :href="links.getDocsLink(slotProps.data.cdmTableName)"
+                  target="_blank"
+                >
+                  {{ slotProps.data.cdmTableName }}
+                  <!--                <v-icon small>mdi-open-in-new</v-icon>-->
+                </a>
+              </p>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <h3 class="font-bold" cols="2">Field</h3>
+            </td>
+            <td>
+              <p>{{ slotProps.data.cdmFieldName }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <h3 class="font-bold" cols="2">Concept Id</h3>
+            </td>
+            <td>
+              <p>
+                <router-link
+                  v-if="slotProps.data.conceptId != undefined"
+                  :to="getConceptDrilldown(slotProps.data)"
+                  color="primary"
+                >
+                  {{ slotProps.data.conceptId }}
+                  <!--                <v-icon small>mdi-open-in-new</v-icon>-->
+                </router-link>
+              </p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Unit Concept Id</h3></td>
+            <td>
+              <p>{{ slotProps.data.UNIT_conceptId }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <h3 class="font-bold" cols="2"># Rows Violated</h3>
+            </td>
+            <td>
+              <p>{{ slotProps.data.numViolatedRows }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2"># Rows Total</h3></td>
+            <td>
+              <p>{{ slotProps.data.numDenominatorRows }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <h3 class="font-bold" cols="2">% Rows Violated</h3>
+            </td>
+            <td>
+              <p>{{ (slotProps.data.pctViolatedRows * 100).toFixed(2) }} %</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Execution Time</h3></td>
+            <td>
+              <p>{{ slotProps.data.executionTime }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">Errors</h3></td>
+            <td>
+              <p>{{ slotProps.data.ERROR }}</p>
+            </td>
+          </tr>
+          <tr>
+            <td><h3 class="font-bold" cols="2">SQL Query</h3></td>
+            <td>
+              <Codemirror
+                :model-value="slotProps.data.queryText"
+                :extensions="extensions"
+                disabled
+              ></Codemirror>
+            </td>
+          </tr>
+        </table>
       </div>
     </template>
-  </v-data-table>
+  </DataTable>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-import SelectColumns from "@/features/selectColumns";
-import NestedMenu from "@/features/nestedMenu/NestedMenu.vue";
 import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
@@ -163,22 +529,65 @@ import { oneDark } from "@codemirror/theme-one-dark";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+import { FilterMatchMode } from "primevue/api";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputText from "primevue/inputtext";
+import Dropdown from "primevue/dropdown";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import MultiSelect from "primevue/multiselect";
+
+const checks = ref(store.getters.getData.checkResults);
 
 const extensions = [sql(), oneDark];
 
+//filter field options
+const statusOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "failed", true);
+});
+
+const cdmTableNamesOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "cdmTableName", true);
+});
+
+const cdmFieldNameOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "cdmFieldName", true);
+});
+const checkNameOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "checkName", true);
+});
+const categoryOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "category", true);
+});
+const subcategoryOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "subcategory", true);
+});
+const contextsOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "context", true);
+});
+const checkLevelOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "checkLevel", true);
+});
+const notesExistOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "notesExist", true);
+});
+
+const filters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+  failed: { value: null, matchMode: FilterMatchMode.EQUALS },
+  cdmTableName: { value: null, matchMode: FilterMatchMode.EQUALS },
+  cdmFieldName: { value: null, matchMode: FilterMatchMode.EQUALS },
+  checkName: { value: null, matchMode: FilterMatchMode.EQUALS },
+  category: { value: null, matchMode: FilterMatchMode.EQUALS },
+  subcategory: { value: null, matchMode: FilterMatchMode.EQUALS },
+  context: { value: null, matchMode: FilterMatchMode.EQUALS },
+  checkLevel: { value: null, matchMode: FilterMatchMode.EQUALS },
+  notesExist: { value: null, matchMode: FilterMatchMode.EQUALS },
+});
+
 const expanded = ref([]);
-const filters = ref({});
-const defaultFilters = {
-  failed: [],
-  cdmTableName: [],
-  cdmFieldName: [],
-  checkName: [],
-  notesExist: [],
-  category: [],
-  subcategory: [],
-  context: [],
-  checkLevel: [],
-};
+
 const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Status",
@@ -225,7 +634,7 @@ const headers: Ref<DataTableHeader[]> = ref([
   {
     title: "Context",
     sortable: true,
-    key: "contexts",
+    key: "context",
     show: false,
     default: false,
   },
@@ -279,6 +688,14 @@ const headers: Ref<DataTableHeader[]> = ref([
     default: false,
   },
 ]);
+
+const selectedHeaders = ref([]);
+
+const setDefaultSelectedHeaders = function () {
+  selectedHeaders.value = Object.values(headers.value)
+    .filter((value) => value.show)
+    .reduce((acc, val) => [...acc, val.key], []);
+};
 const getConceptDrilldown = function (item) {
   return {
     name: "networkConcept",
@@ -288,13 +705,6 @@ const getConceptDrilldown = function (item) {
     },
   };
 };
-const filteredChecks = computed(() => {
-  return store.getters.getData.checkResults.filter((d) => {
-    return Object.keys(filters.value).every((f) => {
-      return filters.value[f].length < 1 || filters.value[f].includes(d[f]);
-    });
-  });
-});
 const renderDescription = function (d) {
   let thresholdMessage = "";
   if (d.thresholdValue != undefined) {
@@ -305,13 +715,17 @@ const renderDescription = function (d) {
 const renderPercentPassed = function (d): string | number {
   return d.pctViolatedRows ? (d.pctViolatedRows * 100).toFixed(2) : 0;
 };
-const showHeaders = computed((): DataTableHeader[] => {
-  return headers.value.filter((header) => header.show);
-});
+
 const debouncedSearch = debounce(function (data: string): void {
-  router.push({
-    query: { ...route.query, search: data },
-  });
+  router
+    .push({
+      query: {
+        search: data,
+      },
+    })
+    .then(() => {
+      filters.value.global.value = route.query.search;
+    });
 }, 300);
 
 const filterParams = computed(function () {
@@ -329,34 +743,19 @@ const filterParams = computed(function () {
 });
 const updateColumnsList = function (): void {
   const parsedParams = Object.keys(JSON.parse(filterParams.value));
-  headers.value = headers.value.map((header) => {
-    if (parsedParams.includes(header.key)) {
-      return { ...header, show: true };
-    } else {
-      if (header.default) {
-        return header;
-      } else {
-        return { ...header, show: false };
-      }
-    }
-  });
+  selectedHeaders.value = [...selectedHeaders.value, ...parsedParams];
 };
 
 const updateFiltersFromUrl = function (): void {
   const parsedParams = JSON.parse(filterParams.value);
 
-  filters.value = {
-    ...defaultFilters,
-    ...Object.keys(parsedParams).reduce(
-      (acc, key) => ({
-        ...acc,
-        [key]: Array.isArray(parsedParams[key])
-          ? [...parsedParams[key]]
-          : [parsedParams[key]],
-      }),
-      {}
-    ),
-  };
+  for (const key in filters.value) {
+    if (parsedParams[key]) {
+      filters.value[key].value = parsedParams[key];
+    } else {
+      filters.value[key].value = null;
+    }
+  }
 };
 
 watch(filterParams, (): void => {
@@ -365,9 +764,14 @@ watch(filterParams, (): void => {
 });
 
 onBeforeMount((): void => {
+  setDefaultSelectedHeaders();
   updateColumnsList();
   updateFiltersFromUrl();
 });
+
+watch(route, () => {
+  setDefaultSelectedHeaders();
+});
 </script>
 
 <style>
diff --git a/src/pages/reports/release/DeathReport/DeathReport.vue b/src/pages/reports/release/DeathReport/DeathReport.vue
index f6a7bf84..fbc1c853 100644
--- a/src/pages/reports/release/DeathReport/DeathReport.vue
+++ b/src/pages/reports/release/DeathReport/DeathReport.vue
@@ -1,22 +1,14 @@
 <template>
-  <div>
-    <v-container v-if="!store.getters.getErrors" fluid>
-      <v-responsive min-width="900">
-        <div class="text-uppercase text-h6">Death Report</div>
+  <div v-if="!store.getters.getErrors" fluid>
+    <div class="flex flex-col gap-10">
+      <PageHeader title="Death Report" />
+      <div class="flex flex-col gap-5">
         <AgeAtDeath />
         <DeathByType />
         <RecordCountProportionByAgeSexYear />
         <RecordCountProportionByMonth />
-      </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
-    </v-container>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -29,6 +21,7 @@ import RecordCountProportionByAgeSexYear from "@/pages/reports/release/DeathRepo
 import RecordCountProportionByMonth from "@/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index 11773af4..cf2f8a61 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -1,7 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Age at Death" />
-
+  <Panel header="Age at Death">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatdeath"
@@ -9,22 +7,24 @@
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.name.toUpperCase()]
-                .AGE_AT_DEATH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .AGE_AT_DEATH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -37,6 +37,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index 5cda0b90..a075a760 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -1,7 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Death By Type" />
-
+  <Panel header="Death by Type">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathbytype"
@@ -9,22 +7,24 @@
       :chartSpec="specDeathByType"
       :data="store.getters.getData.DEATH_BY_TYPE"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.name.toUpperCase()]
-                .DEATH_BY_TYPE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .DEATH_BY_TYPE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -36,6 +36,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 6432a285..df32beff 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,6 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Record Count Proportion by Age, Sex, and Year" />
+  <Panel header="Record Count Proportion by Age, Sex, and Year">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
@@ -8,22 +7,24 @@
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.name.toUpperCase()]
-                .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .PREVALENCE_BY_GENDER_AGE_YEAR[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -35,6 +36,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 74b8960e..8787c2ea 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,12 +1,15 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Record Count Proportion by Month"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Record Count Proportion by Month">
+    <template #icons>
+      <ChartHeader
+        title="Record Count Proportion by Month"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathrecordproportionbymonth"
@@ -23,26 +26,28 @@
       :data="store.getters.getData.PREVALENCE_BY_MONTH"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.name.toUpperCase()]
-                .PREVALENCE_BY_MONTH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.name.toUpperCase()]
+                  .PREVALENCE_BY_MONTH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -59,6 +64,9 @@ import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+
 const store = useStore();
 const route = useRoute();
 
diff --git a/src/pages/reports/release/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/DomainDensity.vue
index 6c67b591..c1259c68 100644
--- a/src/pages/reports/release/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/DomainDensity.vue
@@ -1,15 +1,7 @@
 <template>
-  <div v-if="!store.getters.getErrors">
+  <div class="flex flex-col gap-10" v-if="!store.getters.getErrors">
     <DomainDensity />
     <DomainRecordsPerPerson />
-    <form-dialog
-      v-if="store.getters.getDialogData.show"
-      @close="store.commit(SET_DIALOG, false)"
-      :show="store.getters.getDialogData.show"
-      :action="store.getters.getDialogData.action"
-      :data="store.getters.getDialogData.data"
-      :form-title="'Edit selection'"
-    />
   </div>
 </template>
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index c866aca3..8f1b1cae 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -1,13 +1,16 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
-    <ChartHeader
-      title="Domain
-      Density"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Domain Density" :loading="!store.getters.dataInStore">
+    <template #icons>
+      <ChartHeader
+        title="Domain
+          Density"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -24,22 +27,24 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.DATA_DENSITY
-                .DATADENSITY_RECORDS_PER_PERSON[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DATA_DENSITY
+                  .DATADENSITY_RECORDS_PER_PERSON[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -57,6 +62,8 @@ import _ from "lodash";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
index 70d5feeb..459fe762 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/defOverview.ts
@@ -60,7 +60,7 @@ export function defOverview(zeroBaseline = false) {
             selection: {
               x: {
                 type: "single",
-                on: "mousemove",
+                on: "mouseover",
                 fields: ["transformedDate"],
                 nearest: true,
               },
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index 056b4aa2..ca6e1b1a 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -1,17 +1,21 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="10" class="ma-4">
-    <ChartHeader
-      title="Domain Records per Person"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel
+    header="Domain Records per Person"
+    :loading="!store.getters.dataInStore"
+  >
+    <template #icons>
+      <ChartHeader
+        title="Domain Records per Person"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
       width="80"
-      title="Domain Records per Person"
       :chartSpec="defRecordsPerPerson"
       :annotations-config="{
         chartSpec: defRecordsPerPersonAnnotation,
@@ -24,22 +28,23 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DATA_DENSITY.DATADENSITY_TOTAL[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -56,6 +61,8 @@ import { useRoute } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
index 5574098a..01b75019 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/defRecordsPerPerson.ts
@@ -59,7 +59,7 @@ export function defRecordsPerPerson(zeroBaseline = false) {
             selection: {
               x: {
                 type: "single",
-                on: "mousemove",
+                on: "mouseover",
                 fields: ["transformedDate"],
                 nearest: true,
               },
diff --git a/src/pages/reports/release/DomainTable/DomainTable.vue b/src/pages/reports/release/DomainTable/DomainTable.vue
index b6fceb6c..ff911cef 100644
--- a/src/pages/reports/release/DomainTable/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable/DomainTable.vue
@@ -1,11 +1,9 @@
 <template>
-  <div v-if="!store.getters.getErrors">
-    <v-container fluid class="pa-1">
-      <MainTable />
-      <DomainMetadataTable :data="store.getters.getData.metadataData" />
-      <DataStratificationByVisit />
-      <DataStratificationByDrug />
-    </v-container>
+  <div v-if="!store.getters.getErrors" class="flex flex-col gap-5">
+    <MainTable />
+    <DomainMetadataTable :data="store.getters.getData.metadataData" />
+    <DataStratificationByVisit />
+    <DataStratificationByDrug />
   </div>
 </template>
 
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 7e56d91b..0eb3f5a7 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -1,14 +1,11 @@
 <template>
-  <v-card
+  <Panel
+    header="Drug Domain Stratification by Drug Type"
     v-if="
       route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' &&
       store.getters.getData.drugStratification
     "
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Drug Domain Stratification by Drug Type" />
     <Chart
       v-if="
         store.getters.dataInStore && store.getters.getData.drugStratification
@@ -17,22 +14,24 @@
       :chartSpec="specDrugTypeStratification"
       :data="store.getters.getData.drugStratification"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.DOMAIN_SUMMARY
-                .DOMAIN_DRUG_STRATIFICATION
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY
+                  .DOMAIN_DRUG_STRATIFICATION
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -41,9 +40,10 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { specDrugTypeStratification } from "./specDrugTypeStratification";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index 3a81826e..c4fe411a 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -1,11 +1,8 @@
 <template>
-  <v-card
+  <Panel
+    header="Domain Data Stratification By Visit"
     v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Domain Data Stratification by Visit" />
     <Chart
       v-if="
         store.getters.dataInStore && store.getters.getData.domainStratification
@@ -14,14 +11,16 @@
       :chartSpec="specVisitStratification"
       :data="store.getters.getData.domainStratification"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Any domain data categorized as a Visit of 'No matching concept' implies
-        that this data had no associated Visit on the Domain record."
-      />
-    </v-toolbar>
-  </v-card>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Any domain data categorized as a Visit of 'No matching concept' implies
+            that this data had no associated Visit on the Domain record."
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -29,8 +28,9 @@ import { Chart } from "@/widgets/chart";
 import { specVisitStratification } from "./specVisitStratification";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
index 1e798996..30487c0a 100644
--- a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -1,17 +1,34 @@
 <template>
-  <v-card v-if="items.length" elevation="10" class="ma-4">
-    <v-card-title>Domain metadata</v-card-title>
-    <v-data-table :headers="headers" :items="items"></v-data-table>
-  </v-card>
+  <Panel
+    header="Domain metadata"
+    v-if="items.length"
+    elevation="10"
+    class="ma-4"
+  >
+    <DataTable
+      size="small"
+      paginator
+      :value="items"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
+    >
+      <Column header="METADATA_CONCEPT_ID" field="METADATA_CONCEPT_ID"></Column>
+      <Column header="NAME" field="NAME"></Column>
+      <Column header="VALUE_AS_STRING" field="VALUE_AS_STRING"></Column>
+      <Column header="VALUE_AS_CONCEPT_ID" field="VALUE_AS_CONCEPT_ID">
+      </Column>
+      <Column header="METADATA_DATE" field="METADATA_DATE"> </Column>
+      <Column header="METADATA_DATETIME" field="METADATA_DATETIME"> </Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-
-import { useStore } from "vuex";
-import { computed, ref, Ref, defineProps } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import { computed, defineProps } from "vue";
 import { useRoute } from "vue-router";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 interface Props {
   data: [];
@@ -19,7 +36,6 @@ interface Props {
 
 const props = defineProps<Props>();
 
-const store = useStore();
 const route = useRoute();
 
 const items = computed(() => {
@@ -47,45 +63,6 @@ const domainMap = {
   person: "PERSON",
   observationPeriod: "OBSERVATION PERIOD",
 };
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "METADATA_CONCEPT_ID",
-    sortable: true,
-    key: "METADATA_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "NAME",
-    sortable: true,
-    key: "NAME",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_STRING",
-    sortable: true,
-    key: "VALUE_AS_STRING",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_CONCEPT_ID",
-    sortable: true,
-    key: "VALUE_AS_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATE",
-    sortable: true,
-    key: "METADATA_DATE",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATETIME",
-    sortable: true,
-    key: "METADATA_DATETIME",
-    align: "start",
-  },
-]);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 6ffccc01..596b45cd 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -1,151 +1,365 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <div v-if="store.getters.dataInStore">
-      <ChartHeader :title="route.params.domain.toUpperCase().replace('_', ' ')">
-        <ChartActionIcon
-          icon="mdi-database"
-          :tooltip="
-            issueCount > 0
-              ? 'Data quality issues were identified for this domain'
-              : ''
-          "
-          :count="issueCount"
-          @iconClicked="navigateToDataQuality"
-        />
-      </ChartHeader>
-      <v-container fluid>
-        <v-row>
-          <v-col>
-            <v-text-field
-              prepend-icon="mdi-magnify"
-              label="Search in Table"
-              single-line
-              density="compact"
-              variant="outlined"
-              hide-details
-              @update:modelValue="debouncedSearch"
-            ></v-text-field>
-          </v-col>
-          <v-col>
-            <SelectColumns :headers="getHeadersByDomain" />
-          </v-col>
-        </v-row>
-      </v-container>
-      <v-data-table
-        v-if="store.getters.getData"
-        class="mt-4"
-        density="compact"
-        :headers="showHeaders"
-        :items="store.getters.getData.domainTable"
-        :footer-props="{
-          'items-per-page-options': [10, 25, 50],
-        }"
-        item-key="CONCEPT_ID"
-        :items-per-page="10"
-        :search="route.query.search"
-        :sort-by="['PERCENT_PERSONS']"
-        :sort-desc="[true, false]"
+  <Panel
+    v-if="store.getters.dataInStore"
+    :header="openedDomain.split('_').join(' ')"
+  >
+    <template #icons>
+      <ChartActionIcon
+        :icon="mdiDatabase"
+        :tooltip="
+          issueCount > 0
+            ? 'Data quality issues were identified for this domain'
+            : ''
+        "
+        :count="issueCount"
+        @iconClicked="navigateToDataQuality"
+      />
+    </template>
+    <div class="p-5">
+      <DataTable
+        size="small"
+        :value="store.getters.getData.domainTable"
+        paginator
+        v-model:filters="newFilters"
+        :globalFilterFields="['CONCEPT_ID', 'CONCEPT_NAME', '']"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <template v-slot:item.CONCEPT_ID="{ item }">
-          <v-layout flex-end
-            ><router-link :to="getReportRoute(item)">{{
-              item.raw.CONCEPT_ID
-            }}</router-link></v-layout
-          >
-        </template>
-        <template v-slot:item.CONCEPT_NAME="{ item }">
-          <v-row>
-            <v-col cols="10">
-              <router-link
-                :to="getReportRoute(item)"
-                :title="item.raw.CONCEPT_NAME"
-                >{{ item.raw.CONCEPT_NAME }}
-              </router-link>
-            </v-col>
-          </v-row>
-        </template>
-        <template v-slot:item.NUM_PERSONS="{ item }">
-          <v-layout class="justify-end"
-            ><div
-              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
-            >
-              {{ helpers.formatComma(item.raw.NUM_PERSONS) }}
-            </div></v-layout
-          >
-        </template>
-        <template v-slot:item.DIFF_NUM_PERSONS="{ item }">
-          <v-layout class="justify-end">
-            {{
-              item.raw.DIFF_NUM_PERSONS
-                ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)
-                : "No data"
-            }}
-          </v-layout>
-        </template>
-        <template v-slot:item.PERCENT_PERSONS="{ item }">
-          <v-layout class="justify-end"
-            ><div
-              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"
+        <template #header>
+          <div class="flex flex-row gap-10">
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                :value="route.query.search"
+                @update:modelValue="debouncedSearch"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
+            <MultiSelect
+              :pt="{
+                root: 'dark:bg-primary-500 bg-primary-400 text-white rounded',
+                labelContainer:
+                  'dark:bg-primary-500 bg-primary-400 text-white rounded',
+                trigger: [
+                  'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-500 w-12',
+                ],
+              }"
+              v-model="selectedHeaders"
+              data-key="title"
+              option-label="title"
+              option-value="key"
+              :options="getHeaders"
+              placeholder="Select Columns"
             >
-              {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %
-            </div></v-layout
-          >
+              <template #value>
+                <span class="flex flex-row w-full items-center">
+                  <svg-icon type="mdi" :path="mdiTable"></svg-icon>
+                  <span class="uppercase text-base">Columns to display</span>
+                </span>
+              </template>
+            </MultiSelect>
+          </div>
         </template>
-        <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">
-          <v-layout class="justify-end"
-            ><div
+        <Column
+          :hidden="!selectedHeaders.includes('CONCEPT_ID')"
+          field="CONCEPT_ID"
+          header="Concept Id"
+        >
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getReportRoute(slotProps.data)"
+              :title="slotProps.data.CONCEPT_ID"
+              >{{ slotProps.data.CONCEPT_ID }}
+            </router-link>
+          </template>
+        </Column>
+        <Column
+          :hidden="!selectedHeaders.includes('CONCEPT_NAME')"
+          field="CONCEPT_NAME"
+          header="Concept Name"
+        >
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getReportRoute(slotProps.data)"
+              :title="slotProps.data.CONCEPT_NAME"
+              >{{ slotProps.data.CONCEPT_NAME }}
+            </router-link>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('NUM_PERSONS')"
+          field="NUM_PERSONS"
+          header="# People"
+        >
+          <template #body="slotProps">
+            <div
               :class="
-                helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)
+                helpers.getFontWeight(slotProps.data.PERCENT_PERSONS_NTILE)
               "
             >
+              {{ helpers.formatComma(slotProps.data.NUM_PERSONS) }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('DIFF_NUM_PERSONS')"
+          field="DIFF_NUM_PERSONS"
+          header="Delta # Person"
+        >
+          <template #body="slotProps">
+            <div>
               {{
-                item.raw.DIFF_PERCENT_PERSONS
-                  ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"
+                slotProps.data.DIFF_NUM_PERSONS
+                  ? helpers.formatComma(slotProps.data.DIFF_NUM_PERSONS)
                   : "No data"
               }}
-            </div></v-layout
-          >
-        </template>
-        <template v-slot:item.RECORDS_PER_PERSON="{ item }">
-          <v-layout class="justify-end"
-            ><div
-              :class="helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)"
+            </div>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('PERCENT_PERSONS')"
+          field="PERCENT_PERSONS"
+          header="% People"
+        >
+          <template #body="slotProps">
+            <div
+              :class="
+                helpers.getFontWeight(slotProps.data.PERCENT_PERSONS_NTILE)
+              "
             >
-              {{ item.raw.RECORDS_PER_PERSON }}
-            </div></v-layout
-          >
-        </template>
-        <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">
-          {{
-            item.raw.DIFF_RECORDS_PER_PERSON
-              ? item.raw.DIFF_RECORDS_PER_PERSON
-              : "No data"
-          }}
-        </template>
-        <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">
-          <v-layout class="justify-end"
-            >{{
-              item.raw.PERCENT_MISSING_VALUES
-                ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(
-                    2
-                  )} %`
+              {{ (slotProps.data.PERCENT_PERSONS * 100).toFixed(2) }} %
+            </div>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('DIFF_PERCENT_PERSONS')"
+          field="DIFF_PERCENT_PERSONS"
+          header="Delta % People"
+        >
+          <template #body="slotProps">
+            <div
+              :class="
+                helpers.getFontWeight(slotProps.data.DIFF_PERCENT_PERSONS_NTILE)
+              "
+            >
+              {{ helpers.formatComma(slotProps.data.DIFF_PERCENT_PERSONS) }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('RECORDS_PER_PERSON')"
+          field="RECORDS_PER_PERSON"
+          header="Records per Person"
+        >
+          <template #body="slotProps">
+            <div
+              :class="
+                helpers.getFontWeight(slotProps.data.RECORDS_PER_PERSON_NTILE)
+              "
+            >
+              {{ slotProps.data.RECORDS_PER_PERSON }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('DIFF_RECORDS_PER_PERSON')"
+          field="DIFF_RECORDS_PER_PERSON"
+          header="Delta Records per Person"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.DIFF_RECORDS_PER_PERSON
+                ? slotProps.data.DIFF_RECORDS_PER_PERSON
                 : "No data"
             }}
-          </v-layout>
-        </template>
-      </v-data-table>
-      <v-toolbar density="compact" class="mt-6">
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('AVERAGE_DURATION')"
+          field="AVERAGE_DURATION"
+          header="Avg Duration"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('PERCENT_MISSING_VALUES')"
+          field="PERCENT_MISSING_VALUES"
+          header="% with Values"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.PERCENT_MISSING_VALUES
+                ? `${(
+                    (1 - slotProps.data.PERCENT_MISSING_VALUES) *
+                    100
+                  ).toFixed(2)} %`
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('MEDIAN_VALUE')"
+          field="MEDIAN_VALUE"
+          header="Median Era Length (Days)"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('P25_VALUE')"
+          field="P25_VALUE"
+          header="25th % Era Length (Days)"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          :hidden="!selectedHeaders.includes('P75_VALUE')"
+          field="P75_VALUE"
+          header="75th % Era Length (Days)"
+        >
+        </Column>
+      </DataTable>
+
+      <!--      <v-data-table-->
+      <!--        v-if="store.getters.getData"-->
+      <!--        class="mt-4"-->
+      <!--        density="compact"-->
+      <!--        :headers="showHeaders"-->
+      <!--        :items="store.getters.getData.domainTable"-->
+      <!--        :footer-props="{-->
+      <!--          'items-per-page-options': [10, 25, 50],-->
+      <!--        }"-->
+      <!--        item-key="CONCEPT_ID"-->
+      <!--        :items-per-page="10"-->
+      <!--        :search="route.query.search"-->
+      <!--        :sort-by="['PERCENT_PERSONS']"-->
+      <!--        :sort-desc="[true, false]"-->
+      <!--      >-->
+      <!--        <template v-slot:item.CONCEPT_ID="{ item }">-->
+      <!--          <v-layout flex-end-->
+      <!--            ><router-link :to="getReportRoute(item)">{{-->
+      <!--              item.raw.CONCEPT_ID-->
+      <!--            }}</router-link></v-layout-->
+      <!--          >-->
+      <!--        </template>-->
+      <!--        <template v-slot:item.CONCEPT_NAME="{ item }">-->
+      <!--                <v-row>-->
+      <!--                  <v-col cols="10">-->
+      <!--                    <router-link-->
+      <!--                      :to="getReportRoute(item)"-->
+      <!--                      :title="item.raw.CONCEPT_NAME"-->
+      <!--                      >{{ item.raw.CONCEPT_NAME }}-->
+      <!--                    </router-link>-->
+      <!--                  </v-col>-->
+      <!--                </v-row>-->
+      <!--        </template>-->
+      <!--        <template v-slot:item.NUM_PERSONS="{ item }">-->
+      <!--          <v-layout class="justify-end"-->
+      <!--            ><div-->
+      <!--              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"-->
+      <!--            >-->
+      <!--              {{ helpers.formatComma(item.raw.NUM_PERSONS) }}-->
+      <!--            </div></v-layout-->
+      <!--          >-->
+      <!--        </template>-->
+      <!--      <template v-slot:item.DIFF_NUM_PERSONS="{ item }">-->
+      <!--        <v-layout class="justify-end">-->
+      <!--          {{-->
+      <!--            item.raw.DIFF_NUM_PERSONS-->
+      <!--              ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)-->
+      <!--              : "No data"-->
+      <!--          }}-->
+      <!--        </v-layout>-->
+      <!--      </template>-->
+      <!--        <template v-slot:item.PERCENT_PERSONS="{ item }">-->
+      <!--          <v-layout class="justify-end"-->
+      <!--            ><div-->
+      <!--              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"-->
+      <!--            >-->
+      <!--              {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %-->
+      <!--            </div></v-layout-->
+      <!--          >-->
+      <!--        </template>-->
+      <!--      <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">-->
+      <!--        <v-layout class="justify-end"-->
+      <!--          ><div-->
+      <!--            :class="helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)"-->
+      <!--          >-->
+      <!--            {{-->
+      <!--              item.raw.DIFF_PERCENT_PERSONS-->
+      <!--                ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"-->
+      <!--                : "No data"-->
+      <!--            }}-->
+      <!--          </div></v-layout-->
+      <!--        >-->
+      <!--      </template>-->
+      <!--      <template v-slot:item.RECORDS_PER_PERSON="{ item }">-->
+      <!--        <v-layout class="justify-end"-->
+      <!--          ><div-->
+      <!--            :class="helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)"-->
+      <!--          >-->
+      <!--            {{ item.raw.RECORDS_PER_PERSON }}-->
+      <!--          </div></v-layout-->
+      <!--        >-->
+      <!--      </template>-->
+      <!--      <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">-->
+      <!--        {{-->
+      <!--          item.raw.DIFF_RECORDS_PER_PERSON-->
+      <!--            ? item.raw.DIFF_RECORDS_PER_PERSON-->
+      <!--            : "No data"-->
+      <!--        }}-->
+      <!--      </template>-->
+      <!--        <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">-->
+      <!--          <v-layout class="justify-end"-->
+      <!--            >{{-->
+      <!--              item.raw.PERCENT_MISSING_VALUES-->
+      <!--                ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(-->
+      <!--                    2-->
+      <!--                  )} %`-->
+      <!--                : "No data"-->
+      <!--            }}-->
+      <!--          </v-layout>-->
+      <!--        </template>-->
+      <!--      </v-data-table>-->
+    </div>
+    <template #footer>
+      <div class="flex flex-row gap-2">
         <ChartActionIcon
-          icon="mdi-help-circle"
+          :icon="mdiHelpCircle"
           tooltip="A summary of concepts in the domain including the percentage of people with at least one occurrence of the concept, the total number of people with at least one occurrence of the concept, and the average records per person."
         />
         <ChartActionIcon
-          icon="mdi-eye"
+          :icon="mdiEye"
           tooltip="This table uses a preattentive processing visualization technique to highlight values in the top deciles by displaying the values in descending levels of font weight.  Darker values occur in the top 3 deciles of all values appearing in the column."
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
-          icon="mdi-code-braces"
+          :icon="mdiCodeBraces"
           tooltip="View Export Query"
           @iconClicked="
             helpers.openNewTab(
@@ -157,31 +371,50 @@
             )
           "
         />
-      </v-toolbar>
-    </div>
-  </v-card>
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
-import SelectColumns from "@/features/selectColumns";
-
 import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
-import { computed, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { debounce } from "lodash";
 import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputText from "primevue/inputtext";
+import MultiSelect from "primevue/multiselect";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import { FilterMatchMode } from "primevue/api";
+import {
+  mdiCodeBraces,
+  mdiDatabase,
+  mdiEye,
+  mdiHelpCircle,
+  mdiTable,
+  mdiTableColumn,
+} from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+import { links } from "@/shared/config/links";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
 
-const headers = ref([
-  {
+const openedDomain = computed(() => route.params.domain?.toUpperCase());
+
+const newFilters = computed(() => ({
+  global: { value: route.query.search, matchMode: FilterMatchMode.CONTAINS },
+}));
+
+const headers = ref({
+  CONCEPT_ID: {
     title: "Concept Id",
     sortable: true,
     key: "CONCEPT_ID",
@@ -189,7 +422,7 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
-  {
+  CONCEPT_NAME: {
     title: "Concept Name",
     sortable: true,
     key: "CONCEPT_NAME",
@@ -197,7 +430,7 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
-  {
+  NUM_PERSONS: {
     title: "# People",
     sortable: true,
     key: "NUM_PERSONS",
@@ -205,7 +438,7 @@ const headers = ref([
     show: false,
     domain: ["ALL"],
   },
-  {
+  DIFF_NUM_PERSONS: {
     title: "Delta # Person",
     sortable: true,
     key: "DIFF_NUM_PERSONS",
@@ -213,7 +446,7 @@ const headers = ref([
     show: false,
     domain: ["ALL"],
   },
-  {
+  PERCENT_PERSONS: {
     title: "% People",
     sortable: true,
     key: "PERCENT_PERSONS",
@@ -221,7 +454,7 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
-  {
+  DIFF_PERCENT_PERSONS: {
     title: "Delta % People",
     sortable: true,
     key: "DIFF_PERCENT_PERSONS",
@@ -229,7 +462,7 @@ const headers = ref([
     show: false,
     domain: ["ALL"],
   },
-  {
+  RECORDS_PER_PERSON: {
     title: "Records per Person",
     sortable: true,
     key: "RECORDS_PER_PERSON",
@@ -237,7 +470,7 @@ const headers = ref([
     show: true,
     domain: ["ALL"],
   },
-  {
+  DIFF_RECORDS_PER_PERSON: {
     title: "Delta Records per Person",
     sortable: true,
     key: "DIFF_RECORDS_PER_PERSON",
@@ -245,7 +478,7 @@ const headers = ref([
     show: false,
     domain: ["ALL"],
   },
-  {
+  AVERAGE_DURATION: {
     title: "Avg Duration",
     sortable: true,
     key: "AVERAGE_DURATION",
@@ -253,7 +486,7 @@ const headers = ref([
     domain: ["VISIT_OCCURRENCE", "VISIT_DETAIL"],
     show: true,
   },
-  {
+  PERCENT_MISSING_VALUES: {
     title: "% with Values",
     sortable: true,
     key: "PERCENT_MISSING_VALUES",
@@ -261,7 +494,7 @@ const headers = ref([
     domain: ["MEASUREMENT"],
     show: true,
   },
-  {
+  MEDIAN_VALUE: {
     title: "Median Era Length (Days)",
     sortable: true,
     key: "MEDIAN_VALUE",
@@ -269,7 +502,7 @@ const headers = ref([
     domain: ["DRUG_ERA", "CONDITION_ERA"],
     show: true,
   },
-  {
+  P25_VALUE: {
     title: "25th % Era Length (Days)",
     sortable: true,
     align: "end",
@@ -277,7 +510,7 @@ const headers = ref([
     domain: ["DRUG_ERA", "CONDITION_ERA"],
     show: false,
   },
-  {
+  P75_VALUE: {
     title: "75th % Era Length (Days)",
     sortable: true,
     align: "end",
@@ -285,21 +518,17 @@ const headers = ref([
     domain: ["DRUG_ERA", "CONDITION_ERA"],
     show: false,
   },
-]);
+});
 
-const getHeadersByDomain = computed(function () {
-  //add param type check
-  const openedDomain = route.params.domain.toUpperCase();
-  return headers.value.filter(
+const selectedHeaders = ref([]);
+
+const getHeaders = computed(() => {
+  return Object.values(headers.value).filter(
     (value) =>
-      value.domain.includes("ALL") || value.domain.includes(openedDomain)
+      value.domain.includes("ALL") || value.domain.includes(openedDomain.value)
   );
 });
 
-const showHeaders = computed(() => {
-  return getHeadersByDomain.value.filter((header) => header.show);
-});
-
 const debouncedSearch = debounce(function (data: string): void {
   router.push({
     query: {
@@ -325,10 +554,28 @@ const issueCount = computed(function (): number {
 const getReportRoute = function (item) {
   return {
     name: "concept",
-    params: { concept: item.raw.CONCEPT_ID },
+    params: { concept: item.CONCEPT_ID },
   };
 };
 
+const setDefaultSelectedHeaders = function () {
+  selectedHeaders.value = Object.values(headers.value)
+    .filter(
+      (value) =>
+        (value.domain.includes("ALL") ||
+          value.domain.includes(openedDomain.value)) &&
+        value.show
+    )
+    .reduce((acc, val) => [...acc, val.key], []);
+};
+
+onMounted(() => {
+  setDefaultSelectedHeaders();
+});
+watch(route, () => {
+  setDefaultSelectedHeaders();
+});
+
 const navigateToDataQuality = function () {
   router.push({
     name: "dataQuality",
@@ -337,12 +584,16 @@ const navigateToDataQuality = function () {
       release: route.params.release,
     },
     query: {
-      tab: "results",
-      cdmTableName: route.params.domain.toUpperCase(),
+      tab: 2,
+      cdmTableName: openedDomain.value,
       failed: "FAIL",
     },
   });
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.p-inputtext {
+  width: 200%;
+}
+</style>
diff --git a/src/pages/reports/release/MetadataReport/MetadataReport.vue b/src/pages/reports/release/MetadataReport/MetadataReport.vue
index a74a3104..782e17f7 100644
--- a/src/pages/reports/release/MetadataReport/MetadataReport.vue
+++ b/src/pages/reports/release/MetadataReport/MetadataReport.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!store.getters.getErrors">
+  <div class="flex flex-col gap-5" v-if="!store.getters.getErrors">
     <SourceDetails />
     <Metadata />
   </div>
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
index a6b718a3..cf72f457 100644
--- a/src/pages/reports/release/MetadataReport/tables/Metadata.vue
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -1,91 +1,57 @@
 <template>
-  <v-card
-    :loading="!store.getters.getData.metadataData"
-    elevation="2"
-    class="ma-4"
-  >
-    <ChartHeader title="Metadata" />
-    <v-container v-if="store.getters.getData.metadataData" fluid>
-      <v-data-table
-        v-if="store.getters.getData"
-        class="mt-4"
-        dense
-        :headers="headers"
-        :items="store.getters.getData.metadataData"
+  <Panel header="Metadata">
+    <div class="p-5" v-if="store.getters.getData.metadataData" fluid>
+      <DataTable
+        size="small"
+        v-if="store.getters.dataInStore"
+        :value="store.getters.getData.metadataData"
+        paginator
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-      </v-data-table>
-    </v-container>
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Metadata is
-        derived from the METADATA table."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+        <Column field="METADATA_CONCEPT_ID" header="METADATA_CONCEPT_ID">
+        </Column>
+        <Column field="NAME" header="NAME"> </Column>
+        <Column field="VALUE_AS_STRING" header="VALUE_AS_STRING"> </Column>
+        <Column field="VALUE_AS_CONCEPT_ID" header="VALUE_AS_CONCEPT_ID">
+        </Column>
+        <Column field="METADATA_DATE" header="METADATA_DATE"> </Column>
+        <Column field="METADATA_DATETIME" header="METADATA_DATETIME"> </Column>
+      </DataTable>
+    </div>
+    <template #footer
+      ><div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Metadata is
+            derived from the METADATA table."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(store.getters.getQueryIndex.METADATA[0])
+            )
+          "
+        /></div
+    ></template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { links } from "@/shared/config/links";
-import { VDataTable } from "vuetify/labs/VDataTable";
 
 import { useStore } from "vuex";
-import { ref, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "METADATA_CONCEPT_ID",
-    sortable: true,
-    key: "METADATA_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "NAME",
-    sortable: true,
-    key: "NAME",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_STRING",
-    sortable: true,
-    key: "VALUE_AS_STRING",
-    align: "start",
-  },
-  {
-    title: "VALUE_AS_CONCEPT_ID",
-    sortable: true,
-    key: "VALUE_AS_CONCEPT_ID",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATE",
-    sortable: true,
-    key: "METADATA_DATE",
-    align: "start",
-  },
-  {
-    title: "METADATA_DATETIME",
-    sortable: true,
-    key: "METADATA_DATETIME",
-    align: "start",
-  },
-]);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
index b3a369b8..c047da87 100644
--- a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
+++ b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
@@ -1,45 +1,46 @@
 <template>
-  <v-card
-    :loading="!store.getters.getData.cdmsourceData"
-    elevation="2"
-    class="ma-4"
-  >
-    <ChartHeader title="CDM Source Details" />
-    <v-container v-if="store.getters.getData.cdmsourceData" fluid>
-      <v-layout
+  <Panel header="CDM Source Details">
+    <div
+      class="flex flex-col gap-2 p-5"
+      v-if="store.getters.getData.cdmsourceData"
+    >
+      <div
         v-for="(d, i) in store.getters.getData.cdmsourceData.columns"
         :key="i"
-        class="pl-8"
       >
-        {{ d }}: {{ store.getters.getData.cdmsourceData[0][d] }}
-      </v-layout>
-    </v-container>
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="CDM Source
-        Details are derived from the CDM_SOURCE table."
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+        <span class="font-bold">{{ d }}</span
+        >: {{ store.getters.getData.cdmsourceData[0][d] }}
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="CDM Source
+                Details are derived from the CDM_SOURCE table."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
index 3c052374..b65e7e61 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -1,28 +1,18 @@
 <template>
-  <div>
-    <v-container
-      v-if="!store.getters.getErrors && store.getters.dataInStore"
-      fluid
-    >
-      <v-responsive min-width="900">
-        <div class="text-uppercase text-h6">Observation Period Report</div>
-        <CumulativeObservation />
-        <ObservationPeriodsPerPerson />
-        <ObservationOverTime />
-        <YearsOfObservationByAge />
-        <YearsOfObservationBySex />
-        <AgeAtFirstObservation />
-        <AgeAtFirstObservationBySex />
-      </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
-    </v-container>
+  <div
+    class="flex flex-col gap-10"
+    v-if="!store.getters.getErrors && store.getters.dataInStore"
+  >
+    <PageHeader title="Observation Period Report" />
+    <div class="flex flex-col gap-5">
+      <CumulativeObservation />
+      <ObservationPeriodsPerPerson />
+      <ObservationOverTime />
+      <YearsOfObservationByAge />
+      <YearsOfObservationBySex />
+      <AgeAtFirstObservation />
+      <AgeAtFirstObservationBySex />
+    </div>
   </div>
 </template>
 
@@ -35,8 +25,7 @@ import YearsOfObservationBySex from "@/pages/reports/release/ObservationPeriodRe
 import AgeAtFirstObservation from "@/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue";
 import AgeAtFirstObservationBySex from "@/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue";
 import { useStore } from "vuex";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index a9370e90..3f643b6c 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,12 +1,15 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Age at First Observation"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Age at First Observation">
+    <template #icons>
+      <ChartHeader
+        title="Age at First Observation"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -23,22 +26,24 @@
       "
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .AGE_AT_FIRST_OBSERVATION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .AGE_AT_FIRST_OBSERVATION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -52,6 +57,8 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index ef9d9ebd..5315cce4 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -1,27 +1,28 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Age at First Observation by Sex" />
+  <Panel header="Age at First Observation by Sex">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-agebysex"
       :chartSpec="specAgeBySex"
       :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD.AGE_BY_GENDER[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -30,9 +31,10 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specAgeBySex } from "./specAgeBySex";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index d475e12b..9f59831e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -1,12 +1,14 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Cumulative Observation"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Cumulative Observation">
+    <template #icons>
+      <ChartHeader
+        title="Cumulative Observation"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -22,22 +24,24 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .CUMULATIVE_DURATION[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .CUMULATIVE_DURATION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -52,6 +56,8 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index ac8528ed..561ecadd 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -1,12 +1,15 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Observation over Time"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Observation over Time" :loading="!store.getters.getData">
+    <template #icons>
+      <ChartHeader
+        title="Observation over Time"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
@@ -23,22 +26,24 @@
       :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .OBSERVED_BY_MONTH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .OBSERVED_BY_MONTH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -54,6 +59,8 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index a338fe18..09695d3e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -1,80 +1,62 @@
 <template>
-  <v-card
+  <Panel
+    header="Observation Periods per Person"
     v-if="store.getters.dataInStore"
-    :loading="!store.getters.getData"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader title="Observation Periods per Person" />
-    <v-data-table
-      v-if="store.getters.dataInStore"
-      class="mt-4"
-      density="compact"
-      :headers="headers"
-      :items="store.getters.getData.personPeriods"
-      :footer-props="{
-        'items-per-page-options': [5, 10, 25, 50],
-      }"
-      :items-per-page="5"
-      :sort-by="['PERCENT_PEOPLE']"
-      :sort-desc="[true, false]"
+    <DataTable
+      size="small"
+      :value="store.getters.getData.personPeriods"
+      paginator
+      :rows="5"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template #item.PERCENT_PEOPLE="{ item }">
-        {{ item.raw.PERCENT_PEOPLE }}%
-      </template>
-      <template #item.COUNT_VALUE="{ item }">
-        {{ helpers.formatComma(item.raw.COUNT_VALUE) }}
-      </template>
-    </v-data-table>
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .PERSON_PERIODS_DATA[0]
+      <Column
+        field="CONCEPT_NAME"
+        header="Number of Observation Periods"
+      ></Column>
+      <Column field="COUNT_VALUE" header="Number of People">
+        <template #body="slotProps">
+          {{ slotProps.data.PERCENT_PEOPLE }}%
+        </template>
+      </Column>
+      <Column field="PERCENT_PEOPLE" header="% of People">
+        <template #body="slotProps">
+          {{ helpers.formatComma(slotProps.data.COUNT_VALUE) }}
+        </template>
+      </Column>
+    </DataTable>
+
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .PERSON_PERIODS_DATA[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
-import { ref, Ref } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-const store = useStore();
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Number of Observation Periods",
-    sortable: true,
-    key: "CONCEPT_NAME",
-    align: "start",
-  },
-  {
-    title: "Number of People",
-    sortable: true,
-    key: "COUNT_VALUE",
-    align: "end",
-  },
-  {
-    title: "% of People",
-    sortable: true,
-    key: "PERCENT_PEOPLE",
-    align: "end",
-  },
-]);
+const store = useStore();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 823f56b6..e268c0a2 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -1,6 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Years of Observation by Age" />
+  <Panel header="Years of Observation by Age">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbyage"
@@ -10,22 +9,24 @@
           .OBSERVATION_PERIOD_LENGTH_BY_AGE
       "
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .OBSERVATION_PERIOD_LENGTH_BY_AGE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -34,9 +35,10 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specObservationByAge } from "./specObservationByAge";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index c8a226f3..3b70fc5f 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -1,6 +1,5 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Years of Observation by Sex" />
+  <Panel header="Years of Observation By Sex">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbysex"
@@ -10,22 +9,24 @@
           .OBSERVATION_PERIOD_LENGTH_BY_GENDER
       "
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.OBSERVATION_PERIOD
-                .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.OBSERVATION_PERIOD
+                  .OBSERVATION_PERIOD_LENGTH_BY_GENDER[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -34,9 +35,10 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specObservationBySex } from "./specObservationBySex";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
index 61eaa3ba..973283b9 100644
--- a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
+++ b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
@@ -1,12 +1,9 @@
 <template>
-  <div>
-    <v-container
-      v-if="store.getters.dataInStore && !store.getters.getErrors"
-      fluid
-      class="pa-1"
-    >
-      <PerformanceInformation />
-    </v-container>
+  <div
+    v-if="store.getters.dataInStore && !store.getters.getErrors"
+    class="pa-1"
+  >
+    <PerformanceInformation />
   </div>
 </template>
 
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
index 04040e7f..5777c501 100644
--- a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
+++ b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
@@ -1,126 +1,102 @@
 <template>
-  <v-card elevation="2" class="ma-4">
-    <ChartHeader title="Performance" />
-    <v-row>
-      <v-col cols="3">
-        <v-text-field
-          v-model="search"
-          prepend-icon="mdi-magnify"
-          label="Search in Table"
-          single-line
-          variant="outlined"
-          hide-details
-        ></v-text-field>
-      </v-col>
-      <v-col cols="9"> </v-col>
-    </v-row>
-
-    <v-data-table
-      class="mt-4"
-      density="compact"
-      :headers="headers"
-      :items="filteredRecords"
-      :footer-props="{
-        'items-per-page-options': [10, 50, 100],
-      }"
-      item-key="CONCEPT_ID"
-      :items-per-page="10"
-      :search="search"
+  <Panel header="Performance">
+    <DataTable
+      size="small"
+      :globalFilterFields="['analysis_id', 'analysis_name']"
+      paginator
+      v-model:filters="newFilters"
+      :value="filteredRecords"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template #body.prepend>
-        <tr>
-          <th v-for="header in headers" :key="header.title">
-            <div v-if="filters.hasOwnProperty(header.key)">
-              <v-select
-                v-model="filters[header.key]"
-                small-chips
-                deletable-chips
-                hide-details
-                multiple
-                :items="
-                  helpers.getValuesArray(
-                    store.getters.getData.domainTable,
-                    header.key
-                  )
-                "
-              ></v-select>
-            </div>
-          </th>
-        </tr>
-      </template>
-      <template #item.analysis_id="{ item }">
-        <v-layout justify-end
-          ><a
-            target="_new"
-            :href="
-              links.getSqlQueryLink(`analyses/${item.raw.analysis_id}.sql`)
-            "
-            >{{ item.raw.analysis_id }}</a
-          ></v-layout
-        >
-      </template>
-      <template #item.elapsed_seconds="{ item }">
-        <v-layout justify-end>{{ item.raw.elapsed_seconds }}</v-layout>
+      <template #header>
+        <div>
+          <InputGroup unstyled>
+            <InputGroupAddon>
+              <i class="pi pi-search"></i>
+            </InputGroupAddon>
+            <InputText
+              class="rounded-r-lg"
+              style="width: 45rem"
+              unstyled
+              v-model="newFilters['global'].value"
+              placeholder="Search in Table"
+            />
+          </InputGroup>
+        </div>
       </template>
-    </v-data-table>
-
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        icon="mdi-help-circle"
-        tooltip="Proportion of people with at least one record per 1000 people."
-      />
-      <ChartActionIcon
-        icon="mdi-open-in-new"
-        tooltip="This report
-          describes how long each analysis executed during Achilles characterization took to run in seconds."
-        @iconClicked="helpers.openNewTab(links.getAchillesLink())"
-      />
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
+      <Column sortable header="Analysis Id" field="analysis_id">
+        <template #body="slotProps">
+          <div>
+            <a
+              target="_new"
+              :href="
+                links.getSqlQueryLink(
+                  `analyses/${slotProps.data.analysis_id}.sql`
+                )
+              "
+              >{{ slotProps.data.analysis_id }}</a
+            >
+          </div>
+        </template>
+      </Column>
+      <Column sortable header="Analysis Name" field="analysis_name"></Column>
+      <Column
+        sortable
+        header="Duration (seconds)"
+        field="elapsed_seconds"
+      ></Column>
+    </DataTable>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Proportion of people with at least one record per 1000 people."
+        />
+        <ChartActionIcon
+          :icon="mdiOpenInNew"
+          tooltip="This report
+              describes how long each analysis executed during Achilles characterization took to run in seconds."
+          @iconClicked="helpers.openNewTab(links.getAchillesLink())"
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.ACHILLES_PERFORMANCE[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { ref, computed } from "vue";
 import { useStore } from "vuex";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import InputText from "primevue/inputtext";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import { FilterMatchMode } from "primevue/api";
+import { mdiCodeBraces, mdiHelpCircle, mdiOpenInNew } from "@mdi/js";
 
 const store = useStore();
 
-const search = ref("");
 const filters = ref({});
-const headers = ref([
-  {
-    title: "Analysis Id",
-    sortable: true,
-    key: "analysis_id",
-  },
-  {
-    title: "Analysis Name",
-    sortable: true,
-    key: "analysis_name",
-  },
-  {
-    title: "Duration (seconds)",
-    sortable: true,
-    key: "elapsed_seconds",
-  },
-]);
+const newFilters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
 
 const filteredRecords = computed(function () {
   return store.getters.getData.domainTable.filter((d) => {
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index 31dc473f..dc17e366 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -1,38 +1,27 @@
 <template>
-  <div>
-    <v-container
-      v-if="!store.getters.getErrors && store.getters.dataInStore"
-      fluid
-    >
-      <div class="text-uppercase text-h5 ma-4">Person Report</div>
-      <v-responsive min-width="900">
-        <InfoPanel
-          :population="store.getters.getData.numPersons"
-          :proportion-sex="{
-            male: {
-              count: store.getters.getData.genderMaleCount,
-              pct: store.getters.getData.genderMalePct,
-            },
-            female: {
-              count: store.getters.getData.genderFemaleCount,
-              pct: store.getters.getData.genderFemalePct,
-            },
-          }"
-        />
+  <div v-if="!store.getters.getErrors && store.getters.dataInStore" fluid>
+    <div class="flex flex-col gap-10">
+      <PageHeader title="Person Report" />
+      <InfoPanel
+        :population="store.getters.getData.numPersons"
+        :proportion-sex="{
+          male: {
+            count: store.getters.getData.genderMaleCount,
+            pct: store.getters.getData.genderMalePct,
+          },
+          female: {
+            count: store.getters.getData.genderFemaleCount,
+            pct: store.getters.getData.genderFemalePct,
+          },
+        }"
+      />
+      <div class="flex flex-col gap-5">
         <PopulationByAgeSex />
         <PopulationByRace />
         <PopulationByYearBirth />
         <PopulationByEthnicity />
-      </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
-    </v-container>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -42,9 +31,8 @@ import PopulationByAgeSex from "@/pages/reports/release/PersonReport/charts/Popu
 import PopulationByRace from "@/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue";
 import PopulationByYearBirth from "@/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue";
 import PopulationByEthnicity from "@/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 import InfoPanel from "@/widgets/infoPanel";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 
 const store = useStore();
 </script>
@@ -53,9 +41,7 @@ const store = useStore();
 .viz-container {
   width: 90%;
 }
-.v-tooltip__content {
-  pointer-events: initial;
-}
+
 .query-link {
   color: white;
 }
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index c1b3536c..9856ff49 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -1,12 +1,17 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Population by Age &amp; Sex"
-      :notes-count="notesMaleFemale.length"
-      :annotations-count="notesFemale.length + notesMale.length"
-      @annotations-mode-toggled="toggleAnnotationMode"
-      @notes-mode-toggled="toggleNoteMode"
-    />
+  <Panel
+    header="Population by Age &amp; Sex"
+    :loading="!store.getters.getData"
+    class="flex flex-col"
+  >
+    <template #icons>
+      <ChartHeader
+        :notes-count="notesMaleFemale.length"
+        :annotations-count="notesFemale.length + notesMale.length"
+        @annotations-mode-toggled="toggleAnnotationMode"
+        @notes-mode-toggled="toggleNoteMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="maleReportId"
@@ -37,21 +42,23 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.AGE_GENDER_DATA
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -64,6 +71,8 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index ab4915e7..696cbb5b 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -1,39 +1,44 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Population by Ethnicity" />
+  <Panel
+    header="Population by Ethnicity"
+    :loading="!store.getters.getData"
+    elevation="2"
+    class="ma-4"
+  >
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ethnicity"
       :chartSpec="specEthnicity"
       :data="store.getters.getData.personData.ETHNICITY_DATA"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.PERSON.ETHNICITY_DATA
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.ETHNICITY_DATA
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { specEthnicity } from "./specEthnicity";
-
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index a1775325..028875a2 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -1,25 +1,28 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader title="Population by Race" />
+  <Panel header="Population by Race" :loading="!store.getters.getData">
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-race"
       :chartSpec="specRace"
       :data="store.getters.getData.personData.RACE_DATA"
     />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(store.getters.getQueryIndex.PERSON.RACE_DATA)
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.RACE_DATA
+              )
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -28,10 +31,10 @@ import { specRace } from "./specRace";
 
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import ExportQueryLink from "@/widgets/exportQueryLink/ui/ExportQueryLink.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 28f017d8..318576af 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -1,12 +1,14 @@
 <template>
-  <v-card :loading="!store.getters.getData" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Population by Year of Birth"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationMode"
-      @notes-mode-toggled="toggleNoteMode"
-    />
+  <Panel header="Population by Year of Birth" :loading="!store.getters.getData">
+    <template #icons>
+      <ChartHeader
+        title="Population by Year of Birth"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationMode"
+        @notes-mode-toggled="toggleNoteMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-birthyearnote"
@@ -22,21 +24,23 @@
     >
     </Chart>
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.PERSON.BIRTH_YEAR_DATA
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -46,6 +50,13 @@ import { specBirthYearAnnotation } from "./specBirthYearAnnotation";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
+import Panel from "primevue/panel";
+import { computed } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { ref } from "vue";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { mdiCodeBraces } from "@mdi/js";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
@@ -58,12 +69,6 @@ function toggleNoteMode(mode) {
   notesMode.value = mode;
 }
 
-import { computed } from "vue";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import { ref } from "vue";
-import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
-
 const store = useStore();
 
 const annotations = computed(() => {
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 79bd6772..041d2c15 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -1,135 +1,94 @@
 <template>
-  <v-card v-if="store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader title="Temporal Characterization" />
-    <!--Table controls-->
-    <v-row>
-      <v-col cols="3">
-        <v-text-field
-          prepend-icon="mdi-magnify"
-          label="Search in Table"
-          single-line
-          hide-details
-          variant="outlined"
-          v-model="search"
-        ></v-text-field>
-      </v-col>
-    </v-row>
-    <v-data-table
-      class="mt-4"
-      :headers="headers"
-      :items="filteredChecks"
-      :footer-props="{
-        'items-per-page-options': [5, 10, 25],
-      }"
-      item-key="checkId"
-      :items-per-page="10"
-      :search="search"
-      density="compact"
+  <Panel v-if="store.getters.dataInStore" header="Temporal Characterization">
+    <DataTable
+      size="small"
+      :globalFilterFields="['analysis_id', 'analysis_name']"
+      paginator
+      v-model:filters="newFilters"
+      :value="filteredChecks"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template v-slot:item.CONCEPT_ID="{ item }">
-        <v-layout flex-end
-          ><router-link :to="getReportRoute(item.raw)">{{
-            item.raw.CONCEPT_ID
-          }}</router-link></v-layout
-        >
+      <template #header>
+        <div>
+          <InputGroup unstyled>
+            <InputGroupAddon>
+              <i class="pi pi-search"></i>
+            </InputGroupAddon>
+            <InputText
+              class="rounded-r-lg"
+              style="width: 45rem"
+              unstyled
+              v-model="newFilters['global'].value"
+              placeholder="Search in Table"
+            />
+          </InputGroup>
+        </div>
       </template>
-      <template v-slot:item.CONCEPT_NAME="{ item }">
-        <v-row>
-          <v-col cols="10">
-            <router-link
-              :to="getReportRoute(item.raw)"
-              :title="item.raw.CONCEPT_NAME"
-              >{{ item.raw.CONCEPT_NAME }}
-            </router-link>
-          </v-col>
-        </v-row>
-      </template>
-      <template v-slot:body.prepend>
-        <tr>
-          <th v-for="header in headers" :key="header.title">
-            <div
-              v-if="
-                header.title === 'Table' || header.title === 'Is Stationary'
-              "
-            >
-              <v-select
-                v-model="filters[header.value]"
-                prepend-inner-icon="mdi-filter"
-                small-chips
-                deletable-chips
-                hide-details
-                multiple
-                :items="helpers.getValuesArray(filteredChecks, header.value)"
-              ></v-select>
-            </div>
-          </th>
-        </tr>
-      </template>
-    </v-data-table>
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="
-          store.getters.getQueryIndex &&
-          store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
-        "
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+      <Column sortable header="Table" field="CDM_TABLE_NAME"> </Column>
+      <Column sortable header="Concept Id" field="CONCEPT_ID">
+        <template #body="slotProps">
+          <router-link :to="getReportRoute(slotProps.data)">{{
+            slotProps.data.CONCEPT_ID
+          }}</router-link>
+        </template>
+      </Column>
+      <Column sortable header="Concept Name" field="CONCEPT_NAME">
+        <template #body="slotProps">
+          <router-link :to="getReportRoute(slotProps.data)">{{
+            slotProps.data.CONCEPT_NAME
+          }}</router-link>
+        </template>
+      </Column>
+      <Column header="Seasonality Score" field="SEASONALITY_SCORE"></Column>
+      <Column header="Is Stationary" field="IS_STATIONARY"></Column>
+    </DataTable>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="
+            store.getters.getQueryIndex &&
+            store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
+          "
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
-import { computed, ref, Ref } from "vue";
+import { computed, ref } from "vue";
 import { useStore } from "vuex";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import InputGroup from "primevue/inputgroup";
+import InputText from "primevue/inputtext";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { FilterMatchMode } from "primevue/api";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
+const newFilters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
 
-const search = ref("");
 const filters = ref({
   CDM_TABLE_NAME: [],
   IS_STATIONARY: [],
 });
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Table",
-    sortable: false,
-    key: "CDM_TABLE_NAME",
-  },
-  {
-    title: "Concept id",
-    sortable: false,
-    key: "CONCEPT_ID",
-  },
-  {
-    title: "Concept Name",
-    sortable: false,
-    key: "CONCEPT_NAME",
-  },
-  {
-    title: "Seasonality Score",
-    sortable: true,
-    key: "SEASONALITY_SCORE",
-  },
-  {
-    title: "Is Stationary",
-    sortable: true,
-    key: "IS_STATIONARY",
-  },
-]);
 
 const filteredChecks = computed(function () {
   return store.getters.getData.temporalCharacterization.filter((d) => {
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index d98b28f1..b792add9 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -1,119 +1,83 @@
 <template>
-  <div>
-    <v-card
-      v-if="!store.getters.getErrors"
-      :loading="!store.getters.dataInStore"
-      elevation="2"
-      class="ma-4"
+  <Panel v-if="store.getters.dataInStore" header="Unmapped Source Codes">
+    <DataTable
+      size="small"
+      :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
+      paginator
+      v-model:filters="newFilters"
+      :value="filteredRecords"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <ChartHeader title="Unmapped Source Codes" />
-      <v-row>
-        <v-col cols="3">
-          <v-text-field
-            prepend-icon="mdi-magnify"
-            label="Search in Table"
-            variant="outlined"
-            density="compact"
-            single-line
-            hide-details
-            :model-value="route.query.search"
-            @update:modelValue="debouncedSearch"
-          ></v-text-field>
-        </v-col>
-        <v-col cols="9"> </v-col>
-      </v-row>
-
-      <v-data-table
-        v-if="store.getters.dataInStore"
-        class="mt-4"
-        density="compact"
-        :headers="headers"
-        :items="filteredRecords"
-        :footer-props="{
-          'items-per-page-options': [10, 50, 100],
-        }"
-        item-key="CONCEPT_ID"
-        :items-per-page="10"
-        :search="route.query.search"
-      >
-        <template #body.prepend>
-          <tr>
-            <th v-for="header in headers" :key="header.title">
-              <div v-if="filters.hasOwnProperty(header.key)">
-                <v-select
-                  v-model="filters[header.key]"
-                  small-chips
-                  deletable-chips
-                  hide-details
-                  multiple
-                  :items="helpers.getValuesArray(filteredRecords, header.key)"
-                ></v-select>
-              </div>
-            </th>
-          </tr>
-        </template>
-        <template #item.RECORD_COUNT="{ item }">
-          <v-layout justify-end>{{
-            helpers.formatComma(item.raw.RECORD_COUNT)
-          }}</v-layout>
-        </template>
-      </v-data-table>
-      <v-card-text>
-        <v-icon small color="info" left>mdi-help-circle</v-icon>
-        This report identifies columns in tables within the CDM where values are
-        mapped to 0 (unknown concept). It provides a listing of all unmapped
-        source values to be reviewed for potential inclusion or remediation.
-      </v-card-text>
-    </v-card>
-  </div>
+      <template #header>
+        <div>
+          <InputGroup unstyled>
+            <InputGroupAddon>
+              <i class="pi pi-search"></i>
+            </InputGroupAddon>
+            <InputText
+              class="rounded-r-lg"
+              style="width: 45rem"
+              unstyled
+              v-model="newFilters['global'].value"
+              placeholder="Search in Table"
+            />
+          </InputGroup>
+        </div>
+      </template>
+      <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
+      <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
+      <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
+      <Column sortable header="# Records" field="RECORD_COUNT"></Column>
+    </DataTable>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="
+            store.getters.getQueryIndex &&
+            store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
+          "
+          :icon="mdiHelpCircle"
+          tooltip="This report identifies columns in tables within the CDM where values are
+    mapped to 0 (unknown concept). It provides a listing of all unmapped source
+    values to be reviewed for potential inclusion or remediation."
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+              )
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { helpers } from "@/shared/lib/mixins";
-import { computed, Ref, ref } from "vue";
+import { computed, ref } from "vue";
 import { useStore } from "vuex";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { useRoute, useRouter } from "vue-router";
 import { debounce } from "lodash";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+
+import InputGroup from "primevue/inputgroup";
+import InputText from "primevue/inputtext";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { FilterMatchMode } from "primevue/api";
+import { mdiHelpCircle } from "@mdi/js";
+import { links } from "@/shared/config/links";
+import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const store = useStore();
-const router = useRouter();
-const route = useRoute();
 
 const filters = ref({});
-
-const debouncedSearch = debounce(function (data: string): void {
-  router.push({
-    query: {
-      search: data,
-    },
-  });
-}, 300);
-
-const headers: Ref<DataTableHeader[]> = ref([
-  {
-    title: "CDM Table",
-    sortable: true,
-    key: "CDM_TABLE_NAME",
-  },
-  {
-    title: "CDM Field",
-    sortable: true,
-    key: "CDM_FIELD_NAME",
-  },
-  {
-    title: "Source Value",
-    sortable: true,
-    key: "SOURCE_VALUE",
-  },
-  {
-    title: "# Records",
-    sortable: true,
-    key: "RECORD_COUNT",
-  },
-]);
+const newFilters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
 
 const filteredRecords = computed(function () {
   return store.getters.getData.domainTable.filter((d) => {
diff --git a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
index 9aeee6ea..9942efdb 100644
--- a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
+++ b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
@@ -1,30 +1,15 @@
 <template>
-  <div>
+  <div class="flex flex-col gap-5">
     <HistoricalDataQuality />
     <HistoricalDataQualityByCategory />
     <HistoricalDataQualityByDomain />
   </div>
-  <form-dialog
-    @close="store.commit(SET_DIALOG, false)"
-    v-if="store.getters.getDialogData.show"
-    :show="store.getters.getDialogData.show"
-    :action="store.getters.getDialogData.action"
-    :data="store.getters.getDialogData.data"
-    :form-title="'Edit selection'"
-  />
 </template>
 
 <script setup lang="ts">
-import { useStore } from "vuex";
-import { useRoute } from "vue-router";
 import HistoricalDataQuality from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue";
 import HistoricalDataQualityByCategory from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue";
 import HistoricalDataQualityByDomain from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
-
-const store = useStore();
-const route = useRoute();
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 83060d7f..bb0018e1 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -1,17 +1,18 @@
 <template>
-  <v-card
-    v-if="!store.getters.getErrors"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
+  <Panel
+    header="Historical Data Quality"
+    v-if="store.getters.explorerLoaded"
+    id="network-data-quality-overview"
   >
-    <ChartHeader
-      title="Historical Data Quality"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+    <template #icons>
+      <ChartHeader
+        title="Historical Data Quality"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -26,49 +27,61 @@
       }"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-data-table
+
+    <DataTable
+      size="small"
       v-if="store.getters.dataInStore"
-      class="viz-container"
-      density="compact"
-      :items="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
-      :headers="historyColumns"
+      :value="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
+      paginator
+      :rows="5"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
     >
-      <template #item.cdm_release_date="{ item }">
-        <router-link
-          :to="{
-            name: 'dataQuality',
-            query: { tab: 'overview' },
-            params: {
-              cdm: route.params.cdm,
-              release: item.raw.cdm_release_date.replaceAll('-', ''),
-            },
-          }"
-          :title="item.raw.cdm_release_date"
-          >{{ item.raw.cdm_release_date }}
-        </router-link>
-      </template>
-      <template #item.count_failed="{ item }">
-        <router-link
-          :to="{
-            name: 'dataQuality',
-            query: { tab: 'results', FAILED: 'FAIL' },
-            params: {
-              cdm: route.params.cdm,
-              release: item.raw.cdm_release_date.replaceAll('-', ''),
-            },
-          }"
-          :title="item.raw.count_failed"
-          >{{ item.raw.count_failed }}
-        </router-link>
-      </template>
-    </v-data-table>
-  </v-card>
+      <Column field="cdm_release_date" header="Release Date">
+        <template #body="slotProps">
+          <router-link
+            class="text-blue-400 hover:underline"
+            :to="{
+              name: 'dataQuality',
+              query: { tab: 'overview' },
+              params: {
+                cdm: route.params.cdm,
+                release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+              },
+            }"
+            :title="slotProps.data.cdm_release_date"
+            >{{ slotProps.data.cdm_release_date }}
+          </router-link>
+        </template>
+      </Column>
+      <Column field="end_timestamp" header="DQ Execution Date"> </Column>
+      <Column field="count_passed" header="# Passed"> </Column>
+
+      <Column field="count_failed" header="# Failed">
+        <template #body="slotProps">
+          <router-link
+            class="text-blue-400 hover:underline"
+            :to="{
+              name: 'dataQuality',
+              query: { tab: 'results', FAILED: 'FAIL' },
+              params: {
+                cdm: route.params.cdm,
+                release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+              },
+            }"
+            :title="slotProps.data.count_failed"
+            >{{ slotProps.data.count_failed }}
+          </router-link>
+        </template>
+      </Column>
+      <Column field="count_total" header="# Total"> </Column>
+      <Column field="vocabulary_version" header="Vocabulary"> </Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { QUALITY_INDEX } from "@/shared/config/files";
 import { Chart } from "@/widgets/chart";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { specDataQualityResults } from "./specDataQualityResults";
 import { specDataQualityResultsAnnotation } from "./specDataQualityResultsAnnotation";
 import { useStore } from "vuex";
@@ -77,48 +90,12 @@ import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
 const route = useRoute();
-const historyColumns = ref([
-  {
-    title: "CDM Release Date",
-    align: "start",
-    sortable: true,
-    key: "cdm_release_date",
-  },
-
-  {
-    title: "DQ Execution Date",
-    align: "start",
-    sortable: true,
-    key: "end_timestamp",
-  },
-  {
-    title: "# Passed",
-    align: "end",
-    sortable: true,
-    key: "count_passed",
-  },
-  {
-    title: "# Failed",
-    align: "end",
-    sortable: true,
-    key: "count_failed",
-  },
-  {
-    title: "# Total",
-    align: "end",
-    sortable: true,
-    key: "count_total",
-  },
-  {
-    title: "Vocabulary",
-    align: "end",
-    sortable: false,
-    key: "vocabulary_version",
-  },
-]);
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 4c435ace..8816a761 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -1,16 +1,22 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Historical Data Quality by Category"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel
+    header="Historical Data Quality by Category"
+    :loading="!store.getters.dataInStore"
+    elevation="2"
+    class="ma-4"
+  >
+    <template #icons>
+      <ChartHeader
+        title="Historical Data Quality by Category"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      title="Historical Data Quality by Category"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
       :chartSpec="specDataQualityResultsByCategory"
       :annotations="annotations"
@@ -22,7 +28,7 @@
       }"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-  </v-card>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -36,6 +42,7 @@ import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/sour
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 40238bcf..575d2519 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -1,12 +1,19 @@
 <template>
-  <v-card :loading="!store.getters.dataInStore" elevation="2" class="ma-4">
-    <ChartHeader
-      title="Historical Data Quality by Domain"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel
+    header="Historical Data Quality by Domain"
+    :loading="!store.getters.dataInStore"
+    elevation="2"
+    class="ma-4"
+  >
+    <template #icons>
+      <ChartHeader
+        title="Historical Data Quality by Domain"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
@@ -21,7 +28,7 @@
       }"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-  </v-card>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -35,6 +42,7 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/DomainContinuity/DomainContinuity.vue b/src/pages/reports/source/DomainContinuity/DomainContinuity.vue
index 3cd80694..78234a20 100644
--- a/src/pages/reports/source/DomainContinuity/DomainContinuity.vue
+++ b/src/pages/reports/source/DomainContinuity/DomainContinuity.vue
@@ -1,7 +1,5 @@
 <template>
-  <v-responsive min-width="900">
-    <DomainRecords />
-  </v-responsive>
+  <DomainRecords />
 </template>
 
 <script setup lang="ts">
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 3d77e98a..939c6e1f 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -1,26 +1,23 @@
 <template>
-  <v-card
-    v-if="!store.getters.getErrors"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
+  <Panel
+    header="Domain Continuity"
+    v-if="!store.getters.getErrors & store.getters.dataInStore"
   >
-    <div v-if="store.getters.dataInStore">
-      <ChartHeader title="Domain Continuity" />
-      <Chart
-        id="viz-continuity"
-        :chartSpec="specOverview"
-        :data="store.getters.getData.domainRecords"
-        :listener="eventListener"
-      />
-      <v-toolbar density="compact" class="mt-6">
+    <Chart
+      id="viz-continuity"
+      :chartSpec="specOverview"
+      :data="store.getters.getData.domainRecords"
+      :listener="eventListener"
+    />
+    <template #footer>
+      <div class="flex flex-row gap-2">
         <ChartActionIcon
-          icon="mdi-help-circle"
+          :icon="mdiHelpCircle"
           tooltip="Domain continuity shows the number of records in each domain table for multiple releases of data from a specific vendor or data source. This is NOT the number of records that occur at specific times within a CDM, but a count of the number of records in a release of a data source, graphed over time. This visualization allows one to see how the data is changing across updates for a single data source."
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
-          icon="mdi-code-braces"
+          :icon="mdiCodeBraces"
           tooltip="View Export Query"
           @iconClicked="
             helpers.openNewTab(
@@ -30,9 +27,9 @@
             )
           "
         />
-      </v-toolbar>
-    </div>
-  </v-card>
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -42,8 +39,9 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { RouteLocation, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
index 801feb61..940d1a49 100644
--- a/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
+++ b/src/pages/reports/source/SourceConceptReport/SourceConceptReport.vue
@@ -1,50 +1,15 @@
 <template>
-  <div v-if="!store.getters.getErrors">
-    <v-container fluid>
-      <v-responsive min-width="900">
-        <v-layout class="ma-0 mb-1 text-uppercase text-h6"
-          >Data Source Release Comparison
-        </v-layout>
-        <v-layout class="ma-0 mb-5 d-flex justify-space-between">
-          <h2 class="text-uppercase">
-            {{ store.getters.getData.conceptName }}
-          </h2>
-          <ReturnButton />
-        </v-layout>
-        <v-row v-if="store.getters.getData" justify="start"
-          ><v-col cols="2" align="center">
-            <v-icon left color="info">mdi-identifier</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.conceptId"
-            ></v-badge>
-            <p class="text-caption">Concept Identifier</p></v-col
-          ><v-col cols="2" align="center">
-            <v-icon left color="info">mdi-account-group</v-icon>
-            <v-badge
-              tile
-              inline
-              dark
-              color="info"
-              :content="store.getters.getData.numPersons"
-            ></v-badge>
-            <p class="text-caption">Number of People in Network</p></v-col
-          ></v-row
-        >
-        <RecordProportionByMonth />
-      </v-responsive>
-      <form-dialog
-        @close="store.commit(SET_DIALOG, false)"
-        v-if="store.getters.getDialogData.show"
-        :show="store.getters.getDialogData.show"
-        :action="store.getters.getDialogData.action"
-        :data="store.getters.getDialogData.data"
-        :form-title="'Edit selection'"
-      />
-    </v-container>
+  <div class="flex flex-col gap-10" v-if="!store.getters.getErrors">
+    <PageHeader
+      :title="`Data Source Release Comparison for ${store.getters.getData.conceptName}`"
+    >
+      <template> <ReturnButton /> </template>
+    </PageHeader>
+    <InfoPanel
+      :concept="store.getters.getData.conceptId"
+      :population="store.getters.getData.numPersons"
+    />
+    <RecordProportionByMonth />
   </div>
 </template>
 
@@ -52,8 +17,8 @@
 import ReturnButton from "@/features/returnToPreviousPage";
 import { useStore } from "vuex";
 import RecordProportionByMonth from "@/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+import InfoPanel from "@/widgets/infoPanel";
 const store = useStore();
 </script>
 
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index aaa1f62e..35497248 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -1,16 +1,17 @@
 <template>
-  <v-card
+  <Panel
+    header="Record Proportion by Month"
     v-if="!store.getErrors && store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
   >
-    <ChartHeader
-      title="Record Proportion by Month"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+    <template #icons>
+      <ChartHeader
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
+
     <Chart
       v-if="store.getters.getData"
       :id="reportId"
@@ -27,22 +28,24 @@
       :annotation-mode="annotationsMode"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(
-              store.getters.getQueryIndex[route.params.domain.toUpperCase()]
-                .PREVALENCE_BY_MONTH[0]
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex[route.params.domain.toUpperCase()]
+                  .PREVALENCE_BY_MONTH[0]
+              )
             )
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -57,9 +60,10 @@ import { computed, ref } from "vue";
 import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import { specDataQualityResultsAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/specDataQualityResultsAnnotation";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { mdiCodeBraces } from "@mdi/js";
+import Panel from "primevue/panel";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index 439fd4c9..1b0cad60 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -2,34 +2,14 @@
   <div
     v-if="store.getters.explorerLoaded"
     id="network-data-quality-overview"
-    class="pa-4"
+    class="flex flex-col gap-10"
   >
-    <v-row>
-      <v-col>
-        <OverviewDisplay />
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col class="overflow-auto">
-        <PopulationHistory />
-      </v-col>
-      <v-col class="overflow-auto">
-        <DataQualityIssuesHistory />
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <ReleaseListing />
-      </v-col>
-    </v-row>
-    <form-dialog
-      @close="store.commit(SET_DIALOG, false)"
-      v-if="store.getters.getDialogData.show"
-      :show="store.getters.getDialogData.show"
-      :action="store.getters.getDialogData.action"
-      :data="store.getters.getDialogData.data"
-      :form-title="'Edit selection'"
-    />
+    <OverviewDisplay />
+    <div class="flex flex-row gap-5">
+      <PopulationHistory class="basis-full" />
+      <DataQualityIssuesHistory class="basis-full" />
+    </div>
+    <ReleaseListing />
   </div>
 </template>
 
@@ -39,8 +19,6 @@ import OverviewDisplay from "@/pages/reports/source/SourceOverview/charts/overvi
 import PopulationHistory from "@/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue";
 import DataQualityIssuesHistory from "@/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue";
 import ReleaseListing from "@/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue";
-import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
-import FormDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index d34612dd..8b3411c4 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -1,12 +1,14 @@
 <template>
-  <v-card elevation="2" class="mx-auto pb-6">
-    <ChartHeader
-      title="Data Quality Issues History"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Data Quality Issues History">
+    <template #icons>
+      <ChartHeader
+        title="Data Quality Issues History"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       :id="reportId"
       width="95"
@@ -21,19 +23,21 @@
       :data="store.getters.getSelectedSource.releases"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -49,6 +53,8 @@ import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
index 57316744..6c85ce38 100644
--- a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
+++ b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
@@ -1,35 +1,30 @@
 <template>
-  <v-card elevation="10" class="mx-auto pb-6" outlined>
-    <ChartHeader title="Source Overview" />
-    <v-card-text>
-      <v-container fluid>
-        <v-row justify="space-around"
-          ><v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text--center">Releases</h3>
-            <h1 class="text-center">
-              {{ getReleasesCount
-              }}<v-icon large color="primary" class="mx-2">mdi-history</v-icon>
-            </h1>
-          </v-col>
-          <v-col class="mx-4" cols="auto">
-            <h3 class="mb-4 text-center">Average Days Between Releases</h3>
-            <h1 class="text-center">
-              {{ getDaysBetweenReleases.toFixed(0)
-              }}<v-icon large color="primary" class="mx-2"
-                >mdi-clock-outline</v-icon
-              >
-            </h1>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-card-text>
-  </v-card>
+  <Panel header="Source Overview">
+    <div class="flex flex-row justify-evenly">
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>Releases</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ getReleasesCount }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiHistory"></svg-icon>
+        </div>
+      </div>
+      <div class="flex flex-col gap-3 items-center content-center">
+        <h3>Average days between releases</h3>
+        <div class="flex flex-row items-center gap-3">
+          <h1 class="text-xl">{{ getDaysBetweenReleases.toFixed(0) }}</h1>
+          <svg-icon :size="46" type="mdi" :path="mdiClockOutline"></svg-icon>
+        </div>
+      </div>
+    </div>
+  </Panel>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import SvgIcon from "@jamescoyle/vue-icon";
+import Panel from "primevue/panel";
+import { mdiClockOutline, mdiHistory } from "@mdi/js";
 
 const store = useStore();
 
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index a245df36..99417090 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -1,12 +1,14 @@
 <template>
-  <v-card elevation="2" class="mx-auto pb-6">
-    <ChartHeader
-      title="Population History"
-      :notes-count="notes.length"
-      :annotations-count="annotations.length"
-      @annotations-mode-toggled="toggleAnnotationsMode"
-      @notes-mode-toggled="toggleNotesMode"
-    />
+  <Panel header="Population History">
+    <template #icons>
+      <ChartHeader
+        title="Population History"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+      />
+    </template>
     <Chart
       :id="reportId"
       width="95"
@@ -21,19 +23,21 @@
       :data="releases"
     />
     <NotesPanel v-if="notesMode" :notes="notes" />
-    <v-toolbar density="compact" class="mt-6">
-      <ChartActionIcon
-        v-if="store.getters.getQueryIndex"
-        icon="mdi-code-braces"
-        tooltip="View Export Query"
-        @iconClicked="
-          helpers.openNewTab(
-            links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
-          )
-        "
-      />
-    </v-toolbar>
-  </v-card>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(store.getters.getQueryIndex.CDM_SOURCE[0])
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
 </template>
 
 <script setup lang="ts">
@@ -45,10 +49,12 @@ import { specPopulationByReleaseAnnotation } from "./specPopulationByReleaseAnno
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
+import Panel from "primevue/panel";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import { mdiCodeBraces } from "@mdi/js";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index 9a4f8668..fd9678b1 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -1,61 +1,50 @@
 <template>
-  <v-card elevation="2" class="mx-auto pb-6" outlined>
-    <ChartHeader title="Release Listing" />
-    <v-card-text>
-      <v-data-table
-        density="compact"
-        :items="getTable"
-        :headers="overviewTable"
-        :items-per-page="-1"
-        hide-default-footer
-      >
-        <template #item.count_person="{ item }">
+  <Panel header="Release listing">
+    <DataTable
+      size="small"
+      showGridlines
+      :value="getTable"
+      paginator
+      :rows="5"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
+      tableStyle="min-width: 50rem"
+    >
+      <Column field="release_name" header="Release Date"> </Column>
+      <Column field="count_person" header="Count person">
+        <template #body="slotProps">
           <router-link
-            :to="getPersonLink(item.raw)"
-            :title="item.raw.count_person"
-            >{{ helpers.formatComma(item.raw.count_person) }}</router-link
+            class="text-blue-400 hover:underline"
+            :to="getPersonLink(slotProps.data)"
+            :title="slotProps.data.count_person"
+            >{{ helpers.formatComma(slotProps.data.count_person) }}</router-link
           >
         </template>
-        <template #item.count_data_quality_issues="{ item }">
-          <router-link :to="getQualityLink(item.raw)">{{
-            helpers.formatComma(item.raw.count_data_quality_issues)
-          }}</router-link>
+      </Column>
+      <Column field="count_data_quality_issues" header="Data quality issues">
+        <template #body="slotProps">
+          <router-link
+            class="text-blue-400 hover:underline"
+            :to="getQualityLink(slotProps.data)"
+            >{{
+              helpers.formatComma(slotProps.data.count_data_quality_issues)
+            }}</router-link
+          >
         </template>
-      </v-data-table>
-    </v-card-text>
-  </v-card>
+      </Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup lang="ts">
-import { VDataTable } from "vuetify/labs/VDataTable";
+import Panel from "primevue/panel";
 import { helpers } from "@/shared/lib/mixins";
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
-import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
 
-const overviewTable = ref([
-  {
-    title: "Release date",
-    align: "start",
-    sortable: true,
-    key: "release_name",
-  },
-  {
-    title: "Number of people",
-    align: "end",
-    sortable: true,
-    key: "count_person",
-  },
-  {
-    title: "Data quality issues",
-    align: "end",
-    sortable: true,
-    key: "count_data_quality_issues",
-  },
-]);
-
 const getTable = computed(function () {
   if (store.getters.explorerLoaded) {
     return store.getters.getSelectedSource.releases;
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index 7b4ee8a8..9cdc44f2 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -1,49 +1,48 @@
-import reportsView from "@/processes/exploreReports/ui/ReportsView.vue";
-import home from "@/pages/info/Home.vue";
-import help from "@/pages/info/Help.vue";
-import article from "@/pages/info/Article.vue";
-import networkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue";
-import networkPerformance from "@/pages/reports/network/NetworkPerformance/NetworkPerformance.vue";
-import networkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue";
+import ReportsView from "@/processes/exploreReports/ui/ReportsView.vue";
+import Home from "@/pages/info/Home.vue";
+import Help from "@/pages/info/Help.vue";
+import Article from "@/pages/info/Article.vue";
+import NetworkDataQualitySummary from "@/pages/reports/network/NetworkDataQualitySummary/NetworkDataQualitySummary.vue";
+import NetworkPerformance from "@/pages/reports/network/NetworkPerformance/NetworkPerformance.vue";
+import NetworkUnmappedSourceCodes from "@/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue";
 import NetworkDataFeasibilityReport from "@/pages/reports/network/NetworkDataFeasibilityReport/index.vue";
-import networkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue";
-import networkPopulationReport from "@/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue";
-import networkOverview from "@/pages/reports/network/NetworkOverview/NetworkOverview.vue";
-import networkConceptReport from "@/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue";
-import observationPeriodReport from "@/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue";
+import NetworkDatastrandReport from "@/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue";
+import NetworkPopulationReport from "@/pages/reports/network/NetworkPopulationReport/NetworkPopulationReport.vue";
+import NetworkOverview from "@/pages/reports/network/NetworkOverview/NetworkOverview.vue";
+import NetworkConceptReport from "@/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue";
+import ObservationPeriodReport from "@/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue";
 import TemporalCharacterization from "@/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue";
-import metadataReport from "@/pages/reports/release/MetadataReport/MetadataReport.vue";
-import deathReport from "@/pages/reports/release/DeathReport/DeathReport.vue";
-import dataQualityResults from "@/pages/reports/release/DataQualityResults/DataQualityResults.vue";
-import domainDensity from "@/pages/reports/release/DomainDensity/DomainDensity.vue";
-import unmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue";
-import performanceReport from "@/pages/reports/release/PerformanceReport/PerformanceTable.vue";
-import personReport from "@/pages/reports/release/PersonReport/PersonReport.vue";
-import domainTable from "@/pages/reports/release/DomainTable/DomainTable.vue";
-import conceptReport from "@/pages/reports/release/ConceptReport/ConceptReport.vue";
-import dataQualityHistory from "@/pages/reports/source/DataQualityHistory/DataQualityHistory.vue";
+import MetadataReport from "@/pages/reports/release/MetadataReport/MetadataReport.vue";
+import DeathReport from "@/pages/reports/release/DeathReport/DeathReport.vue";
+import DataQualityResults from "@/pages/reports/release/DataQualityResults/DataQualityResults.vue";
+import DomainDensity from "@/pages/reports/release/DomainDensity/DomainDensity.vue";
+import UnmappedSourceCodes from "@/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue";
+import PerformanceReport from "@/pages/reports/release/PerformanceReport/PerformanceTable.vue";
+import PersonReport from "@/pages/reports/release/PersonReport/PersonReport.vue";
+import DomainTable from "@/pages/reports/release/DomainTable/DomainTable.vue";
+import ConceptReport from "@/pages/reports/release/ConceptReport/ConceptReport.vue";
+import DataQualityHistory from "@/pages/reports/source/DataQualityHistory/DataQualityHistory.vue";
 import SourceOverview from "@/pages/reports/source/SourceOverview/SourceOverview.vue";
-import domainContinuity from "@/pages/reports/source/DomainContinuity/DomainContinuity.vue";
-import sourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
+import DomainContinuity from "@/pages/reports/source/DomainContinuity/DomainContinuity.vue";
+import SourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
-import networkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
-import NetworkConceptReport from "@/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue";
+import NetworkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
 
 import { RouteRecordRaw } from "vue-router";
 
 export const routes: RouteRecordRaw[] = [
   {
     path: "/",
-    components: { main: reportsView },
+    components: { main: ReportsView },
     redirect: { name: "home" },
     meta: { showModules: true },
     children: [
-      { path: "/home", name: "home", components: { reportsView: home } },
-      { path: "/help", name: "help", components: { reportsView: help } },
+      { path: "/home", name: "home", components: { reportsView: Home } },
+      { path: "/help", name: "help", components: { reportsView: Help } },
       {
         path: "/publication/article",
         name: "article",
-        components: { reportsView: article },
+        components: { reportsView: Article },
       },
     ],
   },
@@ -51,13 +50,13 @@ export const routes: RouteRecordRaw[] = [
   {
     path: "/network",
     name: "network",
-    components: { main: reportsView },
+    components: { main: ReportsView },
     redirect: { name: "overview" },
     children: [
       {
         path: "network_data_quality",
         name: "networkDataQuality",
-        components: { reportsView: networkDataQualitySummary },
+        components: { reportsView: NetworkDataQualitySummary },
       },
 
       {
@@ -68,7 +67,7 @@ export const routes: RouteRecordRaw[] = [
       {
         path: "network_concept_dashboard",
         name: "networkConceptDashboard",
-        components: { reportsView: networkConceptDashboard },
+        components: { reportsView: NetworkConceptDashboard },
       },
       {
         path: "web_api",
@@ -78,12 +77,12 @@ export const routes: RouteRecordRaw[] = [
       {
         path: "network_performance",
         name: "networkPerformance",
-        components: { reportsView: networkPerformance },
+        components: { reportsView: NetworkPerformance },
       },
       {
         path: "network_unmapped_source_codes",
         name: "networkUnmappedSourceCodes",
-        components: { reportsView: networkUnmappedSourceCodes },
+        components: { reportsView: NetworkUnmappedSourceCodes },
       },
       {
         path: "feasibility",
@@ -93,17 +92,17 @@ export const routes: RouteRecordRaw[] = [
       {
         path: "data_strand_report",
         name: "dataStrandReport",
-        components: { reportsView: networkDatastrandReport },
+        components: { reportsView: NetworkDatastrandReport },
       },
       {
         path: "population",
         name: "population",
-        components: { reportsView: networkPopulationReport },
+        components: { reportsView: NetworkPopulationReport },
       },
       {
         path: "overview",
         name: "overview",
-        components: { reportsView: networkOverview },
+        components: { reportsView: NetworkOverview },
       },
       /*{
         path: "concept/:domain/:concept/summary",
@@ -115,13 +114,13 @@ export const routes: RouteRecordRaw[] = [
   {
     path: "/cdm/:cdm",
     name: "datasource",
-    components: { main: reportsView },
+    components: { main: ReportsView },
     redirect: { name: "dataSourceOverview" },
     children: [
       {
         path: "data_quality_history",
         name: "dataQualityHistory",
-        components: { reportsView: dataQualityHistory },
+        components: { reportsView: DataQualityHistory },
       },
       {
         path: "data_source_overview",
@@ -131,12 +130,12 @@ export const routes: RouteRecordRaw[] = [
       {
         path: "domain_continuity",
         name: "domainContinuity",
-        components: { reportsView: domainContinuity },
+        components: { reportsView: DomainContinuity },
       },
       {
         path: ":domain/:concept/overlay",
         name: "sourceConceptOverlay",
-        components: { reportsView: sourceConceptReport },
+        components: { reportsView: SourceConceptReport },
       },
     ],
   },
@@ -144,13 +143,13 @@ export const routes: RouteRecordRaw[] = [
   {
     path: "/cdm/:cdm/:release",
     name: "cdm",
-    components: { main: reportsView },
+    components: { main: ReportsView },
     redirect: { name: "person" },
     children: [
       {
         path: "observation_period",
         name: "observationPeriod",
-        components: { reportsView: observationPeriodReport },
+        components: { reportsView: ObservationPeriodReport },
       },
       {
         path: "temporal_characterization",
@@ -160,46 +159,46 @@ export const routes: RouteRecordRaw[] = [
       {
         path: "metadata",
         name: "metadata",
-        components: { reportsView: metadataReport },
+        components: { reportsView: MetadataReport },
       },
       {
         path: "death",
         name: "death",
-        components: { reportsView: deathReport },
+        components: { reportsView: DeathReport },
       },
       {
         path: "data_quality",
         name: "dataQuality",
-        components: { reportsView: dataQualityResults },
+        components: { reportsView: DataQualityResults },
       },
       {
         path: "data_density",
         name: "dataDensity",
-        components: { reportsView: domainDensity },
+        components: { reportsView: DomainDensity },
       },
       {
         path: "unmapped_source_codes",
         name: "unmappedSourceCodes",
-        components: { reportsView: unmappedSourceCodes },
+        components: { reportsView: UnmappedSourceCodes },
       },
       {
         path: "performance",
         name: "performance",
-        components: { reportsView: performanceReport },
+        components: { reportsView: PerformanceReport },
       },
       {
         path: "person",
         name: "person",
-        components: { reportsView: personReport },
+        components: { reportsView: PersonReport },
       },
       {
         path: ":domain",
-        components: { reportsView: domainTable },
+        components: { reportsView: DomainTable },
         name: "domainTable",
       },
       {
         path: ":domain/:concept/",
-        components: { reportsView: conceptReport },
+        components: { reportsView: ConceptReport },
         name: "concept",
       },
     ],
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index b9292d1f..9d69873c 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -1,12 +1,22 @@
 <template>
-  <v-container fluid>
-    <Explorer v-if="showExplorer" />
-    <Error v-if="store.getters.getErrors" />
-    <router-view v-if="!store.getters.getErrors" name="reportsView" />
-    <Snackbar />
-    <Settings />
-    <BottomNav />
-  </v-container>
+  <Explorer v-if="showExplorer" />
+  <div v-if="!store.getters.getErrors" class="my-20">
+    <router-view name="reportsView" />
+  </div>
+  <BottomNav />
+
+  <!-- Conditional components />-->
+  <Snackbar />
+  <Error v-if="store.getters.getErrors" />
+  <Settings />
+  <SelectionEditDialog
+    @close="store.commit(SET_DIALOG, false)"
+    v-if="store.getters.getDialogData.show"
+    :show="store.getters.getDialogData.show"
+    :action="store.getters.getDialogData.action"
+    :data="store.getters.getDialogData.data"
+    :form-title="'Edit selection'"
+  />
 </template>
 
 <script lang="ts">
@@ -28,8 +38,9 @@ import { useStore } from "vuex";
 
 import { watch, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
-import NewNote from "@/widgets/selectionEditDialog/newNote.vue";
 import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
+import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
+import SelectionEditDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/shared/assets/ares_logo.svg b/src/shared/assets/ares_logo.svg
new file mode 100644
index 00000000..258e032a
--- /dev/null
+++ b/src/shared/assets/ares_logo.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   width="60"
+   height="60"
+   viewBox="0 0 4000 4000"
+   sodipodi:docname="ares_logo.eps"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <g
+     id="g8"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,4000)">
+    <g
+       id="g10"
+       transform="scale(0.1)">
+      <path
+         d="M 30000,0 H 0 V 30000 H 30000 V 0"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path12" />
+      <path
+         d="m 10955.4,9412.1 c 620.6,-390.7 1301.7,-694.3 2026,-893.3 V 4614.2 H 5224.48 L 6340.36,6547 h 2231.76 2476.48 v 623.2 0.1 h -0.2 c -366.5,167.1 -720.3,356.6 -1059.93,566.8 l 966.93,1675"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path14" />
+      <path
+         d="m 20011.5,7737.2 c -339.8,-210.3 -693.8,-399.8 -1060.2,-566.9 V 6547 h 2476.6 2231.6 l 1116,-1932.8 h -7757 v 3904.6 c 724.4,199 1405.3,502.6 2026,893.3 l 967,-1674.9"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path16" />
+      <path
+         d="m 23011.9,7668.8 287.9,-498.5 h -2231.9 l -84.8,147.1 -444.8,770.4 -2436.6,4220.4 -0.1,-0.1 -3101.6,5372.4 -2921.5,-5060.3 v 0 L 9461.63,8087.8 9197.08,7629.4 8932,7170.3 H 6700.24 l 1283.6,2223.5 v 0 l 1025.15,1775.7 1103.21,1910.6 4887.8,8465.9 4887.8,-8465.9 242.8,-420.5 h -0.1 l 2881.3,-4990.8 h 0.1"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path18" />
+      <path
+         d="m 15000,25385.8 c 5266.2,0 9535.3,-4269.1 9535.3,-9535.4 0,-2250.1 -779.8,-4317.8 -2083.4,-5948.6 l -1058.4,1833.5 c 765,1186.1 1209,2598.8 1209,4115.1 0,4198.8 -3403.8,7602.6 -7602.5,7602.6 -4198.8,0 -7602.53,-3403.8 -7602.53,-7602.6 0,-1516.3 443.95,-2929 1208.97,-4115 L 7548.04,9901.9 c -1303.66,1630.7 -2083.36,3698.4 -2083.36,5948.5 0,5266.3 4269.1,9535.4 9535.32,9535.4"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path20" />
+    </g>
+  </g>
+</svg>
diff --git a/src/shared/lib/directives/clickOutside.ts b/src/shared/lib/directives/clickOutside.ts
new file mode 100644
index 00000000..c64047e7
--- /dev/null
+++ b/src/shared/lib/directives/clickOutside.ts
@@ -0,0 +1,17 @@
+const clickOutside = {
+  beforeMount: (el, binding) => {
+    el.clickOutsideEvent = (event) => {
+      // here I check that click was outside the el and his children
+      if (!(el == event.target || el.contains(event.target))) {
+        // and if it did, call method provided in attribute value
+        binding.value();
+      }
+    };
+    document.addEventListener("click", el.clickOutsideEvent);
+  },
+  unmounted: (el) => {
+    document.removeEventListener("click", el.clickOutsideEvent);
+  },
+};
+
+export default clickOutside;
diff --git a/src/shared/lib/directives/resize.ts b/src/shared/lib/directives/resize.ts
new file mode 100644
index 00000000..3775f251
--- /dev/null
+++ b/src/shared/lib/directives/resize.ts
@@ -0,0 +1,16 @@
+const resize = {
+  beforeMount: (el, binding) => {
+    const onResizeCallback = binding.value;
+    el.resizeEvent = () => {
+      const width = document.documentElement.clientWidth;
+      const height = document.documentElement.clientHeight;
+      onResizeCallback({ width, height });
+    };
+    window.addEventListener("resize", el.resizeEvent);
+  },
+  unmounted: (el) => {
+    window.removeEventListener("resize", el.resizeEvent);
+  },
+};
+
+export default resize;
diff --git a/src/shared/lib/mixins/methods/getFontWeight.ts b/src/shared/lib/mixins/methods/getFontWeight.ts
index 86abf1aa..425d8303 100644
--- a/src/shared/lib/mixins/methods/getFontWeight.ts
+++ b/src/shared/lib/mixins/methods/getFontWeight.ts
@@ -1,13 +1,13 @@
 export const getFontWeight = function (decile: string): string {
   if (decile === "1") {
-    return "font-weight-black";
+    return "font-black";
   } else if (decile === "2") {
-    return "font-weight-bold";
+    return "font-bold";
   } else if (decile === "3") {
-    return "font-weight-medium";
+    return "font-medium";
   } else if (decile === "9" || decile === "10") {
-    return "font-weight-light";
+    return "font-light";
   } else {
-    return "font-weight-regular";
+    return "font-normal";
   }
 };
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 00000000..53cbbb99
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,48 @@
+@layer base {
+    body {
+        @apply min-h-screen bg-surface-0 dark:bg-surface-900;
+    }
+}
+
+
+@layer tailwind-base, primevue, tailwind-utilities;
+
+@layer tailwind-base {
+    @tailwind base;
+}
+
+@layer tailwind-utilities {
+    @tailwind components;
+    @tailwind utilities;
+}
+
+/* Initial Values */
+:root {
+
+
+
+    --primary-50: 233, 242, 252; /* Very light tint */
+    --primary-100: 212, 228, 248; /* Light tint */
+    --primary-200: 191, 215, 244; /* Medium-light tint */
+    --primary-300: 169, 201, 240; /* Medium tint */
+    --primary-400: 33, 150, 243; /* Light shade */
+    --primary-500: 25, 118, 210; /* Base color */
+    --primary-600: 7, 56, 104; /* Dark shade */
+    --primary-700: 4, 41, 80; /* Deeper shade */
+    --primary-800: 2, 28, 57; /* Darkest shade */
+    --primary-900: 0, 5, 16; /* Almost black */
+
+    --surface-0: 255 255 255;
+    --surface-50: 240 240 240;
+    --surface-100: 225 225 225;
+    --surface-200: 210 210 210;
+    --surface-300: 195 195 195;
+    --surface-400: 180 180 180;
+    --surface-500: 107 114 128;
+    --surface-600: 75 85 99;
+    --surface-700: 66 66 66;
+    --surface-800: 33 33 33;
+    --surface-900: 18,18,18;
+    --surface-950: 8 8 8;
+
+}
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index c76d854f..4c946156 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -1,26 +1,50 @@
 <template>
-  <v-bottom-navigation density="comfortable">
-    <v-layout class="justify-end align-center">
-      <v-btn
-        v-if="environment.WEB_API_ENABLED === 'true'"
-        to="/network/web_api"
-      >
-        <v-icon dark>mdi-server</v-icon>
-      </v-btn>
-      <v-btn to="/help">
-        <v-icon>mdi-help-circle-outline</v-icon>
-      </v-btn>
-      <v-btn to="/network/overview">
-        <v-icon>mdi-database</v-icon>
-      </v-btn>
-      <v-btn to="/">
-        <v-img :class="iconClass" :src="logo" width="20"></v-img>
-      </v-btn>
-      <v-btn @click="toggleSettings">
-        <v-icon dark>mdi-cog-outline</v-icon>
-      </v-btn>
-    </v-layout>
-  </v-bottom-navigation>
+  <Toolbar class="fixed bottom-0 left-0 right-0">
+    <template #end>
+      <div class="flex flex-row gap-14 mr-3">
+        <Button
+          severity="secondary"
+          @click="redirectTo('/network/web_api')"
+          icon="pi pi-check"
+          text
+        >
+          <svg-icon type="mdi" :path="mdiServer"></svg-icon>
+        </Button>
+        <Button
+          severity="secondary"
+          @click="redirectTo('/help')"
+          icon="pi pi-check"
+          text
+        >
+          <svg-icon type="mdi" :path="mdiHelpCircleOutline"></svg-icon>
+        </Button>
+        <Button
+          severity="secondary"
+          @click="redirectTo('/network/overview')"
+          icon="pi pi-check"
+          text
+        >
+          <svg-icon type="mdi" :path="mdiDatabase"></svg-icon>
+        </Button>
+        <Button
+          severity="secondary"
+          @click="redirectTo('/')"
+          icon="pi pi-check"
+          text
+        >
+          <img :class="iconClass" :src="logo" width="20" />
+        </Button>
+        <Button
+          severity="secondary"
+          icon="pi pi-check"
+          text
+          @click="toggleSettings"
+        >
+          <svg-icon type="mdi" :path="mdiCog"></svg-icon>
+        </Button>
+      </div>
+    </template>
+  </Toolbar>
 </template>
 
 <script lang="ts">
@@ -31,17 +55,27 @@ export default {
 
 <script setup lang="ts">
 import { SET_VISIBILITY } from "@/widgets/settings/model/store/mutations.type";
+import Toolbar from "primevue/toolbar";
+import Button from "primevue/button";
 import logo from "@/shared/assets/icon.png";
 import { useStore } from "vuex";
 import { computed } from "vue";
 import environment from "@/shared/api/environment";
+import SvgIcon from "@jamescoyle/vue-icon";
+import { mdiCog, mdiDatabase, mdiHelpCircleOutline, mdiServer } from "@mdi/js";
+import { useRouter } from "vue-router";
 
 const store = useStore();
+const router = useRouter();
 
 const iconClass = computed((): string => {
   return store.getters.getSettings.darkMode ? "" : "inverted";
 });
 
+function redirectTo(path: string) {
+  router.push(path);
+}
+
 const toggleSettings = function (): void {
   store.commit(SET_VISIBILITY, !store.getters.getVisibility);
 };
@@ -51,11 +85,4 @@ const toggleSettings = function (): void {
 .inverted {
   filter: invert(1);
 }
-a {
-  color: rgba(var(--v-theme-on-surface));
-}
-
-a:visited {
-  color: rgba(var(--v-theme-on-surface));
-}
 </style>
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 2e690978..be4a7bbb 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="pa-6">
+  <div class="p-4">
     <h3 class="mx-10" v-if="props.title">{{ props.title }}</h3>
     <div v-resize="load" :id="id" :style="style"></div>
     <ContextMenu v-if="annotationMode" :items="actions" />
@@ -40,10 +40,10 @@ interface Props {
   data: object[] | string[];
   id: string;
   width?: string;
-  chartSpec: (a?: boolean, b?: boolean, c?: string) => TopLevelSpec;
+  chartSpec: (a?: boolean, b?: boolean, c?: string) => any;
   annotationMode?: boolean;
   annotationsConfig?: {
-    chartSpec: (a?: boolean, b?: boolean, c?: string) => TopLevelSpec;
+    chartSpec: (a?: boolean, b?: boolean, c?: string) => any;
     annotationsParentElement: string;
     brushParentElement: string;
   };
diff --git a/src/widgets/chart/ui/ChartActionIcon.vue b/src/widgets/chart/ui/ChartActionIcon.vue
index 5eb1460d..052c9d41 100644
--- a/src/widgets/chart/ui/ChartActionIcon.vue
+++ b/src/widgets/chart/ui/ChartActionIcon.vue
@@ -1,22 +1,48 @@
 <template>
-  <v-btn icon density="comfortable" @click="activate">
-    <v-badge
-      v-if="props.count !== undefined"
-      :content="props.count"
-      :color="activated ? 'primary' : 'default'"
+  <div>
+    <Button
+      v-tooltip.top="{
+        value: props.tooltip,
+        pt: {
+          root: '',
+          arrow: {
+            style: {
+              borderRightColor: 'var(--primary-color)',
+            },
+          },
+          text: 'border rounded bg-surface-800 dark:bg-surface-50 text-white dark:text-black font-light p-2',
+        },
+      }"
+      @click="activate"
+      text
+      rounded
+      size="icon"
+      label="Search"
+      plain
+      :class="`${
+        activated ? 'text-primary-500' : 'text-black dark:text-primary-50'
+      }`"
     >
-      <v-icon :color="activated ? 'primary' : 'default'">{{
-        props.icon
-      }}</v-icon>
-    </v-badge>
-    <v-icon v-else color="primary">{{ props.icon }}</v-icon>
-
-    <v-tooltip activator="parent" location="top">{{ props.tooltip }}</v-tooltip>
-  </v-btn>
+      <span
+        v-if="!isUndefined(props.count)"
+        :class="`${
+          activated ? 'bg-primary-50 text-black' : 'bg-primary-500 text-white'
+        } px-2 py-1 rounded-full z-10 top-0 right-0 absolute indent-0 text-xs`"
+        :style="{ right: '-3px' }"
+      >
+        {{ props.count }}
+      </span>
+      <svg-icon type="mdi" :path="props.icon"></svg-icon>
+    </Button>
+  </div>
 </template>
 <script setup lang="ts">
 import { defineProps, onMounted } from "vue";
 import { defineEmits, ref } from "vue";
+import Button from "primevue/button";
+import SvgIcon from "@jamescoyle/vue-icon";
+import { isUndefined } from "lodash";
+
 const emit = defineEmits(["iconClicked"]);
 
 interface Props {
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index 81c02c92..babccceb 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -1,10 +1,8 @@
 <template>
-  <v-toolbar density="compact" class="mb-6">
-    <v-card-title v-if="title">{{ title }}</v-card-title>
-    <v-spacer></v-spacer>
+  <div class="flex flex-row gap-1">
     <ChartActionIcon
       v-if="props.notesCount !== undefined"
-      icon="mdi-note-text"
+      :icon="mdiNoteText"
       tooltip="Toggle Notes"
       :count="props.notesCount"
       show-state
@@ -13,7 +11,7 @@
     />
     <ChartActionIcon
       v-if="props.annotationsCount !== undefined"
-      icon="mdi-selection-marker"
+      :icon="mdiSelectionMarker"
       tooltip="Toggle Annotations"
       :count="props.annotationsCount"
       show-state
@@ -21,25 +19,23 @@
       @iconClicked="toggleAnnotationMode"
     />
     <slot></slot>
-  </v-toolbar>
+  </div>
 </template>
 <script setup lang="ts">
-import { ref, defineProps, defineEmits, watch } from "vue";
-import { links } from "@/shared/config/links";
+import { ref, defineProps, defineEmits } from "vue";
 import { onMounted } from "vue";
 import { useStore } from "vuex";
-import { TOGGLE_DEFAULT_ANNOTATIONS_MODE } from "@/widgets/settings/model/store/actions.type";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 
 const annotationMode = ref(false);
 const noteMode = ref(false);
 const store = useStore();
+import { mdiSelectionMarker, mdiNoteText } from "@mdi/js";
 
 interface Props {
   notesCount?: number;
   annotationsCount?: number;
   issueCount?: number;
-  title?: string;
 }
 
 const props = defineProps<Props>();
@@ -57,6 +53,7 @@ function toggleAnnotationMode(val) {
 
 function toggleNotesMode(val) {
   emits("notesModeToggled", val);
+  console.log(val);
 }
 
 /*watch(annotationMode, () => {
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 83619318..019d3fc2 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -1,141 +1,159 @@
 <template>
-  <v-form
+  <Dialog
     v-if="environment.WEB_API_ENABLED === 'true' && store.getters.authenticated"
-    ref="form"
+    :pt="{
+      root: { class: 'h-[520px] w-[850px]' },
+    }"
+    header="Vocabulary Search"
+    unstyled
+    modal
+    v-model:visible="sh"
   >
-    <v-card>
-      <v-card-title>
-        <span class="text-h5">Vocabulary search</span>
-      </v-card-title>
-
-      <v-card-text>
-        <v-container fluid>
-          <v-row>
-            <v-col>
-              <v-row>
-                <v-col cols="4">
-                  <v-text-field
-                    v-model="query"
-                    variant="outlined"
-                    density="comfortable"
-                    label="Search concepts"
-                    placeholder="Your query"
-                    @keyup.enter="searchApi"
-                  ></v-text-field>
-                </v-col>
-                <v-col cols="4">
-                  <v-autocomplete
-                    v-model="vocabularySource"
-                    :items="apiSources"
-                    variant="outlined"
-                    density="comfortable"
-                    item-title="sourceKey"
-                    item-value="sourceKey"
-                    auto-select-first
-                    label="Vocabulary source"
-                  >
-                  </v-autocomplete>
-                </v-col>
-                <v-col>
-                  <v-btn
-                    color="primary"
-                    elevation="0"
+    <div class="h-full relative">
+      <div class="p-6">
+        <div class="flex flex-col gap-10 p-3">
+          <div class="flex flex-row gap-5">
+            <InputText
+              v-model="query"
+              title="Search concepts"
+              label="Search concepts"
+              placeholder="Your query"
+              @keyup.enter="searchApi"
+            ></InputText>
+            <Dropdown
+              v-model="vocabularySource"
+              :options="apiSources"
+              option-label="sourceKey"
+              option-value="sourceKey"
+              placeholder="Vocabulary source"
+            >
+            </Dropdown>
+            <Button
+              color="primary"
+              style="width: 12rem"
+              class="search-btn"
+              @click="searchApi"
+              >Search</Button
+            >
+          </div>
+          <div>
+            <DataTable
+              :loading="store.getters.getApiData.loading"
+              removable-sort
+              size="small"
+              paginator
+              :value="store.getters.getApiData.data"
+              :rows="10"
+              :rowsPerPageOptions="[5, 10, 20, 50]"
+            >
+              <template #empty> No concepts found </template>
+              <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
+              <Column
+                sortable
+                header="Concept Name"
+                field="CONCEPT_NAME"
+              ></Column>
+              <Column sortable header="Domain" field="DOMAIN_ID"></Column>
+              <Column header="">
+                <template #body="slotProps">
+                  <!--              <v-icon-->
+                  <!--                v-if="!addedConcepts[slotProps.data.CONCEPT_ID]"-->
+                  <!--                @click="save(slotProps.data)"-->
+                  <!--                >{{ mdiPlus }}</v-icon-->
+                  <!--              >-->
+                  <!--              <v-icon-->
+                  <!--                v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Not found'"-->
+                  <!--                >{{ mdiCloseOctagon }}</v-icon-->
+                  <!--              >-->
+                  <!--              <v-icon-->
+                  <!--                v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Loaded'"-->
+                  <!--                >{{ mdiCheck }}</v-icon-->
+                  <!--              >-->
+                  <Button
+                    text
+                    v-if="!addedConcepts[slotProps.data.CONCEPT_ID]"
+                    icon="pi pi-plus"
+                    outlined
                     rounded
-                    class="search-btn"
-                    @click="searchApi"
-                    >Search</v-btn
-                  >
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col>
-                  <v-data-table
-                    :loading="store.getters.getApiData.loading"
-                    no-data-text="No concepts found"
-                    item-key="CONCEPT_ID"
-                    :items-per-page="5"
-                    density="compact"
-                    :items="store.getters.getApiData.data"
-                    :headers="webapiHeaders"
-                    loading-text="Loading concepts"
-                  >
-                    <template #item.actions="{ item }">
-                      <v-icon
-                        v-if="!addedConcepts[item.raw.CONCEPT_ID]"
-                        @click="save(item.raw)"
-                        >mdi-plus</v-icon
-                      >
-                      <v-icon
-                        v-if="
-                          addedConcepts[item.raw.CONCEPT_ID] === 'Not found'
-                        "
-                        >mdi-close-octagon</v-icon
-                      >
-                      <v-icon
-                        v-if="addedConcepts[item.raw.CONCEPT_ID] === 'Loaded'"
-                        >mdi-check</v-icon
-                      >
-                    </template>
-                  </v-data-table>
-                </v-col>
-              </v-row>
-            </v-col>
-          </v-row>
-        </v-container>
-      </v-card-text>
-
-      <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn color="blue darken-1" text @click="close"> Close </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-form>
-  <v-form v-else ref="form">
-    <v-card>
-      <v-card-title>
-        <span class="text-h5">New Concept</span>
-      </v-card-title>
-
-      <v-card-text>
-        <v-container fluid>
-          <v-row class="flex-column">
-            <v-col>
-              <v-text-field
-                v-model.number="editedItem.CONCEPT_ID"
-                :rules="[rules.required, rules.concept]"
-                prepend-icon="mdi-chart-timeline-variant-shimmer"
-                label="Concept ID"
-                density="compact"
-                variant="outlined"
-                :success-messages="successMessage"
-                :error-messages="errors"
-              >
-              </v-text-field>
-            </v-col>
-            <v-col>
-              <v-autocomplete
-                v-model="editedItem.DOMAIN_ID"
-                :rules="[rules.required]"
-                label="Domain"
-                prepend-icon="mdi-folder"
-                density="compact"
-                variant="outlined"
-                item-value="key"
-                :items="domains"
-              >
-              </v-autocomplete>
-            </v-col>
-          </v-row>
-        </v-container>
-      </v-card-text>
-
-      <v-card-actions>
-        <v-btn color="blue darken-1" text @click="save(editedItem)">
-          Add
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-form>
+                    class="mr-2"
+                    @click="save(slotProps.data)"
+                  />
+                  <Button
+                    text
+                    v-if="
+                      addedConcepts[slotProps.data.CONCEPT_ID] === 'Not found'
+                    "
+                    icon="pi pi-times"
+                    outlined
+                    rounded
+                    severity="danger"
+                  />
+                  <Button
+                    text
+                    v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Loaded'"
+                    icon="pi pi-check"
+                    outlined
+                    rounded
+                    severity="success"
+                  />
+                </template>
+              </Column>
+            </DataTable>
+          </div>
+        </div>
+      </div>
+      <div class="absolute bottom-0 right-0">
+        <Button text severity="danger" size="large" @click="close"
+          >CLOSE</Button
+        >
+      </div>
+    </div>
+  </Dialog>
+  <Dialog
+    v-else
+    :pt="{
+      root: { class: 'w-[400px]' },
+    }"
+    modal
+    v-model:visible="sh"
+    header="New Concept"
+  >
+    <div class="p-3">
+      <div class="flex flex-col gap-5">
+        <InputText
+          v-model.number="editedItem.CONCEPT_ID"
+          :rules="[rules.required, rules.concept]"
+          prepend-icon="mdi-chart-timeline-variant-shimmer"
+          label="Concept ID"
+          density="compact"
+          variant="outlined"
+          :success-messages="successMessage"
+          :error-messages="errors"
+        >
+        </InputText>
+        <Dropdown
+          v-model="editedItem.DOMAIN_ID"
+          :rules="[rules.required]"
+          label="Domain"
+          option-label="title"
+          prepend-icon="mdi-folder"
+          density="compact"
+          variant="outlined"
+          option-value="key"
+          :options="domains"
+        >
+        </Dropdown>
+      </div>
+      <div class="flex flex-row justify-between relative bottom-0">
+        <Button text severity="danger" size="large" @click="sh = false"
+          >CANCEL</Button
+        >
+        <Button text severity="info" size="large" @click="save(editedItem)"
+          >SAVE</Button
+        >
+      </div>
+    </div>
+  </Dialog>
 </template>
 
 <script setup lang="ts">
@@ -143,8 +161,10 @@ import { webApiActions } from "@/shared/api/webAPI";
 import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 import { useStore } from "vuex";
 import environment from "@/shared/api/environment";
-import { VDataTable } from "vuetify/labs/VDataTable";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
+import Dialog from "primevue/dialog";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 import {
   ref,
@@ -155,12 +175,27 @@ import {
   Ref,
   nextTick,
 } from "vue";
+import { computed } from "vue";
+import InputText from "primevue/inputtext";
+import Dropdown from "primevue/dropdown";
+import Button from "primevue/button";
 
 interface Props {
   addedConcepts: object;
   successMessage: string[];
   errors: string;
+  show: boolean;
 }
+
+const sh = computed({
+  get: function () {
+    return props.show;
+  },
+  set: function () {
+    emit("close");
+  },
+});
+
 const form: Ref<HTMLFormElement> = ref(null);
 const props = defineProps<Props>();
 const store = useStore();
@@ -217,27 +252,6 @@ const rules = {
   },
 };
 const apiSources = ref([]);
-const webapiHeaders: Ref<DataTableHeader[]> = ref([
-  {
-    title: "Concept ID",
-    align: "start",
-    sortable: true,
-    key: "CONCEPT_ID",
-  },
-  {
-    title: "Concept Name",
-    align: "start",
-    sortable: true,
-    key: "CONCEPT_NAME",
-  },
-  {
-    title: "Domain",
-    align: "start",
-    sortable: true,
-    key: "DOMAIN_ID",
-  },
-  { title: "", key: "actions", sortable: false, align: "" },
-]);
 
 const close = function (): void {
   emit("close");
diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index 34d1217d..8e157a26 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -1,14 +1,22 @@
 <template>
-  <v-container fluid>
-    <v-alert elevation="4" prominent type="error" icon="mdi-cloud-alert" title="An error has occurred">
-      <ul>
-        <li v-for="(error, index) in store.getters.getErrors" :key="index">
-          <span style="color: white">{{ error.message }}</span> --
-          <span style="color: white">{ {{ error.details }} }</span>
-        </li>
-      </ul>
-    </v-alert>
-  </v-container>
+  <div>
+    <Message :closable="false" severity="error">
+      <template #messageicon>
+        <div class="p-2">
+          <svg-icon size="45" type="mdi" :path="mdiCloudAlert"></svg-icon>
+        </div>
+      </template>
+      <div class="flex flex-col gap-2">
+        <h3 class="text-xl">An error has occurred</h3>
+        <ul class="flex flex-col gap-1">
+          <li v-for="(error, index) in store.getters.getErrors" :key="index">
+            <span style="color: white">{{ error.message }}</span> --
+            <span style="color: white">{ {{ error.details }} }</span>
+          </li>
+        </ul>
+      </div>
+    </Message>
+  </div>
 </template>
 
 <script lang="ts">
@@ -19,6 +27,9 @@ export default {
 
 <script setup lang="ts">
 import { useStore } from "vuex";
+import Message from "primevue/message";
+import SvgIcon from "@jamescoyle/vue-icon";
+import { mdiCloudAlert } from "@mdi/js";
 
 const store = useStore();
 </script>
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 5d0b07cb..62667a9e 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -1,102 +1,79 @@
 <template>
-  <div v-if="store.getters.explorerLoaded" id="explorer" class="pa-2">
-    <v-row>
-      <v-col cols="1" class="d-flex justify-center align-center">
-        <v-btn to="/home" icon variant="plain">
-          <v-img :class="iconClass" :src="icon" width="42"></v-img> </v-btn
-      ></v-col>
-      <v-col cols="auto">
-        <v-autocomplete
+  <div
+    v-if="store.getters.explorerLoaded"
+    id="explorer"
+    class="container flex flex-row gap-16 my-10 justify-items-center"
+  >
+    <img :class="iconClass" :src="icon" width="45" />
+    <div class="flex flex-row gap-5">
+      <div class="p-float-label">
+        <dropdown
+          inputId="folder"
           :model-value="store.getters.getSelectedFolder"
-          class="mt-2"
-          label="Report Category"
-          prepend-icon="mdi-folder"
-          return-object
-          density="compact"
-          variant="underlined"
-          :items="config.folders"
-          item-title="name"
-          item-value="name"
           @update:modelValue="changeFolder"
+          :options="config.folders"
+          optionLabel="name"
+        ></dropdown>
+        <label class="left-3 font-light dark:text-white text-black" for="folder"
+          >Report category</label
         >
-          <template v-slot:item="{ props, item }">
-            <v-list-item
-              v-bind="props"
-              :title="item.value.name"
-              :append-icon="item.value.icon"
-            ></v-list-item>
-          </template>
-        </v-autocomplete>
-      </v-col>
-      <v-col v-if="showSourceSelector" cols="auto">
-        <v-autocomplete
-          class="mt-2"
-          variant="underlined"
-          label="Source"
-          density="compact"
+      </div>
+
+      <div v-if="showSourceSelector" class="p-float-label">
+        <dropdown
+          input-id="source"
           :model-value="store.getters.getSelectedSource"
-          return-object
-          prepend-icon="mdi-database"
-          auto-select-first
-          :items="store.getters.getSources"
-          item-title="cdm_source_abbreviation"
-          item-value="cdm_source_key"
           @update:modelValue="changeSource"
+          :options="store.getters.getSources"
+          optionLabel="cdm_source_abbreviation"
+        />
+        <label class="left-3 font-light dark:text-white text-black" for="source"
+          >Source</label
         >
-        </v-autocomplete>
-      </v-col>
-      <v-col v-if="showReleaseSelector" cols="auto">
-        <v-autocomplete
-          class="mt-2"
-          variant="underlined"
-          density="compact"
-          label="Data Source Release"
+      </div>
+
+      <div v-if="showReleaseSelector" class="p-float-label">
+        <dropdown
+          input-id="release"
           :model-value="store.getters.getSelectedRelease"
-          return-object
-          prepend-icon="mdi-database-clock"
-          auto-select-first
-          :items="store.getters.getReleases"
-          item-title="release_name"
-          item-value="release_id"
           @update:modelValue="changeRelease"
+          :options="store.getters.getReleases"
+          optionLabel="release_name"
+        />
+        <label
+          class="left-3 font-light dark:text-white text-black"
+          for="release"
+          >Release</label
         >
-        </v-autocomplete>
-      </v-col>
-      <v-col cols="auto">
-        <v-autocomplete
-          class="mt-2"
-          label="Report"
-          density="compact"
-          variant="underlined"
+      </div>
+
+      <div class="p-float-label">
+        <dropdown
+          input-id="report"
           :model-value="store.getters.getSelectedReport"
-          return-object
-          prepend-icon="mdi-file-chart"
-          :items="store.getters.getFilteredReports"
-          item-title="name"
-          item-value="route"
           @update:modelValue="changeReport"
+          :options="store.getters.getFilteredReports"
+          optionLabel="name"
+        />
+        <label class="left-3 font-light dark:text-white text-black" for="report"
+          >Report</label
         >
-          <template v-slot:item="{ props, item }">
-            <v-list-item
-              v-bind="props"
-              :title="item.value.name"
-              :append-icon="item.value.icon"
-            ></v-list-item>
-          </template>
-        </v-autocomplete>
-      </v-col>
-      <v-col v-if="showConceptSelector" cols="auto">
-        <v-autocomplete
-          readonly
-          variant="underlined"
-          density="compact"
-          class="mt-2"
-          label="Concept ID"
-          prepend-icon="mdi-chart-timeline-variant-shimmer"
+      </div>
+
+      <div v-if="showConceptSelector" class="p-float-label">
+        <dropdown
+          input-id="concept"
           :model-value="showConceptSelector"
-        ></v-autocomplete>
-      </v-col>
-    </v-row>
+          :options="[showConceptSelector]"
+          disabled
+        />
+        <label
+          class="left-3 font-light dark:text-white text-black"
+          for="concept"
+          >Concept ID</label
+        >
+      </div>
+    </div>
   </div>
 </template>
 
@@ -110,6 +87,7 @@ import { useStore } from "vuex";
 import icon from "@/shared/assets/icon.png";
 import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
+import Dropdown from "primevue/dropdown";
 
 import config from "@/widgets/explorer/config";
 import {
@@ -190,7 +168,7 @@ tr:hover {
 .inverted {
   filter: invert(1);
 }
- .v-list-item{
-   min-height: 30px !important;
- }
+.v-list-item {
+  min-height: 30px !important;
+}
 </style>
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index 32e3ae6d..fa66e6f5 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -1,119 +1,164 @@
 <template>
-  <v-row class="ma-4 align-baseline" justify="start" align="baseline">
-    <v-col v-if="props.concept" cols="2">
-      <v-icon left color="primary">mdi-identifier</v-icon>
-      <v-badge tile inline color="primary" :content="props.concept"></v-badge>
-      <p class="text-caption">Concept Identifier</p></v-col
+  <div class="flex flex-row gap-36 px-5">
+    <div v-if="props.concept" class="flex flex-col">
+      <div class="flex flex-row items-center content-center">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiIdentifier"
+        ></svg-icon>
+        <Badge severity="info" :value="props.concept" />
+      </div>
+      <p class="font-light text-xs dark:text-white">Concept Identifier</p>
+    </div>
+    <div v-if="props.population" class="flex flex-col">
+      <div class="flex flex-row items-center content-center">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiAccountGroup"
+        ></svg-icon>
+        <Badge severity="info" :value="helpers.formatComma(props.population)" />
+      </div>
+      <p class="font-light text-xs dark:text-white">Number of People</p>
+    </div>
+    <div v-if="props.percentPeople" class="flex flex-col">
+      <div class="flex flex-row items-center content-center">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiPercent"
+        ></svg-icon>
+        <Badge
+          severity="info"
+          :value="helpers.formatPercent(props.percentPeople)"
+        />
+      </div>
+      <p class="font-light text-xs dark:text-white">% of People</p>
+    </div>
+    <div v-if="props.recordsPerPerson" class="flex flex-col">
+      <div class="flex flex-row items-center content-center">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiTableRow"
+        ></svg-icon>
+        <Badge severity="info" :value="props.recordsPerPerson" />
+      </div>
+      <p class="font-light text-xs dark:text-white">Records per Person</p>
+    </div>
+    <div
+      v-if="props.percentValues"
+      class="flex flex-col items-center content-center"
     >
-    <v-col v-if="props.population" cols="2">
-      <v-icon left color="primary">mdi-account-group</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="helpers.formatComma(props.population)"
-      ></v-badge>
-      <p class="text-caption">Number of People</p>
-    </v-col>
-    <v-col v-if="props.percentPeople" cols="2" align="center">
-      <v-icon small left color="primary">mdi-percent</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="helpers.formatPercent(props.percentPeople)"
-      ></v-badge>
-      <p class="text-caption">% of People</p>
-    </v-col>
-    <v-col v-if="props.recordsPerPerson" cols="2" align="center">
-      <v-icon left color="primary">mdi-table-row</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="props.recordsPerPerson"
-      ></v-badge>
-      <p class="text-caption">Records per Person</p></v-col
+      <div class="flex flex-row">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiDatabaseCheckOutline"
+        ></svg-icon>
+        <Badge severity="info" :value="props.percentValues" />
+      </div>
+      <p class="font-light text-xs dark:text-white">% with Values</p>
+    </div>
+    <div
+      v-if="props.countFailed"
+      class="flex flex-col items-center content-center"
     >
-    <v-col v-if="props.percentValues" cols="2" align="center">
-      <v-icon left color="primary">mdi-database-check-outline</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="props.percentValues"
-      ></v-badge>
-      <p class="text-caption">% with Values</p></v-col
+      <div @click="props.countFailed.action" class="flex flex-row">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiDatabaseAlert"
+        ></svg-icon>
+        <Badge severity="danger" :value="props.countFailed.value" />
+      </div>
+      <p class="font-light text-xs dark:text-white">Records Per Person</p>
+    </div>
+    <div
+      v-if="props.notStationary"
+      class="flex flex-col items-center content-center"
     >
-    <v-col v-if="props.countFailed" cols="2" align="center">
-      <v-icon left color="error" @click="props.countFailed.action"
-        >mdi-database-alert</v-icon
-      >
-      <v-badge
-        tile
-        inline
-        dark
-        color="error"
-        :content="props.countFailed.value"
-      ></v-badge>
-      <p class="text-caption">Data Quality Issues</p></v-col
+      <div class="flex flex-row">
+        <svg-icon
+          class="text-red-500"
+          type="mdi"
+          :path="mdiClockAlert"
+        ></svg-icon>
+      </div>
+      <p class="font-light text-xs dark:text-white">
+        Non-Stationary Time Series
+      </p>
+    </div>
+    <div
+      v-if="props.proportionSex"
+      class="flex flex-col items-center content-center"
     >
-    <v-col v-if="props.notStationary" cols="2" align="center">
-      <v-icon left color="error">mdi-clock-alert</v-icon>
-      <p class="text-caption">Non-Stationary Time Series</p></v-col
+      <div class="flex flex-row">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiHumanMaleFemale"
+        ></svg-icon>
+        <div class="flex flex-row gap-2">
+          <Badge
+            severity="info"
+            :value="
+              'Male: ' +
+              helpers.formatComma(props.proportionSex.male.count) +
+              ' (' +
+              helpers.formatPercent(props.proportionSex.male.pct) +
+              ')'
+            "
+          />
+          <Badge
+            severity="info"
+            :value="
+              'Female: ' +
+              helpers.formatComma(props.proportionSex.female.count) +
+              ' (' +
+              helpers.formatPercent(props.proportionSex.female.pct) +
+              ')'
+            "
+          />
+        </div>
+      </div>
+      <p class="font-light text-xs dark:text-white">Proportion by Sex</p>
+    </div>
+    <div
+      v-if="props.networkPopulation"
+      class="flex flex-col items-center content-center"
     >
-    <!-- Gender breakdown in top bar -->
-    <v-col v-if="props.proportionSex" cols="4" align="center">
-      <v-icon left color="primary">mdi-human-male-female</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="
-          'Male: ' +
-          helpers.formatComma(props.proportionSex.male.count) +
-          ' (' +
-          helpers.formatPercent(props.proportionSex.male.pct) +
-          ')'
-        "
-      ></v-badge>
-      <v-badge
-        tile
-        inline
-        dark
-        color="primary"
-        :content="
-          'Female: ' +
-          helpers.formatComma(props.proportionSex.female.count) +
-          ' (' +
-          helpers.formatPercent(props.proportionSex.female.pct) +
-          ')'
-        "
-      ></v-badge>
-      <p class="text-caption">Proportion by Sex</p>
-    </v-col>
-    <v-col v-if="props.networkPopulation" cols="2" align="center">
-      <v-icon left color="info">mdi-account-group</v-icon>
-      <v-badge
-        tile
-        inline
-        dark
-        color="info"
-        :content="props.networkPopulation"
-      ></v-badge>
-      <p class="text-caption">Number of People in Network</p>
-    </v-col>
-  </v-row>
+      <div class="flex flex-row">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiAccountGroup"
+        ></svg-icon>
+        <Badge severity="info" :value="props.networkPopulation" />
+      </div>
+      <p class="font-light text-xs dark:text-white">
+        Number of People in Network
+      </p>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { helpers } from "@/shared/lib/mixins";
 import { defineProps } from "vue";
+import SvgIcon from "@jamescoyle/vue-icon";
+import {
+  mdiAccountGroup,
+  mdiClockAlert,
+  mdiDatabaseAlert,
+  mdiDatabaseCheckOutline,
+  mdiHumanMaleFemale,
+  mdiIdentifier,
+  mdiPercent,
+  mdiTableRow,
+} from "@mdi/js";
+import Badge from "primevue/badge";
 
 interface Props {
   population?: number;
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index 0fade68a..c1eda92a 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -1,55 +1,29 @@
 <template>
-  <v-slide-group
-    v-if="!showAllMode"
-    v-model="model"
-    class="pa-4"
-    show-arrows="always"
-  >
-    <v-slide-group-item v-if="notes.length == 0"> No Notes </v-slide-group-item>
-    <v-slide-group-item v-for="note in notes" :key="note.title">
-      <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
-    </v-slide-group-item>
-  </v-slide-group>
-  <v-slide-group v-else v-model="model" class="pa-4" show-arrows="always">
-    <v-slide-group-item v-if="allNotes.length == 0">
-      No Notes
-    </v-slide-group-item>
-    <v-slide-group-item v-for="note in allNotes" :key="note.title">
-      <MetadataCard :note="note" :key="note.id" class="mb-2 elevation-1" />
-    </v-slide-group-item>
-  </v-slide-group>
+  <Carousel :value="notes" :num-visible="5" :num-scroll="5">
+    <template #item="slotProps">
+      <MetadataCard :note="slotProps.data" />
+    </template>
+  </Carousel>
 </template>
 
 <script setup lang="ts">
-import { defineProps, onMounted, ref } from "vue";
-import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
+import { defineProps, computed } from "vue";
 import { useStore } from "vuex";
-import { useRoute } from "vue-router";
+
+import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
+import Carousel from "primevue/carousel";
 
 interface Props {
   notes: [];
 }
 
 const props = defineProps<Props>();
-const showAllMode = ref(false);
-onMounted(() => {
-  showAllMode.value = store.getters.getSettings.notesMode;
-});
-
-import { computed } from "vue";
-
 const store = useStore();
 
-const model = ref(null);
-
 const notes = computed(() => {
   const selectionId = store.getters.getSelectedRectangle?.item?.id;
   return props.notes.filter((note) => note.selection === selectionId);
 });
-
-const allNotes = computed(() => {
-  return props.notes;
-});
 </script>
 
 <style scoped></style>
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index dfb0cb1b..3bab1c45 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -1,245 +1,221 @@
 <template>
-  <v-row v-if="data">
-    <v-col cols="3">
-      <v-card>
-        <v-tabs v-model="tab" fixed-tabs>
-          <v-tab value="table">
-            <v-icon left> mdi-table </v-icon>
-            Table
-          </v-tab>
-          <v-tab value="manipulation">
-            <v-icon left> mdi-database-cog </v-icon>
-            Settings
-          </v-tab>
-        </v-tabs>
-        <v-window v-model="tab" class="my-2">
-          <v-window-item value="table">
-            <v-card class="attr-box">
-              <v-list class="pa-3">
-                <v-select
-                  v-model="selectedRows"
-                  variant="solo"
-                  :menu-props="{ bottom: true, offsetY: true }"
-                  menu-icon="mdi-plus-box"
-                  persistent-placeholder
-                  prefix="Row attributes"
-                  hide-selected
-                  multiple
-                  :items="getDisplayedAttributes"
-                >
-                  <template #selection="{}"></template>
-                  filter
-                </v-select>
-                <draggable
-                  item-key="id"
-                  v-model="selectedRows"
-                  v-if="selectedRows.length"
-                >
-                  <template #item="{ element }">
-                    <v-list-item class="list-item">
-                      <v-list-item-title>
-                        <v-list-item-title>{{ element }}</v-list-item-title>
-                      </v-list-item-title>
-                      <template v-slot:append="{}">
-                        <v-list-item-action end>
-                          <v-btn
-                            variant="plain"
-                            density="compact"
-                            icon
-                            @click="removeRows(element)"
-                            ><v-icon>mdi-close</v-icon></v-btn
-                          >
-                        </v-list-item-action>
+  <div
+    class="flex flex-row gap-5 bg-white dark:bg-surface-800 w-full h-[650px]"
+    v-if="data"
+  >
+    <div style="width: 25%; height: 100%">
+      <TabView
+        :pt="{
+          navContent: {
+            class: [''],
+          },
+          nav: {
+            class: [
+              'flex flex-row justify-around flex-1',
+              'bg-surface-0 dark:bg-surface-800',
+              'border-b-2 border-surface-200 dark:border-surface-700',
+              'text-surface-900 dark:text-surface-0/80',
+            ],
+          },
+        }"
+      >
+        <div class="flex flex-row justify-between">
+          <TabPanel
+            :pt="{
+              header: {
+                class: ['flex-1 basis-0'],
+              },
+              headerAction: {
+                class: ['justify-center'],
+              },
+            }"
+          >
+            <template #header>
+              <svg-icon type="mdi" :path="mdiTable"></svg-icon>
+              <h3 class="uppercase">Table</h3></template
+            >
+            <div class="flex flex-col gap-3">
+              <Card class="attr-box">
+                <template #content>
+                  <div class="flex flex-col gap-5 h-[275px]">
+                    <MultiSelect
+                      style="width: 100%; height: 50px"
+                      placeholder="Row Attributes"
+                      v-model="selectedRows"
+                      :options="getDisplayedAttributes"
+                      :pt="{
+                        label: { class: ['self-center pl-4 font-light'] },
+                      }"
+                    >
+                      <template #value>Row Attributes</template>
+                      <template #dropdownicon>
+                        <svg-icon type="mdi" :path="mdiPlusBox"></svg-icon>
+                      </template>
+                    </MultiSelect>
+
+                    <draggable
+                      class="overflow-scroll"
+                      item-key="id"
+                      v-model="selectedRows"
+                      v-if="selectedRows.length"
+                    >
+                      <template #item="{ element }">
+                        <div
+                          class="p-5 list-item bg-surface-200 dark:bg-surface-700"
+                        >
+                          <h3>{{ element }}</h3>
+
+                          <Button plain text @click="removeRows(element)">
+                            <svg-icon type="mdi" :path="mdiClose"></svg-icon>
+                          </Button>
+                        </div>
                       </template>
-                    </v-list-item>
-                  </template>
-                </draggable>
-                <v-card-text v-else class="placeholder"
-                  >Select attributes to display</v-card-text
-                >
-              </v-list>
-            </v-card>
-            <v-card class="attr-box">
-              <v-list class="pa-3">
-                <v-select
-                  v-model="selectedCols"
-                  variant="solo"
-                  persistent-placeholder
-                  menu-icon="mdi-plus-box"
-                  :menu-props="{ bottom: true, offsetY: true }"
-                  prefix="Column attributes"
-                  hide-selected
-                  multiple
-                  :items="getDisplayedAttributes"
-                >
-                  <template #selection="{}"> </template>
-                </v-select>
-                <draggable
-                  item-key="id"
-                  v-model="selectedCols"
-                  v-if="selectedCols.length"
-                >
-                  <template #item="{ element }">
-                    <v-list-item class="list-item">
-                      <v-list-item-title>
-                        <v-list-item-title>{{ element }}</v-list-item-title>
-                      </v-list-item-title>
-                      <template v-slot:append="{}">
-                        <v-list-item-action end>
-                          <v-btn
-                            variant="plain"
-                            density="compact"
-                            icon
-                            @click="removeCols(element)"
-                            ><v-icon>mdi-close</v-icon></v-btn
-                          >
-                        </v-list-item-action>
+                    </draggable>
+                    <h3 v-else class="placeholder">
+                      Select attributes to display
+                    </h3>
+                  </div>
+                </template>
+              </Card>
+              <Card class="attr-box">
+                <template #content>
+                  <div class="flex flex-col gap-5 h-[275px]">
+                    <MultiSelect
+                      style="width: 100%; height: 50px"
+                      placeholder="Column Attributes"
+                      v-model="selectedCols"
+                      :options="getDisplayedAttributes"
+                      :pt="{
+                        label: { class: ['self-center pl-4 font-light'] },
+                      }"
+                    >
+                      <template #value>Column Attributes</template>
+                      <template #dropdownicon>
+                        <svg-icon type="mdi" :path="mdiPlusBox"></svg-icon>
                       </template>
-                    </v-list-item>
-                  </template>
-                </draggable>
+                    </MultiSelect>
 
-                <v-card-text v-else class="placeholder align-self-center"
-                  >Select attributes to display</v-card-text
-                >
-              </v-list>
-            </v-card>
-          </v-window-item>
-          <v-window-item value="manipulation">
-            <v-card>
-              <v-select
-                v-model="selectedFilterAttributes"
-                hide-details
-                variant="outlined"
-                class="pa-3 pb-6"
-                :menu-props="{ bottom: true, offsetY: true }"
-                hide-selected
-                clearable
-                :items="getDisplayedAttributes"
-                multiple
-                label="Filters"
-                @click:clear="removeFilterAttributes()"
-              >
-                <template v-slot:selection="{ item, select, selected }">
-                  <v-menu
-                    allow-overflow
-                    offset-y
-                    bottom
-                    max-height="500"
-                    :close-on-content-click="false"
-                  >
-                    <template v-slot:activator="{ props }">
-                      <v-chip
-                        closable
-                        :input-value="selected"
-                        v-bind="props"
-                        @click="select"
-                        @click:close="removeFilterAttributes(item.raw)"
-                      >
-                        {{ item.raw }} ({{
-                          selectedFilterValues[item.raw]
-                            ? Object.keys(selectedFilterValues[item.raw]).length
-                            : 0
-                        }})
-                      </v-chip>
-                    </template>
+                    <draggable
+                      class="overflow-scroll"
+                      item-key="id"
+                      v-model="selectedCols"
+                      v-if="selectedCols.length"
+                    >
+                      <template #item="{ element }">
+                        <div
+                          class="p-5 list-item bg-surface-200 dark:bg-surface-700"
+                        >
+                          <h3>{{ element }}</h3>
 
-                    <v-list>
-                      <v-list-item
-                        v-for="value in getUniqueAttributeValues[item.raw]"
-                        :key="value"
-                      >
-                        <v-checkbox-btn
-                          :model-value="
-                            selectedFilterValues[item.raw]
-                              ? !selectedFilterValues[item.raw][value]
-                              : true
-                          "
-                          :label="value ? value.toString() : value"
-                          @update:modelValue="
-                            changeFilterValues(item.raw, value, $event)
-                          "
-                        ></v-checkbox-btn>
-                      </v-list-item>
-                    </v-list>
-                  </v-menu>
+                          <Button plain text @click="removeCols(element)">
+                            <svg-icon type="mdi" :path="mdiClose"></svg-icon>
+                          </Button>
+                        </div>
+                      </template>
+                    </draggable>
+                    <h3 v-else class="placeholder">
+                      Select attributes to display
+                    </h3>
+                  </div>
                 </template>
-              </v-select>
-              <div>
-                <v-select
-                  v-model="aggregateFunction"
-                  hide-details
-                  variant="outlined"
-                  class="px-3"
-                  label="Aggregate function"
-                  :menu-props="{ bottom: true, offsetY: true }"
-                  :items="aggregatorNamesList"
-                ></v-select>
-                <v-select
-                  v-if="aggregateFunction === 'Sum'"
-                  v-model="aggregateValue[0]"
-                  hide-details
-                  outlined
-                  class="pa-3"
-                  label="Aggregate attribute"
-                  :menu-props="{ bottom: true, offsetY: true }"
-                  :items="getAggregateValues"
-                ></v-select>
-              </div>
-            </v-card>
-          </v-window-item>
-        </v-window>
-      </v-card>
-    </v-col>
-    <v-col class="overflow-hidden">
-      <v-card class="pa-3 table-card">
-        <div
-          v-if="selectedCols.length || selectedRows.length"
-          class="table-container"
-        >
-          <v-row>
-            <VuePivottable
-              v-if="selectedCols.length || selectedRows.length"
-              class="align-self-start"
-              :data="data"
-              :rows="selectedRows"
-              :cols="selectedCols"
-              :aggregators="aggregators"
-              :attributes="getDisplayedAttributes"
-              :value-filter="selectedFilterValues"
-              :aggregator-name="aggregateFunction"
-              :vals="aggregateValue"
-              :table-options="
-                eventListener
-                  ? eventListener(router, route, getUniqueAttributeValues)
-                  : {}
-              "
-            >
-            </VuePivottable>
-          </v-row>
+              </Card>
+            </div>
+          </TabPanel>
+          <TabPanel
+            :pt="{
+              header: {
+                class: ['flex-1 basis-0'],
+              },
+              headerAction: {
+                class: ['justify-center'],
+              },
+            }"
+          >
+            <template #header>
+              <svg-icon type="mdi" :path="mdiDatabaseCog"></svg-icon>
+              <h3 class="uppercase">Settings</h3>
+            </template>
+            <Card>
+              <template #content>
+                <div class="flex flex-col gap-5">
+                  <TreeSelect
+                    v-model="selectedFilterAttributes"
+                    :options="getDisplayedAttributes"
+                    selectionMode="checkbox"
+                    placeholder="Select Item"
+                    class="md:w-20rem w-full"
+                  />
+                  <Dropdown
+                    v-model="aggregateFunction"
+                    class="px-3 w-full"
+                    placeholder="Aggregate function"
+                    :options="aggregatorNamesList"
+                  ></Dropdown>
+                  <Dropdown
+                    v-if="aggregateFunction === 'Sum'"
+                    v-model="aggregateValue[0]"
+                    hide-details
+                    outlined
+                    class="pa-3 w-full"
+                    placeholder="Aggregate attribute"
+                    :options="getAggregateValues"
+                  ></Dropdown>
+                </div>
+              </template>
+            </Card>
+          </TabPanel>
         </div>
-        <v-card-text v-else class="placeholder table-placeholder"
-          >Choose at least one attribute to display the results</v-card-text
+      </TabView>
+    </div>
+    <div style="width: 75%; height: 100%" class="table-card overflow-scroll">
+      <div
+        v-if="selectedCols.length || selectedRows.length"
+        style="width: 100%"
+        class="table-container"
+      >
+        <VuePivottable
+          v-if="selectedCols.length || selectedRows.length"
+          class="align-self-start"
+          :data="data"
+          :rows="selectedRows"
+          :cols="selectedCols"
+          :aggregators="aggregators"
+          :attributes="getDisplayedAttributes"
+          :value-filter="selectedFilterValues"
+          :aggregator-name="aggregateFunction"
+          :vals="aggregateValue"
+          :table-options="
+            eventListener
+              ? eventListener(router, route, getUniqueAttributeValues)
+              : {}
+          "
         >
-      </v-card>
-    </v-col>
-  </v-row>
+        </VuePivottable>
+      </div>
+      <div class="placeholder-container h-full" v-else>
+        <h2 class="placeholder table-placeholder text-black dark:text-white">
+          Choose at least one attribute to display the results
+        </h2>
+      </div>
+    </div>
+  </div>
 </template>
 
-<script lang="ts">
-import draggable from "vuedraggable";
-
-export default {
-  name: "PivotTable",
-  components: {
-    draggable,
-  },
-};
-</script>
 <script setup lang="ts">
 import { VuePivottable } from "vue-pivottable";
-import "./vue-pivottable.css";
+import "./vue-pivottable.scss";
 import { computed, defineProps, Ref, ref, onBeforeMount } from "vue";
+import draggable from "vuedraggable";
+
+import SvgIcon from "@jamescoyle/vue-icon";
+import { mdiClose, mdiDatabaseCog, mdiPlusBox, mdiTable } from "@mdi/js";
+
+import Card from "primevue/card";
+import Dropdown from "primevue/dropdown";
+import TabView from "primevue/tabview";
+import TabPanel from "primevue/tabpanel";
+import Button from "primevue/button";
+import MultiSelect from "primevue/multiselect";
 
 import {
   useRouter,
@@ -247,6 +223,7 @@ import {
   Router,
   RouteLocationNormalizedLoaded,
 } from "vue-router";
+import TreeSelect from "primevue/treeselect";
 
 const router = useRouter();
 const route = useRoute();
@@ -278,8 +255,6 @@ interface Props {
   };
 }
 
-const tab: Ref<string> = ref("");
-
 const props = defineProps<Props>();
 
 const getDisplayedAttributes = computed(function () {
@@ -342,6 +317,12 @@ const removeFilterAttributes = function (attribute = null) {
     selectedFilterValues.value = {};
   }
 };
+
+const menu = ref();
+
+const toggle = (event) => {
+  menu.value.toggle(event);
+};
 const changeFilterValues = function (
   attribute: string | number,
   attrValue: string | number,
@@ -397,9 +378,9 @@ onBeforeMount(() => {
 </script>
 
 <style lang="scss">
-@import "./vue-pivottable.css";
+@import "vue-pivottable";
 .attr-box {
-  min-height: 300px;
+  min-height: 270px;
   min-width: 200px;
 }
 
@@ -408,10 +389,8 @@ onBeforeMount(() => {
 }
 
 .table-card {
-  padding: 10px;
   width: 100%;
   height: 100%;
-  display: flex !important;
   align-items: center;
   justify-content: center;
 }
@@ -428,10 +407,13 @@ onBeforeMount(() => {
   background-color: inherit;
 }
 .list-item {
-  background-color: rgb(var(--v-theme-accent));
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: rgb(var(--surface-300));
   margin: 0px 8px;
   border-radius: 5px;
-  height: 20px;
+  height: 40px;
   cursor: move;
 }
 
@@ -440,16 +422,25 @@ onBeforeMount(() => {
 }
 
 .table-container {
-  padding: 10px;
   width: 100%;
   height: 100%;
 }
-:deep(.v-text-field__prefix) {
-  font-size: 0.875rem !important;
-  color: white;
-}
 
-:deep(.v-list-item__title) {
-  font-size: 0.875rem !important;
+.placeholder-container {
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  height: 100%;
 }
+
+//:deep(.v-text-field__prefix) {
+//  font-size: 0.875rem !important;
+//  color: white;
+//}
+//
+//:deep(.v-list-item__title) {
+//  font-size: 0.875rem !important;
+//}
 </style>
diff --git a/src/widgets/pivot/ui/vue-pivottable.css b/src/widgets/pivot/ui/vue-pivottable.scss
similarity index 95%
rename from src/widgets/pivot/ui/vue-pivottable.css
rename to src/widgets/pivot/ui/vue-pivottable.scss
index 25f7b309..c86e89c6 100644
--- a/src/widgets/pivot/ui/vue-pivottable.css
+++ b/src/widgets/pivot/ui/vue-pivottable.scss
@@ -1,14 +1,15 @@
 
-* {
-    box-sizing: border-box;
-    font-family: inherit;
-    font-weight: normal;
-}
+/** {*/
+/*    box-sizing: border-box;*/
+/*    font-family: inherit;*/
+/*    font-weight: normal;*/
+/*}*/
 
 .pvtUi {
     table-layout: fixed;
     width: 100%;
-    border-collapse: collapse;
+    border-collapse: separate;
+    border-spacing: 2px;
 }
 .pvtUi select {
     user-select: none;
@@ -31,13 +32,14 @@
 table.pvtTable {
     text-align: left;
     border-spacing: 2px;
+    border-collapse: separate;
     width: 100%;
 
 }
 
 table.pvtTable thead tr th,
 table.pvtTable tbody tr th {
-    background-color: rgb(var(--v-theme-accent));
+    @apply bg-surface-200 dark:bg-surface-700 #{!important};
     padding: 5px;
 }
 
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index 1721f2d9..c5d2ab24 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -1,64 +1,63 @@
 <template>
-  <div v-if="props.show" class="text-center">
-    <v-dialog v-if="sh" v-model="sh" width="auto">
-      <v-card width="900" height="550">
-        <v-card-title class="bg-blue px-5 text-center">{{
-          formTitle
-        }}</v-card-title>
-        <v-row justify="space-evenly" class="pa-2">
-          <v-col cols="5">
-            <v-card class="pa-2" elevation="0">
-              <v-card-title class="text-center"> Selection </v-card-title>
-              <v-text-field
-                :rules="[rules.required]"
-                label="Title"
-                variant="outlined"
+  <Dialog
+    :pt="{
+      root: { class: 'h-[520px] w-[850px]' },
+    }"
+    :header="formTitle"
+    unstyled
+    modal
+    v-model:visible="sh"
+  >
+    <div class="h-full relative">
+      <div class="p-6">
+        <div class="flex flex-row h-full gap-20 p-3">
+          <div class="flex flex-col gap-3" style="flex: 1">
+            <h3 class="text-center font-bold text-xl">Selection</h3>
+            <div class="flex flex-col gap-7">
+              <InputText
+                placeholder="Title"
+                size="small"
                 v-model="currentSelection.title"
-              ></v-text-field>
-              <v-textarea
-                auto-grow
-                variant="outlined"
-                v-model="currentSelection.description"
-                label="Description"
+              />
+              <Textarea
+                placeholder="Description"
+                auto-resize
                 rows="9"
-                placeholder="optional"
-                counter
-              ></v-textarea>
-            </v-card>
-          </v-col>
-          <v-col cols="6">
-            <v-card max-height="400" class="pa-2 overflow-auto" elevation="0">
-              <v-card-title class="text-center"> Notes </v-card-title>
-
-              <v-card variant="outlined" color="info" class="mb-2" width="400">
-                <v-layout class="justify-center">
-                  <v-btn block variant="flat" @click="addNote">
-                    <v-layout class="newNote align-center">
-                      <v-icon size="20"> mdi-plus-thick </v-icon>
-                      <span>Add new note</span>
-                    </v-layout>
-                  </v-btn>
-                </v-layout>
-              </v-card>
-
-              <metadata-card
-                @delete-card="removeNote"
-                @edit-card="editNote"
-                edit
-                v-for="note in currentSelection.notes"
-                :note="note"
-                :key="note.id"
-              ></metadata-card>
-            </v-card>
-          </v-col>
-        </v-row>
-        <v-card-actions class="justify-space-between">
-          <v-btn color="error" @click="cancel">Cancel</v-btn>
-          <v-btn @click="submit">Save</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
+                v-model="currentSelection.description"
+              />
+            </div>
+          </div>
+          <div class="flex flex-col gap-3" style="flex: 1">
+            <h3 class="text-center font-bold text-xl">Notes</h3>
+            <div class="flex flex-col gap-3 mx-1">
+              <Button plain size="block" variant="flat" @click="addNote">
+                <div class="newNote align-center">
+                  <svg-icon type="mdi" :path="mdiPlusThick"></svg-icon>
+                  <span>Add new note</span>
+                </div>
+              </Button>
+              <div class="flex flex-col gap-3 overflow-auto mt-1 p-2 h-[280px]">
+                <metadata-card
+                  @delete-card="removeNote"
+                  @edit-card="editNote"
+                  edit
+                  v-for="note in currentSelection.notes"
+                  :note="note"
+                  :key="note.id"
+                ></metadata-card>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-row justify-between w-full absolute bottom-0">
+        <Button text severity="danger" size="large" @click="cancel"
+          >CANCEL</Button
+        >
+        <Button text severity="info" size="large" @click="submit">SAVE</Button>
+      </div>
+    </div>
+  </Dialog>
 </template>
 
 <script setup lang="ts">
@@ -67,6 +66,13 @@ import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import { useStore } from "vuex";
 import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
 import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
+import Dialog from "primevue/dialog";
+import Textarea from "primevue/textarea";
+import InputText from "primevue/inputtext";
+import Button from "primevue/button";
+import { mdiPlusThick } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
+
 interface Props {
   action: (a) => void;
   data?: {
@@ -170,6 +176,6 @@ const rules = {
 .newNote {
   display: flex;
   flex-direction: row;
-  gap: 1%;
+  text-transform: uppercase;
 }
 </style>
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 5015d922..d9ec50cb 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -1,45 +1,40 @@
 <template>
-  <v-row justify="center">
-    <v-navigation-drawer
-      location="right"
-      v-model="showMenu"
-      width="512"
-      temporary
-    >
-      <v-card class="overflow-y: auto">
-        <v-toolbar color="primary">
-          <v-btn icon @click="showMenu = false">
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
-          <v-toolbar-title>Settings</v-toolbar-title>
-          <v-spacer></v-spacer>
-        </v-toolbar>
-        <User-account></User-account>
-        <v-divider></v-divider>
-        <v-list lines="two">
-          <v-list-subheader>Charts</v-list-subheader>
-          <!--Features-->
+  <Sidebar class="w-2/6" v-model:visible="showMenu" position="right">
+    <template #header>
+      <div>
+        <h2 class="font-bold">Settings</h2>
+      </div>
+    </template>
+    <div class="flex flex-col">
+      <div>
+        <UserAccount />
+        <Divider />
+      </div>
+      <div class="flex flex-col">
+        <div class="flex flex-col gap-5">
+          <h3 class="text-left font-thin text-md">Charts</h3>
           <ToggleBaseLine />
           <ToggleMinMax />
-        </v-list>
-        <v-divider></v-divider>
-        <v-list>
-          <v-list-subheader>Appearance</v-list-subheader>
-          <!--Features-->
-          <ToggleTheme></ToggleTheme>
+        </div>
+        <Divider></Divider>
+
+        <div class="flex flex-col gap-5">
+          <h3 class="text-left font-thin text-md">Appearance</h3>
           <ToggleDarkMode />
-        </v-list>
-        <v-divider></v-divider>
-        <v-list>
-          <v-list-subheader>Metadata</v-list-subheader>
-          <!--Features-->
+        </div>
+        <Divider></Divider>
+
+        <div class="flex flex-col gap-5">
+          <h3 class="text-left font-thin text-md">Annotations</h3>
           <ToggleDefaultAnnotatonsMode />
           <ToggleDefaultNotesMode />
+        </div>
+        <div class="relative bottom-0 mt-4">
           <ExportNotes></ExportNotes>
-        </v-list>
-      </v-card>
-    </v-navigation-drawer>
-  </v-row>
+        </div>
+      </div>
+    </div>
+  </Sidebar>
 </template>
 
 <script lang="ts">
@@ -52,7 +47,7 @@ export default {
 import ToggleDarkMode from "./components/toggleDarkMode";
 import ToggleBaseLine from "./components/toggleBaseLine";
 import ToggleMinMax from "./components/toggleMinMax";
-import ToggleTheme from "./components/toggleTheme";
+import Divider from "primevue/divider";
 import ToggleDefaultAnnotatonsMode from "./components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue";
 
 import { computed } from "vue";
@@ -61,6 +56,7 @@ import ExportNotes from "@/widgets/settings/ui/components/exportNotes/ExportNote
 import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.type";
 import ToggleDefaultNotesMode from "@/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue";
 import UserAccount from "@/widgets/settings/ui/components/userAccount/UserAccount.vue";
+import Sidebar from "primevue/sidebar";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue b/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
index 821c9b6b..e881f581 100755
--- a/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
+++ b/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
@@ -1,11 +1,14 @@
 <template>
-  <v-btn variant="flat" block @click="exportFiles"> Export Notes </v-btn>
+  <Button size="block" severity="secondary" @click="exportFiles">
+    Export Notes
+  </Button>
 </template>
 
 <script setup lang="ts">
 import { useStore } from "vuex";
 import JSZip from "jszip";
 import { saveAs } from "file-saver";
+import Button from "primevue/button";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
index f4f953d5..b6755b01 100644
--- a/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
+++ b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
@@ -1,15 +1,14 @@
 <template>
-  <v-list-item
-    :title="zeroBaseLine ? 'Zero Baseline' : 'Non-zero baseline'"
-    subtitle="Determines whether the axis starts from the 0 or the lowest value in
-        the set"
-  >
-    <template v-slot:prepend>
-      <v-list-item-action>
-        <v-switch class="mr-2" v-model="zeroBaseLine"></v-switch>
-      </v-list-item-action>
-    </template>
-  </v-list-item>
+  <div class="flex flex-row gap-5">
+    <InputSwitch v-model="zeroBaseLine" />
+    <div>
+      <h3>{{ zeroBaseLine ? "Zero Baseline" : "Non-zero baseline" }}</h3>
+      <p class="font-thin">
+        Determines whether the axis starts from the 0 or the lowest value in the
+        set
+      </p>
+    </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -22,6 +21,7 @@ export default {
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_BASELINE_SETTING } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
index b1164052..3fa89695 100644
--- a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
@@ -1,14 +1,11 @@
 <template>
-  <v-list-item
-    :title="darkMode ? 'Dark Mode' : 'Light mode'"
-    subtitle="Select the Color mode"
-  >
-    <template v-slot:prepend>
-      <v-list-item-action>
-        <v-switch class="mr-2" v-model="darkMode"></v-switch>
-      </v-list-item-action>
-    </template>
-  </v-list-item>
+  <div class="flex flex-row gap-5">
+    <InputSwitch v-model="darkMode" />
+    <div>
+      <h3>{{ darkMode ? "Dark Mode" : "Light mode" }}</h3>
+      <p class="font-thin">Select the Color mode</p>
+    </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -21,6 +18,7 @@ export default {
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_DARK_MODE } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
index e8c9319b..9d6db7c2 100644
--- a/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
@@ -1,20 +1,18 @@
 <template>
-  <v-list-item
-    :title="annotationsMode ? 'On' : 'Off'"
-    subtitle="Switch default annotations mode"
-  >
-    <template v-slot:prepend>
-      <v-list-item-action>
-        <v-switch class="mr-2" v-model="annotationsMode"></v-switch>
-      </v-list-item-action>
-    </template>
-  </v-list-item>
+  <div class="flex flex-row gap-5">
+    <InputSwitch v-model="annotationsMode" />
+    <div>
+      <h3>{{ annotationsMode ? "On" : "Off" }}</h3>
+      <p class="font-thin">Switch default annotations mode</p>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_DEFAULT_ANNOTATIONS_MODE } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
index 0b2a14cd..474633de 100644
--- a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
@@ -1,20 +1,18 @@
 <template>
-  <v-list-item
-    :title="notesMode ? 'On' : 'Off'"
-    subtitle="Switch default notes mode"
-  >
-    <template v-slot:prepend>
-      <v-list-item-action>
-        <v-switch class="mr-2" v-model="notesMode"></v-switch>
-      </v-list-item-action>
-    </template>
-  </v-list-item>
+  <div class="flex flex-row gap-5">
+    <InputSwitch v-model="notesMode" />
+    <div>
+      <h3>{{ notesMode ? "On" : "Off" }}</h3>
+      <p class="font-thin">Switch default notes mode</p>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_DEFAULT_ALL_NOTES_MODE } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
index a13fbe15..76a2640d 100644
--- a/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
+++ b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
@@ -1,15 +1,13 @@
 <template>
-  <v-list-item
-    :title="minMax ? 'MIN/MAX' : 'P10/P90'"
-    subtitle="Applicable to some reports. Determines whether to use Min/Max or P10/P90
-      values for chart rendering"
-  >
-    <template v-slot:prepend>
-      <v-list-item-action>
-        <v-switch class="mr-2" v-model="minMax"></v-switch>
-      </v-list-item-action>
-    </template>
-  </v-list-item>
+  <div class="flex flex-row gap-5 mb">
+    <InputSwitch v-model="minMax" />
+    <div>
+      <h3>{{ minMax ? "MIN/MAX" : "P10/P90" }}</h3>
+      <p class="font-thin">
+        Applicable to some reports. Determines whether to use Min/Max or P10/P90
+      </p>
+    </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -22,6 +20,7 @@ export default {
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { TOGGLE_MINMAX_SETTING } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/toggleTheme/index.ts b/src/widgets/settings/ui/components/toggleTheme/index.ts
deleted file mode 100644
index 6d0f2f67..00000000
--- a/src/widgets/settings/ui/components/toggleTheme/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ThemeProvider from "@/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue";
-
-export default ThemeProvider;
diff --git a/src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue b/src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
deleted file mode 100644
index d7b06338..00000000
--- a/src/widgets/settings/ui/components/toggleTheme/ui/ToggleTheme.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <v-list-item subtitle="Select a theme">
-    <v-list-item-action>
-      <v-select
-        v-model="activeTheme"
-        density="compact"
-        variant="outlined"
-        :items="themes"
-        item-title="title"
-        item-value="value"
-        :menu-props="{}"
-      ></v-select>
-    </v-list-item-action>
-  </v-list-item>
-</template>
-
-<script lang="ts">
-export default {
-  name: "ToggleTheme",
-};
-</script>
-
-<script setup lang="ts">
-import { computed } from "vue";
-import { useStore } from "vuex";
-import { TOGGLE_THEME_SETTING } from "@/widgets/settings/model/store/actions.type";
-const themes = [
-  { title: "Purple", value: "purple" },
-  { title: "Blue", value: "blue" },
-];
-const store = useStore();
-
-const activeTheme = computed({
-  get: function (): string {
-    return store.getters.getSettings.theme;
-  },
-  set: function (value: string): void {
-    store.dispatch(TOGGLE_THEME_SETTING, value);
-  },
-});
-</script>
-
-<style lang="scss">
-.bg-transparent {
-  background-color: rgb(var(--v-theme-surface)) !important;
-}
-</style>
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index 9bb67718..e0f53a96 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -1,44 +1,31 @@
 <template>
-  <v-card
-    v-if="!user"
-    density="compact"
-    class="user align-center pa-4"
-    elevation="0"
-  >
-    <v-text-field
-      hide-details
-      density="compact"
-      variant="outlined"
-      placeholder="Enter your name"
-      v-model="name"
-    >
-      <template v-slot:append-inner>
-        <v-btn
-          size="20"
-          density="compact"
-          variant="plain"
-          :disabled="!name.length"
-          @click="save"
-        >
-          <v-icon>mdi-content-save-check-outline</v-icon>
-        </v-btn>
-      </template>
-    </v-text-field>
-  </v-card>
-  <v-card v-else>
-    <v-layout class="justify-center">
-      <v-card-title> Hello, {{ user.name }} </v-card-title>
-      <v-btn @click="user = null" class="align-self-end" variant="plain" icon
-        ><v-icon>mdi-account-edit-outline</v-icon></v-btn
-      >
-    </v-layout>
-  </v-card>
+  <InputGroup v-if="!user">
+    <InputText v-model="name" placeholder="Enter your name" />
+    <InputGroupAddon>
+      <Button text @click="save" icon="pi pi-times" severity="info">
+        <svg-icon type="mdi" :path="mdiContentSaveOutline"></svg-icon>
+      </Button>
+    </InputGroupAddon>
+  </InputGroup>
+
+  <div v-else class="flex flex-row justify-center gap-5">
+    <h3 class="text-2xl">Hello, {{ user.name }}</h3>
+    <Button text @click="user = null" class="align-self-end" plain>
+      <svg-icon type="mdi" :path="mdiAccountEditOutline"></svg-icon>
+    </Button>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
 import { EDIT_USER } from "@/widgets/settings/model/store/actions.type";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Button from "primevue/button";
+import InputText from "primevue/inputtext";
+import { mdiAccountEditOutline, mdiContentSaveOutline } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
 
 const store = useStore();
 
diff --git a/src/widgets/snackbar/ui/Snackbar.vue b/src/widgets/snackbar/ui/Snackbar.vue
index c819037f..7a5d34d7 100644
--- a/src/widgets/snackbar/ui/Snackbar.vue
+++ b/src/widgets/snackbar/ui/Snackbar.vue
@@ -1,32 +1,30 @@
 <template>
-  <v-snackbar v-model="showSnackbar" color="red accent-3" elevation="24">
-    {{ store.getters.getAlert.message }}: {{ store.getters.getAlert.status }}
-  </v-snackbar>
+  <Toast></Toast>
 </template>
 
 <script setup lang="ts">
 import { RESET_ALERTS } from "@/widgets/snackbar/model/store/actions.type";
 import { useStore } from "vuex";
 
-import { computed } from "vue";
+import { useToast } from "primevue/usetoast";
+import Toast from "primevue/toast";
+import { watch } from "vue";
 
-const showSnackbar = computed({
-  get() {
-    return store.getters.getAlertVisibility;
-  },
-  set() {
-    store.dispatch(RESET_ALERTS);
-  },
-});
+const toast = useToast();
 
 const store = useStore();
-</script>
 
-<script lang="ts">
-export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "Snackbar",
-};
+watch(store.getters.getAlertVisibility, () => {
+  if (store.getters.getAlertVisibility) {
+    toast.add({
+      severity: "error",
+      summary: store.getters.getAlert.status,
+      detail: store.getters.getAlert.message,
+      life: 3000,
+    });
+    store.dispatch(RESET_ALERTS);
+  }
+});
 </script>
 
 <style scoped></style>
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..44fc6f8d
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,39 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: "class",
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+    "./node_modules/primevue/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        "primary-50": "rgb(var(--primary-50))",
+        "primary-100": "rgb(var(--primary-100))",
+        "primary-200": "rgb(var(--primary-200))",
+        "primary-300": "rgb(var(--primary-300))",
+        "primary-400": "rgb(var(--primary-400))",
+        "primary-500": "rgb(var(--primary-500))",
+        "primary-600": "rgb(var(--primary-600))",
+        "primary-700": "rgb(var(--primary-700))",
+        "primary-800": "rgb(var(--primary-800))",
+        "primary-900": "rgb(var(--primary-900))",
+        "primary-950": "rgb(var(--primary-950))",
+        "surface-0": "rgb(var(--surface-0))",
+        "surface-50": "rgb(var(--surface-50))",
+        "surface-100": "rgb(var(--surface-100))",
+        "surface-200": "rgb(var(--surface-200))",
+        "surface-300": "rgb(var(--surface-300))",
+        "surface-400": "rgb(var(--surface-400))",
+        "surface-500": "rgb(var(--surface-500))",
+        "surface-600": "rgb(var(--surface-600))",
+        "surface-700": "rgb(var(--surface-700))",
+        "surface-800": "rgb(var(--surface-800))",
+        "surface-900": "rgb(var(--surface-900))",
+        "surface-950": "rgb(var(--surface-950))",
+      },
+    },
+  },
+  plugins: [],
+};
diff --git a/vite.config.js b/vite.config.js
index c3dae4cc..400fddf1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,15 +1,17 @@
 import { defineConfig } from "vite";
 
 import path from "path";
-import vuetify from "vite-plugin-vuetify";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
   base: "/ares/",
-  plugins: [vue(), vueJsx({}), vuetify({ autoImport: true })],
+  plugins: [vue(), vueJsx({})],
   server: {
     port: 8080,
+    watch: {
+      usePolling: true,
+    },
   },
   resolve: {
     alias: [

From 68f9387d64677fbee800a605f096771277e02fe6 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 5 Jan 2024 16:23:00 +0500
Subject: [PATCH 077/202] updated package-lock.json to merge changes from both
 branches

---
 package-lock.json | 312 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 312 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 779c12c6..9861e435 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@codemirror/lang-markdown": "^6.2.2",
         "@codemirror/lang-sql": "^6.5.4",
         "@codemirror/theme-one-dark": "^6.1.2",
+        "@duckdb/duckdb-wasm": "1.28.0",
         "@jamescoyle/svg-icon": "^0.1.1",
         "@jamescoyle/vue-icon": "^0.1.2",
         "@mdi/font": "^7.0.96",
@@ -67,6 +68,26 @@
         "yorkie": "^2.0.0"
       }
     },
+    "node_modules/@75lb/deep-merge": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@75lb/deep-merge/-/deep-merge-1.1.1.tgz",
+      "integrity": "sha512-xvgv6pkMGBA6GwdyJbNAnDmfAIR/DfWhrj9jgWh3TY7gRm3KO46x/GPjRg6wJ0nOepwqrNxFfojebh0Df4h4Tw==",
+      "dependencies": {
+        "lodash.assignwith": "^4.2.0",
+        "typical": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/@75lb/deep-merge/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
       "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
@@ -717,6 +738,14 @@
         "w3c-keyname": "^2.2.4"
       }
     },
+    "node_modules/@duckdb/duckdb-wasm": {
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/@duckdb/duckdb-wasm/-/duckdb-wasm-1.28.0.tgz",
+      "integrity": "sha512-YaswpEmxr1Sp20/FZbWR7bZBJqj6xQXX2m4LLzYBnA02g4K1yrpxsBWmkxQyMbrH6AHKhcUUqAlaXfA2Rvaa3w==",
+      "dependencies": {
+        "apache-arrow": "^13.0.0"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -1356,6 +1385,16 @@
       "resolved": "https://registry.npmjs.org/@types/clone/-/clone-2.1.1.tgz",
       "integrity": "sha512-BZIU34bSYye0j/BFcPraiDZ5ka6MJADjcDVELGf7glr9K+iE8NYVjFslJFVWzskSxkLLyCrSPScE82/UUoBSvg=="
     },
+    "node_modules/@types/command-line-args": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@types/command-line-args/-/command-line-args-5.2.0.tgz",
+      "integrity": "sha512-UuKzKpJJ/Ief6ufIaIzr3A/0XnluX7RvFgwkV89Yzvm77wCh1kFaFmqN8XEnGcN62EuHdedQjEMb8mYxFLGPyA=="
+    },
+    "node_modules/@types/command-line-usage": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@types/command-line-usage/-/command-line-usage-5.0.2.tgz",
+      "integrity": "sha512-n7RlEEJ+4x4TS7ZQddTmNSxP+zziEG0TNsMfiRIxcIVXt71ENJ9ojeXmGO3wPoTdn7pJcU2xc3CJYMktNT6DPg=="
+    },
     "node_modules/@types/d3": {
       "version": "7.4.0",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz",
@@ -1659,6 +1698,16 @@
       "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
       "peer": true
     },
+    "node_modules/@types/node": {
+      "version": "20.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.0.tgz",
+      "integrity": "sha512-cumHmIAf6On83X7yP+LrsEyUOf/YlociZelmpRYaGFydoaPdxdt80MAbu6vWerQT2COCp2nPvHdsbD7tHn/YlQ=="
+    },
+    "node_modules/@types/pad-left": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@types/pad-left/-/pad-left-2.1.1.tgz",
+      "integrity": "sha512-Xd22WCRBydkGSApl5Bw0PhAOHKSVjNL3E3AwzKaps96IMraPqy5BvZIsBVK6JLwdybUzjHnuWVwpDd0JjTfHXA=="
+    },
     "node_modules/@types/semver": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
@@ -2139,6 +2188,26 @@
         "node": ">= 8"
       }
     },
+    "node_modules/apache-arrow": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/apache-arrow/-/apache-arrow-13.0.0.tgz",
+      "integrity": "sha512-3gvCX0GDawWz6KFNC28p65U+zGh/LZ6ZNKWNu74N6CQlKzxeoWHpi4CgEQsgRSEMuyrIIXi1Ea2syja7dwcHvw==",
+      "dependencies": {
+        "@types/command-line-args": "5.2.0",
+        "@types/command-line-usage": "5.0.2",
+        "@types/node": "20.3.0",
+        "@types/pad-left": "2.1.1",
+        "command-line-args": "5.2.1",
+        "command-line-usage": "7.0.1",
+        "flatbuffers": "23.5.26",
+        "json-bignum": "^0.0.3",
+        "pad-left": "^2.1.0",
+        "tslib": "^2.5.3"
+      },
+      "bin": {
+        "arrow2csv": "bin/arrow2csv.js"
+      }
+    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -2150,6 +2219,14 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
+    "node_modules/array-back": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-3.1.0.tgz",
+      "integrity": "sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -2359,6 +2436,84 @@
         "node": ">=4"
       }
     },
+    "node_modules/chalk-template": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
+      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
+      "dependencies": {
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/chalk-template/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=="
+    },
+    "node_modules/chalk-template/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==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chalk-template/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==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
@@ -2534,6 +2689,50 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/command-line-args": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.2.1.tgz",
+      "integrity": "sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==",
+      "dependencies": {
+        "array-back": "^3.1.0",
+        "find-replace": "^3.0.0",
+        "lodash.camelcase": "^4.3.0",
+        "typical": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/command-line-usage": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/command-line-usage/-/command-line-usage-7.0.1.tgz",
+      "integrity": "sha512-NCyznE//MuTjwi3y84QVUGEOT+P5oto1e1Pk/jFPVdPPfsG03qpTIl3yw6etR+v73d0lXsoojRpvbru2sqePxQ==",
+      "dependencies": {
+        "array-back": "^6.2.2",
+        "chalk-template": "^0.4.0",
+        "table-layout": "^3.0.0",
+        "typical": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/command-line-usage/node_modules/array-back": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
+      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/command-line-usage/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -3711,6 +3910,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-replace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
+      "integrity": "sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==",
+      "dependencies": {
+        "array-back": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -3740,6 +3950,11 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/flatbuffers": {
+      "version": "23.5.26",
+      "resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-23.5.26.tgz",
+      "integrity": "sha512-vE+SI9vrJDwi1oETtTIFldC/o9GsVKRM+s6EL0nQgxXlYV1Vc4Tk30hj4xGICftInKQKj1F3up2n8UbIVobISQ=="
+    },
     "node_modules/flatted": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
@@ -4200,6 +4415,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/json-bignum": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/json-bignum/-/json-bignum-0.0.3.tgz",
+      "integrity": "sha512-2WHyXj3OfHSgNyuzDbSxI1w2jgw5gkWSWhS7Qg4bWXx1nLk3jnbwfUeS0PSba3IzpTUWdHxBieELUzXRjQB2zg==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -4474,6 +4697,16 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.assignwith": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz",
+      "integrity": "sha512-ZznplvbvtjK2gMvnQ1BR/zqPFZmS6jbK4p+6Up4xcRYA7yMIwxHCfbTcrYxXKzzqLsQ05eJPVznEW3tuwV7k1g=="
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "node_modules/lodash.flow": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/lodash.flow/-/lodash.flow-3.5.0.tgz",
@@ -5031,6 +5264,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pad-left": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pad-left/-/pad-left-2.1.0.tgz",
+      "integrity": "sha512-HJxs9K9AztdIQIAIa/OIazRAUW/L6B9hbQDxO4X07roW3eo9XqZc2ur9bn1StH9CnbbI9EgvejHQX7CBpCF1QA==",
+      "dependencies": {
+        "repeat-string": "^1.5.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -5411,6 +5655,14 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -5713,6 +5965,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/stream-read-all": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/stream-read-all/-/stream-read-all-3.0.1.tgz",
+      "integrity": "sha512-EWZT9XOceBPlVJRrYcykW8jyRSZYbkb/0ZK36uLEmoWVO5gxBOnntNTseNzfREsqxqdfEGQrD8SXQ3QWbBmq8A==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -5913,6 +6173,42 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/table-layout": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/table-layout/-/table-layout-3.0.2.tgz",
+      "integrity": "sha512-rpyNZYRw+/C+dYkcQ3Pr+rLxW4CfHpXjPDnG7lYhdRoUcZTUt+KEsX+94RGp/aVp/MQU35JCITv2T/beY4m+hw==",
+      "dependencies": {
+        "@75lb/deep-merge": "^1.1.1",
+        "array-back": "^6.2.2",
+        "command-line-args": "^5.2.1",
+        "command-line-usage": "^7.0.0",
+        "stream-read-all": "^3.0.1",
+        "typical": "^7.1.1",
+        "wordwrapjs": "^5.1.0"
+      },
+      "bin": {
+        "table-layout": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/table-layout/node_modules/array-back": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
+      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
+    "node_modules/table-layout/node_modules/typical": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-7.1.1.tgz",
+      "integrity": "sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.5.tgz",
@@ -6096,6 +6392,14 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/typical": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
+      "integrity": "sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -6868,6 +7172,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wordwrapjs": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wordwrapjs/-/wordwrapjs-5.1.0.tgz",
+      "integrity": "sha512-JNjcULU2e4KJwUNv6CHgI46UvDGitb6dGryHajXTDiLgg1/RiGoPSDw4kZfYnwGtEXf2ZMeIewDQgFGzkCB2Sg==",
+      "engines": {
+        "node": ">=12.17"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",

From 894b55eed3e23cbe2a55e6ca426c708195f2c2c1 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 6 Jan 2024 05:01:45 +0500
Subject: [PATCH 078/202] fix: pivot table filters not working, increased app
 min-width

---
 src/app/App.vue                               |   2 +-
 .../plugins/tailwind/components/dropdown.ts   |   7 +-
 .../plugins/tailwind/components/treeSelect.ts |   4 +-
 .../DomainTable/components/MainTable.vue      |   1 -
 src/widgets/pivot/ui/Pivot.vue                | 126 ++++++++----------
 5 files changed, 62 insertions(+), 78 deletions(-)

diff --git a/src/app/App.vue b/src/app/App.vue
index c2ee991c..c657131b 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-3 min-w-[840px]">
+  <div class="p-3 min-w-[1250px]">
     <div class="flex flex-col justify-center px-14 md:px-20 lg:px-24">
       <router-view name="main" />
     </div>
diff --git a/src/app/plugins/tailwind/components/dropdown.ts b/src/app/plugins/tailwind/components/dropdown.ts
index bd66dcce..42e8cf97 100644
--- a/src/app/plugins/tailwind/components/dropdown.ts
+++ b/src/app/plugins/tailwind/components/dropdown.ts
@@ -35,8 +35,9 @@ export default {
       "leading-none",
 
       // Display
-      "block",
-      "flex-auto",
+      "flex",
+      "flex-wrap",
+      "content-center",
 
       // Color and Background
       "bg-transparent",
@@ -62,7 +63,6 @@ export default {
       "relative",
       "cursor-pointer",
       "overflow-hidden overflow-ellipsis",
-      "whitespace-nowrap",
       "appearance-none",
     ],
   }),
@@ -164,7 +164,6 @@ export default {
       // Misc
       "cursor-pointer",
       "overflow-hidden",
-      "whitespace-nowrap",
     ],
   }),
   itemgroup: {
diff --git a/src/app/plugins/tailwind/components/treeSelect.ts b/src/app/plugins/tailwind/components/treeSelect.ts
index 8ea677a9..fdf0181a 100644
--- a/src/app/plugins/tailwind/components/treeSelect.ts
+++ b/src/app/plugins/tailwind/components/treeSelect.ts
@@ -9,7 +9,7 @@ export default {
       "rounded-md",
 
       // Color and Background
-      "bg-surface-0 dark:bg-surface-900",
+      "bg-surface-0 dark:bg-surface-800",
       "border border-surface-300 dark:border-surface-700",
 
       // Transitions
@@ -136,7 +136,7 @@ export default {
         // Colors
         "text-surface-600 dark:text-white/70",
         {
-          "bg-primary-50 dark:bg-primary-400/30 text-primary-600 dark:text-surface-0":
+          "bg-primary-50 dark:bg-surface-700 text-primary-600 dark:text-surface-0":
             context.selected,
         },
 
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 596b45cd..ffbede6b 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -398,7 +398,6 @@ import {
   mdiEye,
   mdiHelpCircle,
   mdiTable,
-  mdiTableColumn,
 } from "@mdi/js";
 import SvgIcon from "@jamescoyle/vue-icon";
 import { links } from "@/shared/config/links";
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 3bab1c45..7fcd7392 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -139,27 +139,41 @@
               <template #content>
                 <div class="flex flex-col gap-5">
                   <TreeSelect
+                    :pt="{
+                      label: { class: ['self-center pl-4 font-light'] },
+                    }"
+                    style="width: 100%; height: 50px"
                     v-model="selectedFilterAttributes"
-                    :options="getDisplayedAttributes"
-                    selectionMode="checkbox"
-                    placeholder="Select Item"
+                    :options="getFilters"
+                    :meta-key-selection="false"
+                    selectionMode="multiple"
+                    placeholder="Exclude values"
                     class="md:w-20rem w-full"
                   />
                   <Dropdown
+                    :pt="{
+                      label: { class: ['self-center pl-4 font-light'] },
+                    }"
+                    style="width: 100%; height: 50px"
                     v-model="aggregateFunction"
-                    class="px-3 w-full"
                     placeholder="Aggregate function"
                     :options="aggregatorNamesList"
                   ></Dropdown>
                   <Dropdown
+                    :pt="{
+                      label: { class: ['self-center pl-4 font-light'] },
+                    }"
                     v-if="aggregateFunction === 'Sum'"
                     v-model="aggregateValue[0]"
                     hide-details
                     outlined
-                    class="pa-3 w-full"
-                    placeholder="Aggregate attribute"
+                    :placeholder="aggregateValue[0]"
                     :options="getAggregateValues"
-                  ></Dropdown>
+                  >
+                    <template #value>
+                      {{ aggregateValue[0] }}
+                    </template>
+                  </Dropdown>
                 </div>
               </template>
             </Card>
@@ -181,7 +195,7 @@
           :cols="selectedCols"
           :aggregators="aggregators"
           :attributes="getDisplayedAttributes"
-          :value-filter="selectedFilterValues"
+          :value-filter="getParsedFiltersForPivotTable"
           :aggregator-name="aggregateFunction"
           :vals="aggregateValue"
           :table-options="
@@ -260,6 +274,40 @@ const props = defineProps<Props>();
 const getDisplayedAttributes = computed(function () {
   return props.attributes;
 });
+
+const getFilters = computed(() => {
+  return getDisplayedAttributes.value.map((field, index) => {
+    return {
+      key: index,
+      label: field,
+      data: field,
+      children: getUniqueAttributeValues.value[field].map((value, valIndex) => {
+        return {
+          key: `${index}-${valIndex}`,
+          label: value,
+          data: value,
+        };
+      }),
+    };
+  });
+});
+
+const getParsedFiltersForPivotTable = computed(() => {
+  const keys = Object.keys(selectedFilterAttributes.value);
+  return keys.reduce((acc, current) => {
+    const keyArray = current.split("-");
+    const attribute = keyArray[0];
+    const value = keyArray[1];
+    return {
+      ...acc,
+      [getFilters.value[attribute].data]: {
+        ...acc[getFilters.value[attribute].data],
+        [getFilters.value[attribute].children[value].data]: true,
+      },
+    };
+  }, {});
+});
+
 const getAggregateValues = computed(function () {
   if (props.aggregateAttrs) {
     return props.aggregateAttrs;
@@ -295,68 +343,6 @@ const removeCols = function (item: string) {
 const selectedFilterAttributes: Ref<string[]> = ref([]);
 const selectedFilterValues: Ref<{ [key: string]: { [key: string]: boolean } }> =
   ref({});
-const removeFilterAttributes = function (attribute = null) {
-  if (attribute) {
-    selectedFilterAttributes.value = selectedFilterAttributes.value.filter(
-      (value) => attribute !== value
-    );
-    selectedFilterValues.value = Object.keys(selectedFilterValues.value)
-      .filter((value) => value !== attribute)
-      .reduce(
-        (acc, key) => ({
-          ...acc,
-          [key]:
-            selectedFilterValues.value[
-              key as keyof typeof selectedFilterValues.value
-            ],
-        }),
-        {}
-      );
-  } else {
-    selectedFilterAttributes.value = [];
-    selectedFilterValues.value = {};
-  }
-};
-
-const menu = ref();
-
-const toggle = (event) => {
-  menu.value.toggle(event);
-};
-const changeFilterValues = function (
-  attribute: string | number,
-  attrValue: string | number,
-  value: string | number
-) {
-  if (!value) {
-    selectedFilterValues.value = {
-      ...selectedFilterValues.value,
-      [attribute]: {
-        ...selectedFilterValues.value[
-          attribute as keyof typeof selectedFilterValues.value
-        ],
-        [attrValue]: true,
-      },
-    };
-  } else {
-    selectedFilterValues.value = {
-      ...selectedFilterValues.value,
-      [attribute]: Object.keys(
-        selectedFilterValues.value[
-          attribute as keyof typeof selectedFilterValues.value
-        ]
-      )
-        .filter((attr) => attr !== attrValue)
-        .reduce(
-          (acc, key) => ({
-            ...acc,
-            [key]: true,
-          }),
-          {}
-        ),
-    };
-  }
-};
 
 const aggregateFunction: Ref<string> = ref("");
 const aggregateValue: Ref<string[]> = ref([""]);

From 5bc278bb0f694d426e9bcece1d63e7a08df5af2d Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 8 Jan 2024 19:11:30 +0500
Subject: [PATCH 079/202] fix: action icon style fixes

---
 src/widgets/chart/ui/ChartActionIcon.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/widgets/chart/ui/ChartActionIcon.vue b/src/widgets/chart/ui/ChartActionIcon.vue
index 052c9d41..213d6a7c 100644
--- a/src/widgets/chart/ui/ChartActionIcon.vue
+++ b/src/widgets/chart/ui/ChartActionIcon.vue
@@ -26,7 +26,9 @@
       <span
         v-if="!isUndefined(props.count)"
         :class="`${
-          activated ? 'bg-primary-50 text-black' : 'bg-primary-500 text-white'
+          activated
+            ? 'dark:bg-primary-50 dark:text-black bg-black text-white '
+            : 'bg-primary-500 text-white'
         } px-2 py-1 rounded-full z-10 top-0 right-0 absolute indent-0 text-xs`"
         :style="{ right: '-3px' }"
       >

From 317f407cb41e8357f416e83d48ecd883433decbc Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 9 Jan 2024 16:17:02 +0500
Subject: [PATCH 080/202] feat: added icons to explorer dropdown options

---
 src/widgets/explorer/config/folders.ts |  8 +--
 src/widgets/explorer/config/reports.ts | 69 +++++++++++++++-----------
 src/widgets/explorer/ui/Explorer.vue   | 31 ++++++++----
 3 files changed, 67 insertions(+), 41 deletions(-)

diff --git a/src/widgets/explorer/config/folders.ts b/src/widgets/explorer/config/folders.ts
index e4485896..8da8b2b7 100644
--- a/src/widgets/explorer/config/folders.ts
+++ b/src/widgets/explorer/config/folders.ts
@@ -1,16 +1,18 @@
+import { mdiDatabase, mdiDatabaseClock, mdiNetwork } from "@mdi/js";
+
 export const folders = [
   {
-    icon: "mdi-network",
+    icon: mdiNetwork,
     name: "Data Network",
     key: "network",
   },
   {
-    icon: "mdi-database",
+    icon: mdiDatabase,
     name: "Data Source",
     key: "datasource",
   },
   {
-    icon: "mdi-database-clock",
+    icon: mdiDatabaseClock,
     name: "Data Source Release",
     key: "cdm",
   },
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index 8f1aae83..d26f4fb0 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -1,55 +1,66 @@
+import {
+  mdiAlphaMCircleOutline,
+  mdiChartLine,
+  mdiCheckNetwork,
+  mdiDatabaseSearch,
+  mdiDna,
+  mdiSigmaLower,
+  mdiSpeedometer,
+  mdiTable,
+} from "@mdi/js";
+
 export const reports = [
   {
     folder: "Data Source Release",
-    icon: "mdi-sigma-lower",
+    icon: mdiSigmaLower,
     name: "Data Quality",
     routeName: "dataQuality",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-chart-line",
+    icon: mdiChartLine,
     name: "Person",
     routeName: "person",
   },
   {
     folder: "Data Network",
-    icon: "mdi-database-search",
+    icon: mdiDatabaseSearch,
     name: "Data Source Feasibility",
     routeName: "feasibility",
   },
   {
     folder: "Data Network",
-    icon: "mdi-check-network",
+    icon: mdiCheckNetwork,
     name: "Network Concept Report",
     routeName: "networkConcept",
   },
   {
     folder: "Data Network",
-    icon: "mdi-database-search",
+    icon: mdiDatabaseSearch,
     name: "Network Concept Dashboard",
     routeName: "networkConceptDashboard",
   },
   {
     folder: "Data Network",
-    icon: "mdi-database-search",
+    icon: mdiDatabaseSearch,
     name: "Web API",
     routeName: "webApi",
   },
   {
     folder: "Data Network",
-    icon: "mdi-speedometer",
+    icon: mdiSpeedometer,
     name: "Network Performance",
     routeName: "networkPerformance",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-chart-line",
+    icon: mdiChartLine,
     name: "Data Density",
     routeName: "dataDensity",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-chart-line",
+    icon: mdiChartLine,
     name: "Observation Period",
     routeName: "observationPeriod",
   },
@@ -70,131 +81,131 @@ export const reports = [
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Conditions",
     routeName: "domainTable",
     domain: "condition_occurrence",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Condition Eras",
     routeName: "domainTable",
     domain: "condition_era",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Drugs",
     routeName: "domainTable",
     domain: "drug_exposure",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Drug Eras",
     routeName: "domainTable",
     domain: "drug_era",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Visit Occurrence",
     routeName: "domainTable",
     domain: "visit_occurrence",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Visit Detail",
     routeName: "domainTable",
     domain: "visit_detail",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Measurements",
     routeName: "domainTable",
     domain: "measurement",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Observations",
     routeName: "domainTable",
     domain: "observation",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Procedures",
     routeName: "domainTable",
     domain: "procedure_occurrence",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Device Exposures",
     routeName: "domainTable",
     domain: "device_exposure",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Death",
     routeName: "death",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Unmapped Source Codes",
     routeName: "unmappedSourceCodes",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Temporal Characterization",
     routeName: "temporalCharacterization",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-speedometer",
+    icon: mdiSpeedometer,
     name: "Performance",
     routeName: "performance",
   },
   {
     folder: "Data Source Release",
-    icon: "mdi-alpha-m-circle-outline",
+    icon: mdiAlphaMCircleOutline,
     name: "Metadata",
     routeName: "metadata",
   },
   {
     folder: "Data Network",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Overview",
     routeName: "overview",
   },
   {
     folder: "Data Network",
-    icon: "mdi-sigma-lower",
+    icon: mdiSigmaLower,
     name: "Quality Assessment",
     routeName: "networkDataQuality",
   },
   {
     folder: "Data Network",
-    icon: "mdi-chart-line",
+    icon: mdiChartLine,
     name: "Population Overview",
     routeName: "population",
   },
   {
     folder: "Data Network",
-    icon: "mdi-dna",
+    icon: mdiDna,
     name: "Data Strand Report",
     routeName: "dataStrandReport",
   },
   {
     folder: "Data Network",
-    icon: "mdi-table",
+    icon: mdiTable,
     name: "Unmapped Source Codes",
     routeName: "networkUnmappedSourceCodes",
   },
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 62667a9e..76a7547e 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -13,7 +13,14 @@
           @update:modelValue="changeFolder"
           :options="config.folders"
           optionLabel="name"
-        ></dropdown>
+        >
+          <template #option="slotProps">
+            <div class="flex items-center justify-between gap-5">
+              <div>{{ slotProps.option.name }}</div>
+              <svg-icon type="mdi" :path="slotProps.option.icon"></svg-icon>
+            </div>
+          </template>
+        </dropdown>
         <label class="left-3 font-light dark:text-white text-black" for="folder"
           >Report category</label
         >
@@ -26,7 +33,8 @@
           @update:modelValue="changeSource"
           :options="store.getters.getSources"
           optionLabel="cdm_source_abbreviation"
-        />
+        >
+        </dropdown>
         <label class="left-3 font-light dark:text-white text-black" for="source"
           >Source</label
         >
@@ -39,7 +47,8 @@
           @update:modelValue="changeRelease"
           :options="store.getters.getReleases"
           optionLabel="release_name"
-        />
+        >
+        </dropdown>
         <label
           class="left-3 font-light dark:text-white text-black"
           for="release"
@@ -54,7 +63,14 @@
           @update:modelValue="changeReport"
           :options="store.getters.getFilteredReports"
           optionLabel="name"
-        />
+        >
+          <template #option="slotProps">
+            <div class="flex items-center justify-between gap-5">
+              <div>{{ slotProps.option.name }}</div>
+              <svg-icon type="mdi" :path="slotProps.option.icon"></svg-icon>
+            </div>
+          </template>
+        </dropdown>
         <label class="left-3 font-light dark:text-white text-black" for="report"
           >Report</label
         >
@@ -77,23 +93,20 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: "ReportsExplorer",
-};
-</script>
 <script setup lang="ts">
 import { useStore } from "vuex";
 import icon from "@/shared/assets/icon.png";
 import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
 import Dropdown from "primevue/dropdown";
+import SvgIcon from "@jamescoyle/vue-icon";
 
 import config from "@/widgets/explorer/config";
 import {
   Source,
   SourceRelease,
 } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
+import { mdiCog } from "@mdi/js";
 
 const route = useRoute();
 const store = useStore();

From 65c197c61188bbc767b963971a965a4495f5caae Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 9 Jan 2024 23:49:10 +0500
Subject: [PATCH 081/202] fix: datastrand report not loading

---
 .../NetworkDatastrandReport/NetworkDatastrandReport.vue       | 2 +-
 .../model/store/postprocessing/networkDataStrandReport.ts     | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index 925d5ae6..d5d6a58d 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -76,7 +76,7 @@ const darkMode = computed(() => store.getters.getSettings.darkMode);
 
 watch(data, function () {
   if (data.value) {
-    config.data[0].values = data.value;
+    config.data[0].values = data.value.dataStrandReport;
     renderChart();
   }
 });
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
index b1a47f1d..15204d1f 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
@@ -5,7 +5,8 @@ import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/inte
 export default function DataStrandReport(data) {
   const recordsDomain: MultipleFilesRawInterface<RecordsDomain[]>[] =
     data[RECORDS_DOMAIN];
-  return recordsDomain.reduce(
+
+  const processedData = recordsDomain.reduce(
     (prevValue, current) => [
       ...prevValue,
       ...current.data.map((value) => ({
@@ -17,4 +18,5 @@ export default function DataStrandReport(data) {
     ],
     []
   );
+  return { dataStrandReport: processedData };
 }

From fd6c691d7b339ca1f3dda6c28ec81965b254adac Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 9 Jan 2024 23:55:18 +0500
Subject: [PATCH 082/202] fix: person report failing if no gender data is found

---
 .../model/store/postprocessing/personReport.ts       | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/processes/exploreReports/model/store/postprocessing/personReport.ts b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
index 7140ed0c..516158fb 100644
--- a/src/processes/exploreReports/model/store/postprocessing/personReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
@@ -1,12 +1,13 @@
 import * as d3 from "d3-time-format";
 import { PERSON } from "@/shared/config/files";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
+import { first } from "lodash";
 
 export default function person(data) {
   const dateParse = d3.timeParse("%Y");
   const personData: PersonData = data[PERSON];
-  let genderMaleCount;
-  let genderFemaleCount;
+  let genderMaleCount = 0;
+  let genderFemaleCount = 0;
   const maleAgeSex = personData.AGE_GENDER_DATA.filter(
     (value) => value.CONCEPT_NAME === "MALE"
   );
@@ -19,10 +20,13 @@ export default function person(data) {
       personData.BIRTH_YEAR_DATA[i].YEAR = dateParse(v.YEAR);
     }
   });
-  const firstGender = personData.GENDER_DATA[0];
+  const firstGender = personData.GENDER_DATA[0]
+    ? personData.GENDER_DATA[0]
+    : { COUNT_VALUE: 0, CONCEPT_NAME: "none" };
   const secondGender = personData.GENDER_DATA[1]
     ? personData.GENDER_DATA[1]
-    : { COUNT_VALUE: 0 };
+    : { COUNT_VALUE: 0, CONCEPT_NAME: "none" };
+
   if (firstGender.CONCEPT_NAME === "MALE") {
     genderMaleCount = firstGender.COUNT_VALUE;
     genderFemaleCount = secondGender.COUNT_VALUE;

From 425b93b9e172e0044318bef41bced3b515ebc986 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 16 Jan 2024 14:53:41 +0500
Subject: [PATCH 083/202] fix: app crashing on unexpected error feat: added
 submit an issue button to error component

---
 .../plugins/tailwind/components/message.ts    |   5 +-
 src/main.ts                                   |  17 +-
 .../release/ConceptReport/ConceptReport.vue   |   4 +-
 .../release/PersonReport/PersonReport.vue     |   1 +
 .../exploreReports/model/store/data.module.ts |  66 ++++++--
 .../store/postprocessing/conceptReport.ts     |  82 +++++----
 .../postprocessing/dataQualityResults.ts      |  25 +--
 .../model/store/postprocessing/deathReport.ts |  28 ++--
 .../store/postprocessing/domainContinuity.ts  |   6 +-
 .../model/store/postprocessing/feasibility.ts |  23 ++-
 .../postprocessing/networkConceptReport.ts    |  19 ++-
 .../postprocessing/networkDataStrandReport.ts |  28 ++--
 .../postprocessing/networkPopulationReport.ts |  48 +++---
 .../store/postprocessing/observationPeriod.ts |  32 ++--
 .../store/postprocessing/personReport.ts      |   1 -
 .../postprocessing/sourceConceptReport.ts     |   1 -
 src/shared/config/links.ts                    |   5 +
 src/widgets/error/ui/Error.vue                | 155 +++++++++++++++---
 18 files changed, 380 insertions(+), 166 deletions(-)

diff --git a/src/app/plugins/tailwind/components/message.ts b/src/app/plugins/tailwind/components/message.ts
index 0da4ec38..b94db983 100644
--- a/src/app/plugins/tailwind/components/message.ts
+++ b/src/app/plugins/tailwind/components/message.ts
@@ -4,14 +4,13 @@ export default {
       // Spacing and Shape
       "my-4 mx-0",
       "rounded-md",
-      "border-solid border-0 border-l-[6px]",
 
       // Colors
       {
         "bg-blue-100/70 dark:bg-blue-500/20": props.severity == "info",
         "bg-green-100/70 dark:bg-green-500/20": props.severity == "success",
         "bg-orange-100/70 dark:bg-orange-500/20": props.severity == "warn",
-        "bg-red-600 dark:bg-red-500": props.severity == "error",
+        "bg-red-500 dark:bg-red-700": props.severity == "error",
       },
       {
         "border-blue-500 dark:border-blue-400": props.severity == "info",
@@ -47,7 +46,9 @@ export default {
     class: [
       // Font and Text
       "text-base leading-none",
+      "w-full",
       "font-medium",
+      "rounded-b-md",
     ],
   },
   button: {
diff --git a/src/main.ts b/src/main.ts
index 9d10ab4f..40979a59 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -19,9 +19,10 @@ import Tooltip from "primevue/tooltip";
 import { tailwindTheme } from "@/app/plugins/tailwind/tailwindStyles";
 import ConfirmationService from "primevue/confirmationservice";
 import resize from "@/shared/lib/directives/resize";
+import { errorActions } from "@/widgets/error";
 // adds reactive router module to global state
-sync(store, router);
 
+sync(store, router);
 environment.load().then(() => {
   store
     .dispatch(authActions.GET_AUTH_TOKEN)
@@ -29,7 +30,19 @@ environment.load().then(() => {
     .catch()
     .finally(() => {
       store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-        createApp(App)
+        const app = createApp(App);
+        app.config.errorHandler = (err) => {
+          // Handle the error globally
+          store.dispatch(errorActions.NEW_ERROR, {
+            message: `An unexpected error has occurred (${err.name})`,
+            name: err.name,
+            details: err.message,
+            stack: err.stack,
+            type: "unexpected",
+            page: store.state.route.name,
+          });
+        };
+        app
           .directive("click-outside", clickOutside)
           .directive("resize", resize)
           .directive("tooltip", Tooltip)
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index 9c83ad46..ed69cc68 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -1,7 +1,9 @@
 <template>
   <div v-if="!store.getErrors && store.getters.dataInStore">
     <div class="flex flex-col gap-10">
-      <PageHeader :title="store.getters.getData.conceptName">
+      <PageHeader
+        :title="store.getters.getData.conceptName || 'Report name unknown'"
+      >
         <template #default>
           <div class="flex flex-row gap-2">
             <Button
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index dc17e366..6fe65c1a 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -33,6 +33,7 @@ import PopulationByYearBirth from "@/pages/reports/release/PersonReport/charts/P
 import PopulationByEthnicity from "@/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue";
 import InfoPanel from "@/widgets/infoPanel";
 import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+import { onMounted } from "vue";
 
 const store = useStore();
 </script>
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index bb555dbf..b7af3d3d 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -112,7 +112,7 @@ const actions = {
       }
     });
 
-    const data = {};
+    let data = {};
 
     await Promise.allSettled(promises).then((responses) => {
       responses.forEach((response, index) => {
@@ -133,14 +133,28 @@ const actions = {
           const message = response.reason.message;
           const url = response.reason?.config?.url;
           dispatch(errorActions.NEW_ERROR, { message, details: url });
-          data[fileName] = [];
+          data = null;
+          return;
         } else {
           data[fileName] = [];
         }
       });
-      postprocessing[rootState.route.name]
-        ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-        : commit(SET_DATA, data);
+      try {
+        if (data) {
+          postprocessing[rootState.route.name]
+            ? commit(SET_DATA, postprocessing[rootState.route.name](data))
+            : commit(SET_DATA, data);
+        }
+      } catch (e) {
+        dispatch(errorActions.NEW_ERROR, {
+          message: `An unexpected error has occurred (${e.name})`,
+          name: e.name,
+          details: e.message,
+          stack: e.stack,
+          type: "unexpected",
+          page: rootState.route.name,
+        });
+      }
     });
   },
 
@@ -148,7 +162,6 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
-    console.log(payload);
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
@@ -193,7 +206,7 @@ const actions = {
       {}
     );
 
-    const data = {};
+    let data = {};
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
         data[file] = responses
@@ -216,6 +229,7 @@ const actions = {
             })
           );
         if (data[file].length === 0 && payload.criticalError) {
+          data = null;
           dispatch(errorActions.NEW_ERROR, {
             message: "No files found across data sources",
             details: "No additional data",
@@ -223,9 +237,20 @@ const actions = {
         }
       });
     }
-    postprocessing[rootState.route.name]
-      ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-      : commit(SET_DATA, data);
+    try {
+      if (data) {
+        postprocessing[rootState.route.name]
+          ? commit(SET_DATA, postprocessing[rootState.route.name](data))
+          : commit(SET_DATA, data);
+      }
+    } catch (e) {
+      dispatch(errorActions.NEW_ERROR, {
+        message: `An unexpected error has occurred (${e.name})`,
+        details: e.message,
+        stack: e.stack,
+        type: "unexpected",
+      });
+    }
   },
 
   async [FETCH_MULTIPLE_FILES_BY_RELEASE](
@@ -265,7 +290,7 @@ const actions = {
       }),
       {}
     );
-    const data = {};
+    let data = {};
     for (const file in promises) {
       await Promise.allSettled(promises[file]).then((responses) => {
         data[file] = responses
@@ -286,6 +311,7 @@ const actions = {
             })
           );
         if (data[file].length === 0) {
+          data = null;
           dispatch(errorActions.NEW_ERROR, {
             message: "No files found across current data source releases",
             details: rootGetters.getSelectedSource.cdm_source_abbreviation,
@@ -293,9 +319,21 @@ const actions = {
         }
       });
     }
-    postprocessing[rootState.route.name]
-      ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-      : commit(SET_DATA, data);
+    try {
+      if (data) {
+        postprocessing[rootState.route.name]
+          ? commit(SET_DATA, postprocessing[rootState.route.name](data))
+          : commit(SET_DATA, data);
+      }
+    } catch (e) {
+      dispatch(errorActions.NEW_ERROR, {
+        message: `An unexpected error has occurred (${e.name})`,
+        details: e.message,
+        stack: e.stack,
+        type: "unexpected",
+        page: rootState.route.name,
+      });
+    }
   },
 };
 
diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index 6ec0c162..f0dc455a 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -1,7 +1,6 @@
 import sortByRange from "@/shared/lib/range-sort";
 import * as d3 from "d3-time-format";
 import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
-import * as d3Format from "d3-format";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { DomainSummary } from "@/processes/exploreReports/model/interfaces/files/DomainSummary";
 import environment from "@/shared/api/environment";
@@ -9,6 +8,7 @@ import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 export default function concept(data) {
   const dateParse = d3.timeParse("%Y%m");
+  const metadata = data[CONCEPT_METADATA]?.[0];
   let conceptData: ConceptType;
   let conceptName: string | string[];
   let conceptId: number | number[];
@@ -21,7 +21,11 @@ export default function concept(data) {
   let seasonalityComment: string;
 
   if (environment.DUCKDB_ENABLED === "true") {
-    conceptData = { ...data, ...data[CONCEPT_METADATA][0] };
+    if (metadata) {
+      conceptData = { ...data, ...metadata };
+    } else {
+      conceptData = data;
+    }
     conceptName = conceptData.CONCEPT_NAME;
     conceptId = conceptData.CONCEPT_ID;
     numPersons = conceptData.NUM_PERSONS;
@@ -36,21 +40,15 @@ export default function concept(data) {
     }
   } else {
     conceptData = data[CONCEPT];
-    conceptName = conceptData.CONCEPT_NAME[0];
-    conceptId = conceptData.CONCEPT_ID[0];
-    numPersons = conceptData.NUM_PERSONS[0];
-    percentPersons = conceptData.PERCENT_PERSONS[0];
-    recordsPerPerson = conceptData.RECORDS_PER_PERSON[0];
-    if (conceptData.COUNT_FAILED) {
-      countFailed = conceptData.COUNT_FAILED[0];
-    }
-    if (conceptData.IS_STATIONARY) {
-      isNotStationary = !conceptData.IS_STATIONARY[0];
-    }
-    if (conceptData.SEASONALITY_SCORE) {
-      seasonalityScore =
-        conceptData.SEASONALITY_SCORE[0] || conceptData.SEASONALITY_SCORE;
-    }
+    conceptName = conceptData.CONCEPT_NAME?.[0];
+    conceptId = conceptData.CONCEPT_ID?.[0];
+    numPersons = conceptData.NUM_PERSONS?.[0];
+    percentPersons = conceptData.PERCENT_PERSONS?.[0];
+    recordsPerPerson = conceptData.RECORDS_PER_PERSON?.[0];
+    countFailed = conceptData.COUNT_FAILED?.[0];
+    isNotStationary = !conceptData.IS_STATIONARY?.[0];
+    seasonalityScore =
+      conceptData.SEASONALITY_SCORE?.[0] || conceptData.SEASONALITY_SCORE;
   }
 
   if (seasonalityScore) {
@@ -59,27 +57,39 @@ export default function concept(data) {
 
   const domainSummary: DomainSummary = data[DOMAIN_SUMMARY];
 
-  conceptData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
-    conceptData.PREVALENCE_BY_GENDER_AGE_YEAR,
-    "ascending",
-    "TRELLIS_NAME",
-    "trellisOrder"
-  );
-
-  conceptData.PREVALENCE_BY_MONTH.forEach((v, i) => {
-    conceptData.PREVALENCE_BY_MONTH[i].date = dateParse(
-      v.X_CALENDAR_MONTH.toString()
+  if (
+    conceptData.PREVALENCE_BY_GENDER_AGE_YEAR &&
+    conceptData.PREVALENCE_BY_GENDER_AGE_YEAR.length
+  ) {
+    conceptData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
+      conceptData.PREVALENCE_BY_GENDER_AGE_YEAR,
+      "ascending",
+      "TRELLIS_NAME",
+      "trellisOrder"
     );
-  });
+  }
+
+  if (
+    conceptData.PREVALENCE_BY_MONTH &&
+    conceptData.PREVALENCE_BY_MONTH.length
+  ) {
+    conceptData.PREVALENCE_BY_MONTH.forEach((v, i) => {
+      conceptData.PREVALENCE_BY_MONTH[i].date = dateParse(
+        v.X_CALENDAR_MONTH.toString()
+      );
+    });
+  }
 
-  const measurementTable = conceptData.MEASUREMENT_VALUE_DISTRIBUTION
-    ? conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
-        ...value,
-        UNIT_COUNT: conceptData.RECORDS_BY_UNIT.filter(
-          (val) => val.CONCEPT_NAME === value.CATEGORY
-        )[0].COUNT_VALUE,
-      }))
-    : null;
+  const measurementTable =
+    conceptData.MEASUREMENT_VALUE_DISTRIBUTION &&
+    conceptData.MEASUREMENT_VALUE_DISTRIBUTION.length
+      ? conceptData.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
+          ...value,
+          UNIT_COUNT: conceptData.RECORDS_BY_UNIT.filter(
+            (val) => val.CONCEPT_NAME === value.CATEGORY
+          )[0].COUNT_VALUE,
+        }))
+      : null;
   return {
     conceptData,
     conceptName,
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
index 439b4a01..aa049818 100644
--- a/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/dataQualityResults.ts
@@ -7,18 +7,21 @@ import {
 
 export default function dataQuality(data) {
   const rawData: QualityResultsType = data[QUALITY_RESULTS];
-  const derivedResults = deriveResults(data[QUALITY_RESULTS].CheckResults);
-  const cdmSourceName: string = rawData.Metadata[0].cdmSourceName;
-  const sourceDescription: string = rawData.Metadata[0].sourceDescription;
-  const cdmHolder: string = rawData.Metadata[0].cdmHolder;
-  const cdmEtlReference: string = rawData.Metadata[0].cdmEtlReference;
+  let derivedResults;
+  if (rawData) {
+    derivedResults = deriveResults(rawData.CheckResults);
+  }
+  const cdmSourceName: string = rawData.Metadata?.[0]?.cdmSourceName;
+  const sourceDescription: string = rawData.Metadata?.[0]?.sourceDescription;
+  const cdmHolder: string = rawData.Metadata?.[0]?.cdmHolder;
+  const cdmEtlReference: string = rawData.Metadata?.[0]?.cdmEtlReference;
   const sourceDocumentationReference: string =
-    rawData.Metadata[0].sourceDocumentationReference;
-  const cdmVersion: string = rawData.Metadata[0].cdmVersion;
-  const vocabularyVersion: string = rawData.Metadata[0].vocabularyVersion;
-  const dqdVersion: string = rawData.Metadata[0].dqdVersion;
-  const sourceReleaseDate: string = rawData.Metadata[0].sourceReleaseDate;
-  const cdmReleaseDate: string = rawData.Metadata[0].cdmReleaseDate;
+    rawData.Metadata[0]?.sourceDocumentationReference;
+  const cdmVersion: string = rawData.Metadata?.[0]?.cdmVersion;
+  const vocabularyVersion: string = rawData.Metadata?.[0]?.vocabularyVersion;
+  const dqdVersion: string = rawData.Metadata?.[0]?.dqdVersion;
+  const sourceReleaseDate: string = rawData.Metadata?.[0]?.sourceReleaseDate;
+  const cdmReleaseDate: string = rawData.Metadata?.[0]?.cdmReleaseDate;
   const checkResults: CheckResults[] = rawData.CheckResults;
 
   return {
diff --git a/src/processes/exploreReports/model/store/postprocessing/deathReport.ts b/src/processes/exploreReports/model/store/postprocessing/deathReport.ts
index 6b6b30ba..a6685272 100644
--- a/src/processes/exploreReports/model/store/postprocessing/deathReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/deathReport.ts
@@ -6,17 +6,25 @@ import { Death } from "@/processes/exploreReports/model/interfaces/files/Death";
 export default function death(data) {
   const dateParse = d3.timeParse("%Y%m");
   const deathData: Death = data[DEATH];
-  deathData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
-    deathData.PREVALENCE_BY_GENDER_AGE_YEAR,
-    "ascending",
-    "TRELLIS_NAME",
-    "trellisOrder"
-  );
-  deathData.PREVALENCE_BY_MONTH.forEach((v, i) => {
-    deathData.PREVALENCE_BY_MONTH[i].date = dateParse(
-      v.X_CALENDAR_MONTH.toString()
+  if (
+    deathData.PREVALENCE_BY_GENDER_AGE_YEAR &&
+    deathData.PREVALENCE_BY_GENDER_AGE_YEAR.length
+  ) {
+    deathData.PREVALENCE_BY_GENDER_AGE_YEAR = sortByRange(
+      deathData.PREVALENCE_BY_GENDER_AGE_YEAR,
+      "ascending",
+      "TRELLIS_NAME",
+      "trellisOrder"
     );
-  });
+  }
+  if (deathData.PREVALENCE_BY_MONTH && deathData.PREVALENCE_BY_MONTH.length) {
+    deathData.PREVALENCE_BY_MONTH.forEach((v, i) => {
+      deathData.PREVALENCE_BY_MONTH[i].date = dateParse(
+        v.X_CALENDAR_MONTH.toString()
+      );
+    });
+  }
+
   return {
     ...deathData,
   };
diff --git a/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts b/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
index 39acc4f6..c2a93705 100644
--- a/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/domainContinuity.ts
@@ -3,5 +3,9 @@ import { SourceHistoryIndex } from "@/processes/exploreReports/model/interfaces/
 
 export default function domainContinuity(data) {
   const historyIndex: SourceHistoryIndex[] = data[SOURCE_HISTORY_INDEX];
-  return { ...historyIndex };
+  if (historyIndex) {
+    return { ...historyIndex };
+  } else {
+    return {};
+  }
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index 9377eef2..923238e9 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -37,8 +37,9 @@ function combineObjectsBySource(inputObject) {
 }
 
 export default function feasibility(data) {
-  console.log(data);
   let concept;
+  let domainSummary = data[DOMAIN_SUMMARY];
+  let sources = data[DENSITY_DOMAIN_PERSON];
   const observationPeriod: ObservationPeriodType = data[OBSERVATION_PERIOD];
   const person: PersonData = data[PERSON];
   if (environment.DUCKDB_ENABLED === "true") {
@@ -46,13 +47,17 @@ export default function feasibility(data) {
   } else {
     concept = data[CONCEPT];
   }
-  const sources = data[DENSITY_DOMAIN_PERSON]?.map((file) => ({
-    data: file.data,
-    source: file.source.cdm_source_abbreviation,
-  }));
-  const domainSummary = data[DOMAIN_SUMMARY]?.map((file) => ({
-    data: file.data,
-    source: file.source.cdm_source_abbreviation,
-  }));
+  if (sources && sources.length) {
+    sources = sources.map((file) => ({
+      data: file.data,
+      source: file.source.cdm_source_abbreviation,
+    }));
+  }
+  if (domainSummary && domainSummary.length) {
+    domainSummary = data[DOMAIN_SUMMARY]?.map((file) => ({
+      data: file.data,
+      source: file.source.cdm_source_abbreviation,
+    }));
+  }
   return { observationPeriod, person, sources, domainSummary, concept };
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 36054fac..5a3e1653 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -54,17 +54,20 @@ export default function networkConcept(data) {
   let numPersons;
   if (environment.DUCKDB_ENABLED === "true") {
     concept = combineObjectsBySource(data);
-    conceptName = concept[0].data[CONCEPT_METADATA][0].CONCEPT_NAME;
-    conceptId = concept[0].data[CONCEPT_METADATA][0].CONCEPT_ID;
-    numPersons = _.sumBy(
-      concept[0],
-      (r) => r.data[CONCEPT_METADATA][0].NUM_PERSONS
+    conceptName = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_NAME;
+    conceptId = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
+    numPersons = _.sumBy(concept[0], (r) =>
+      r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
+        ? r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
+        : 0
     );
   } else {
     concept = data[CONCEPT];
-    conceptName = concept[0].data.CONCEPT_NAME[0];
-    conceptId = concept[0].data.CONCEPT_ID[0];
-    numPersons = _.sumBy(concept[0], (r) => r.data.NUM_PERSONS[0]);
+    conceptName = concept[0]?.data.CONCEPT_NAME[0];
+    conceptId = concept[0]?.data.CONCEPT_ID[0];
+    numPersons = _.sumBy(concept[0], (r) =>
+      r.data.NUM_PERSONS[0] ? r.data.NUM_PERSONS[0] : 0
+    );
   }
 
   if (!concept) {
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
index 15204d1f..960027d7 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkDataStrandReport.ts
@@ -5,18 +5,22 @@ import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/inte
 export default function DataStrandReport(data) {
   const recordsDomain: MultipleFilesRawInterface<RecordsDomain[]>[] =
     data[RECORDS_DOMAIN];
+  let processedData;
+
+  if (recordsDomain && recordsDomain.length) {
+    processedData = recordsDomain.reduce(
+      (prevValue, current) => [
+        ...prevValue,
+        ...current.data.map((value) => ({
+          ...value,
+          cdm_source_key: current.source.cdm_source_key,
+          cdm_release_key: current.source.releases[0]?.release_id,
+          cdm_source_abbreviation: current.source.cdm_source_abbreviation,
+        })),
+      ],
+      []
+    );
+  }
 
-  const processedData = recordsDomain.reduce(
-    (prevValue, current) => [
-      ...prevValue,
-      ...current.data.map((value) => ({
-        ...value,
-        cdm_source_key: current.source.cdm_source_key,
-        cdm_release_key: current.source.releases[0].release_id,
-        cdm_source_abbreviation: current.source.cdm_source_abbreviation,
-      })),
-    ],
-    []
-  );
   return { dataStrandReport: processedData };
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
index 2e23a7fa..7e0f593c 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkPopulationReport.ts
@@ -5,26 +5,30 @@ import { ObservationPeriodType } from "@/processes/exploreReports/model/interfac
 export default function population(data) {
   const observationPeriod: MultipleFilesRawInterface<ObservationPeriodType>[] =
     data[OBSERVATION_PERIOD];
-  return {
-    allCumulativeDurationData: observationPeriod.reduce(
-      (prevValue, current) => [
-        ...prevValue,
-        ...current.data.CUMULATIVE_DURATION.map((value) => ({
-          ...value,
-          DATA_SOURCE_KEY: current.source.cdm_source_key,
-        })),
-      ],
-      []
-    ),
-    allAgeAtFirstObservationData: observationPeriod.reduce(
-      (prevValue, current) => [
-        ...prevValue,
-        ...current.data.AGE_AT_FIRST_OBSERVATION.map((value) => ({
-          ...value,
-          DATA_SOURCE_KEY: current.source.cdm_source_key,
-        })),
-      ],
-      []
-    ),
-  };
+  if (observationPeriod && observationPeriod.length) {
+    return {
+      allCumulativeDurationData: observationPeriod.reduce(
+        (prevValue, current) => [
+          ...prevValue,
+          ...current.data.CUMULATIVE_DURATION.map((value) => ({
+            ...value,
+            DATA_SOURCE_KEY: current.source.cdm_source_key,
+          })),
+        ],
+        []
+      ),
+      allAgeAtFirstObservationData: observationPeriod.reduce(
+        (prevValue, current) => [
+          ...prevValue,
+          ...current.data.AGE_AT_FIRST_OBSERVATION.map((value) => ({
+            ...value,
+            DATA_SOURCE_KEY: current.source.cdm_source_key,
+          })),
+        ],
+        []
+      ),
+    };
+  } else {
+    return [];
+  }
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts b/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
index ba92cc2d..2038305b 100644
--- a/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/observationPeriod.ts
@@ -7,24 +7,30 @@ import { ObservationPeriodType } from "@/processes/exploreReports/model/interfac
 export default function observationPeriod(data) {
   const dateParse = d3.timeParse("%Y%m");
   const observationPeriodData: ObservationPeriodType = data[OBSERVATION_PERIOD];
-  const personPeriods = observationPeriodData.PERSON_PERIODS_DATA.map(
-    (item) => ({
+  let personPeriods;
+  if (observationPeriodData.PERSON_PERIODS_DATA) {
+    personPeriods = observationPeriodData.PERSON_PERIODS_DATA.map((item) => ({
       ...item,
       PERCENT_PEOPLE: getPercentage(
         item.COUNT_VALUE,
         observationPeriodData.PERSON_PERIODS_DATA
       ),
-    })
-  );
-  observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE = sortByRange(
-    observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE,
-    "ascending",
-    "CATEGORY",
-    "categoryOrder"
-  );
-  observationPeriodData.OBSERVED_BY_MONTH.forEach((v) => {
-    v.DATE = dateParse(v.MONTH_YEAR.toString());
-  });
+    }));
+  }
+  if (observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE) {
+    observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE = sortByRange(
+      observationPeriodData.OBSERVATION_PERIOD_LENGTH_BY_AGE,
+      "ascending",
+      "CATEGORY",
+      "categoryOrder"
+    );
+  }
+
+  if (observationPeriodData.OBSERVED_BY_MONTH) {
+    observationPeriodData.OBSERVED_BY_MONTH.forEach((v) => {
+      v.DATE = dateParse(v.MONTH_YEAR.toString());
+    });
+  }
 
   return {
     observationPeriodData,
diff --git a/src/processes/exploreReports/model/store/postprocessing/personReport.ts b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
index 516158fb..7dd90ae1 100644
--- a/src/processes/exploreReports/model/store/postprocessing/personReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/personReport.ts
@@ -1,7 +1,6 @@
 import * as d3 from "d3-time-format";
 import { PERSON } from "@/shared/config/files";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
-import { first } from "lodash";
 
 export default function person(data) {
   const dateParse = d3.timeParse("%Y");
diff --git a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
index 56253f10..8b0128a2 100644
--- a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
@@ -42,7 +42,6 @@ export default function sourceConceptOverlay(data) {
     );
   } else {
     parsedResponses = data[SOURCE_CONCEPT];
-    console.log(data);
     conceptName = parsedResponses[0].data.CONCEPT_NAME[0];
     conceptId = parsedResponses[0].data.CONCEPT_ID[0];
     numPersons = sumBy(parsedResponses, (item) => item.data.NUM_PERSONS[0]);
diff --git a/src/shared/config/links.ts b/src/shared/config/links.ts
index 0f86f03a..8624f6e3 100644
--- a/src/shared/config/links.ts
+++ b/src/shared/config/links.ts
@@ -18,6 +18,10 @@ const getDocsLink = function (val: string): string {
   return `https://ohdsi.github.io/CommonDataModel/cdm531.html#${val}`;
 };
 
+const getNewIssueLink = function (title = "", body = "") {
+  return `https://github.com/OHDSI/Ares/issues/new?assignees=&labels=&projects=&template=bug_report.md&title=${title}&body=${body}`;
+};
+
 export const links = {
   getSqlQueryLink,
   getDocsLink,
@@ -25,4 +29,5 @@ export const links = {
   getAchillesLink,
   getDatavizDatasheetLink,
   getDataQualityDashboardLink,
+  getNewIssueLink,
 };
diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index 8e157a26..5661b369 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -1,35 +1,144 @@
 <template>
-  <div>
-    <Message :closable="false" severity="error">
-      <template #messageicon>
-        <div class="p-2">
-          <svg-icon size="45" type="mdi" :path="mdiCloudAlert"></svg-icon>
+  <Message v-if="isUnexpectedError" unstyled :closable="false" severity="error">
+    <template #container>
+      <div class="flex flex-row items-center gap-3 p-8">
+        <svg-icon
+          v-if="isUnexpectedError"
+          size="45"
+          type="mdi"
+          :path="mdiAlertCircleOutline"
+        ></svg-icon>
+        <div class="flex flex-col gap-2">
+          <h3 class="text-xl">Something went wrong</h3>
+          <div class="flex flex-col gap-5">
+            <div>
+              <span style="color: white">{{
+                store.getters.getErrors[0].message
+              }}</span>
+              --
+              <span style="color: white"
+                >{ {{ store.getters.getErrors[0].details }} }</span
+              >
+            </div>
+
+            <div>
+              <h4 class="text-lg">Additional information:</h4>
+              <p v-for="row in callStackRows" :key="row">{{ row }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        v-if="isUnexpectedError"
+        class="flex justify-center bg-surface-800 rounded-b-md"
+      >
+        <Button
+          size="block"
+          class="self-center"
+          @click="redirectToGithub"
+          text
+          plain
+        >
+          <div class="flex flex-row gap-2 items-center">
+            <span>Submit the issue on</span>
+            <span>
+              <svg-icon size="40" type="mdi" :path="mdiGithub"></svg-icon
+            ></span>
+          </div>
+        </Button>
+      </div>
+    </template>
+  </Message>
+  <Message v-else unstyled :closable="false" severity="error">
+    <template #container>
+      <div class="flex flex-row items-center gap-3 p-8">
+        <svg-icon
+          v-if="isUnexpectedError"
+          size="45"
+          type="mdi"
+          :path="mdiAlertCircleOutline"
+        ></svg-icon>
+        <svg-icon v-else size="45" type="mdi" :path="mdiCloudAlert"></svg-icon>
+        <div class="flex flex-col gap-2">
+          <h3 class="text-xl">Something went wrong</h3>
+          <ul class="flex flex-col gap-1">
+            <li v-for="(error, index) in store.getters.getErrors" :key="index">
+              <span style="color: white">{{ error.message }}</span> --
+              <span style="color: white">{ {{ error.details }} }</span>
+            </li>
+          </ul>
         </div>
-      </template>
-      <div class="flex flex-col gap-2">
-        <h3 class="text-xl">An error has occurred</h3>
-        <ul class="flex flex-col gap-1">
-          <li v-for="(error, index) in store.getters.getErrors" :key="index">
-            <span style="color: white">{{ error.message }}</span> --
-            <span style="color: white">{ {{ error.details }} }</span>
-          </li>
-        </ul>
       </div>
-    </Message>
-  </div>
+      <div
+        v-if="isUnexpectedError"
+        class="flex justify-center bg-surface-800 rounded-b-md"
+      >
+        <Button
+          size="block"
+          class="self-center"
+          @click="redirectToGithub"
+          text
+          plain
+        >
+          <div class="flex flex-row gap-2 items-center">
+            <span>Submit the issue on</span>
+            <span>
+              <svg-icon size="40" type="mdi" :path="mdiGithub"></svg-icon
+            ></span>
+          </div>
+        </Button>
+      </div>
+    </template>
+  </Message>
 </template>
 
-<script lang="ts">
-export default {
-  name: "ErrorAlert",
-};
-</script>
-
 <script setup lang="ts">
 import { useStore } from "vuex";
 import Message from "primevue/message";
 import SvgIcon from "@jamescoyle/vue-icon";
-import { mdiCloudAlert } from "@mdi/js";
+import { mdiAlertCircleOutline, mdiCloudAlert, mdiGithub } from "@mdi/js";
+import { links } from "@/shared/config/links";
+import Button from "primevue/button";
+import { computed } from "vue";
+
+function getStackTraceWithoutURL(stack) {
+  return stack
+    .replace(/https?:\/\/[^/]+/g, "")
+    .split("\n", 3)
+    .join("\n");
+}
+
+const isUnexpectedError = computed(() => {
+  return store.getters.getErrors[0].type === "unexpected";
+});
+
+const errorDetails = computed(() => {
+  return store.getters.getErrors[0];
+});
+
+const callStackRows = computed(() => {
+  return getStackTraceWithoutURL(errorDetails.value.stack).split("\n");
+});
+
+function redirectToGithub() {
+  const titleText = `A ${errorDetails.value.name} on page ${errorDetails.value.page}`;
+  const bodyText = `
+    \n **To Reproduce**
+    \n **Expected Behavior**
+    \n **Screenshots**
+    \n **Displayed error:** ${errorDetails.value.details}
+    \n **Error details:**
+    \n ${getStackTraceWithoutURL(errorDetails.value.stack)}
+    \n **Browser:** ${navigator.userAgent}
+    \n **Screen resolution:** ${window.screen.width} x ${window.screen.height}`;
+
+  window
+    .open(
+      links.getNewIssueLink(titleText, encodeURIComponent(bodyText)),
+      "_blank"
+    )
+    .focus();
+}
 
 const store = useStore();
 </script>

From 74a08451b6e14b9805a113338fff7ef083f5fc5b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 Jan 2024 04:11:18 +0500
Subject: [PATCH 084/202] fix: metadata table icons displaying incorrectly

---
 .../components/MetadataTable.vue              | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
index 2013ceac..55b21c74 100644
--- a/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/MetadataTable.vue
@@ -31,22 +31,36 @@
       </tr>
       <tr>
         <td class="font-bold">Source Documentation</td>
-        <td>
-          {{ store.getters.getData.sourceDocumentationReference }}
+        <td class="flex flex-row gap-2">
+          <span>
+            {{ store.getters.getData.sourceDocumentationReference }}
+          </span>
           <a
             :href="store.getters.getData.sourceDocumentationReference"
             target="_blank"
           >
-            <v-icon right small color="primary">mdi-open-in-new</v-icon>
+            <i>
+              <svg-icon
+                class="text-primary-500"
+                type="mdi"
+                :path="mdiOpenInNew"
+              ></svg-icon
+            ></i>
           </a>
         </td>
       </tr>
       <tr>
         <td class="font-bold">ETL Reference</td>
-        <td>
-          {{ store.getters.getData.cdmEtlReference }}
+        <td class="flex flex-row gap-2">
+          <span> {{ store.getters.getData.cdmEtlReference }} </span>
           <a :href="store.getters.getData.cdmEtlReference" target="_blank">
-            <v-icon right small color="primary">mdi-open-in-new</v-icon>
+            <i>
+              <svg-icon
+                class="text-primary-500"
+                type="mdi"
+                :path="mdiOpenInNew"
+              ></svg-icon
+            ></i>
           </a>
         </td>
       </tr>
@@ -56,6 +70,8 @@
 
 <script setup lang="ts">
 import { useStore } from "vuex";
+import { mdiOpenInNew } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
 
 const store = useStore();
 </script>

From ec2d6548ff4cbad8a80a927b40782144f144b27e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 Jan 2024 04:21:08 +0500
Subject: [PATCH 085/202] improve: justify-end for # Records column of
 UnmappedSourceCodes report and comma formatting for values.

---
 .../NetworkUnmappedSourceCodes.vue            | 21 ++++++++++++++++++-
 .../UnmappedSourceCodes.vue                   | 20 +++++++++++++++++-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index fa52f87b..6e6ea588 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -4,6 +4,7 @@
     header="Network Unmapped Source Codes"
   >
     <DataTable
+      removable-sort
       size="small"
       :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
       paginator
@@ -31,13 +32,30 @@
       <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
       <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
       <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
-      <Column sortable header="# Records" field="RECORD_COUNT"></Column>
       <Column
         sortable
         header="# Data Sources"
         field="DATA_SOURCE_COUNT"
       ></Column>
       <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        sortable
+        header="# Records"
+        field="RECORD_COUNT"
+      >
+        <template #body="slotProps">
+          <div class="flex justify-end">
+            <span>
+              {{
+                slotProps.data.RECORD_COUNT
+                  ? helpers.formatComma(slotProps.data.RECORD_COUNT)
+                  : "No data"
+              }}</span
+            >
+          </div>
+        </template>
+      </Column>
     </DataTable>
   </Panel>
 </template>
@@ -52,6 +70,7 @@ import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { FilterMatchMode } from "primevue/api";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index b792add9..50ac22f4 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -1,6 +1,7 @@
 <template>
   <Panel v-if="store.getters.dataInStore" header="Unmapped Source Codes">
     <DataTable
+      removable-sort
       size="small"
       :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
       paginator
@@ -28,7 +29,24 @@
       <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
       <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
       <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
-      <Column sortable header="# Records" field="RECORD_COUNT"></Column>
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        sortable
+        header="# Records"
+        field="RECORD_COUNT"
+      >
+        <template #body="slotProps">
+          <div class="flex justify-end">
+            <span>
+              {{
+                slotProps.data.RECORD_COUNT
+                  ? helpers.formatComma(slotProps.data.RECORD_COUNT)
+                  : "No data"
+              }}</span
+            >
+          </div>
+        </template>
+      </Column>
     </DataTable>
     <template #footer>
       <div class="flex flex-row gap-2">

From 9bb063c93518c17b47bb4d58f5d34df5222c95a0 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 Jan 2024 05:52:23 +0500
Subject: [PATCH 086/202] feat: added tables to person report

---
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 36 +++++++++++++++++++
 .../PopulationByEthnicity.vue                 | 31 ++++++++++++++++
 .../PopulationByRace/PopulationByRace.vue     | 31 ++++++++++++++++
 .../PopulationByYearBirth.vue                 | 30 ++++++++++++++++
 4 files changed, 128 insertions(+)

diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 9856ff49..70b86afb 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -41,6 +41,37 @@
       :annotations="notesFemale"
       :annotation-mode="annotationsMode"
     />
+    <div class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.personData.AGE_GENDER_DATA"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column sortable header="Sex" field="CONCEPT_NAME"> </Column>
+        <Column sortable header="AGE" field="AGE"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# of People"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -73,6 +104,11 @@ import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import InputGroup from "primevue/inputgroup";
+import DataTable from "primevue/datatable";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Column from "primevue/column";
+import InputText from "primevue/inputtext";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index 696cbb5b..087e84f6 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -11,6 +11,35 @@
       :chartSpec="specEthnicity"
       :data="store.getters.getData.personData.ETHNICITY_DATA"
     />
+    <div class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.personData.ETHNICITY_DATA"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column sortable header="Ethnicity" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Count"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -39,6 +68,8 @@ import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 028875a2..4e0ce85e 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -6,6 +6,35 @@
       :chartSpec="specRace"
       :data="store.getters.getData.personData.RACE_DATA"
     />
+    <div class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.personData.RACE_DATA"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column sortable header="Race" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of People"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -35,6 +64,8 @@ import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 318576af..ac3d60b6 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -23,6 +23,34 @@
       :annotation-mode="annotationsMode"
     >
     </Chart>
+    <div class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.personData.BIRTH_YEAR_DATA"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Year of Birth" field="YEAR"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# of People"
+          field="COUNT_PERSON"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_PERSON
+                  ? helpers.formatComma(slotProps.data.COUNT_PERSON)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -57,6 +85,8 @@ import { ref } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);

From 91928cf41b5b786afecbc2eff90eafd35eb445ed Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 31 Jan 2024 08:33:58 +0500
Subject: [PATCH 087/202] feat: add pivot table to unmapped source codes

---
 .../NetworkUnmappedSourceCodes.vue            | 129 ++++++++-------
 .../UnmappedSourceCodes.vue                   | 148 ++++++++++--------
 2 files changed, 155 insertions(+), 122 deletions(-)

diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index 6e6ea588..ee7ec5f9 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -1,63 +1,81 @@
 <template>
-  <Panel
-    v-if="store.getters.dataInStore"
-    header="Network Unmapped Source Codes"
-  >
-    <DataTable
-      removable-sort
-      size="small"
-      :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
-      paginator
-      v-model:filters="newFilters"
-      :value="store.getters.getData.domainTable"
-      :rows="10"
-      :rowsPerPageOptions="[5, 10, 20, 50]"
+  <div class="flex flex-col gap-5">
+    <Panel
+      v-if="store.getters.dataInStore"
+      header="Network Unmapped Source Codes"
     >
-      <template #header>
-        <div>
-          <InputGroup unstyled>
-            <InputGroupAddon>
-              <i class="pi pi-search"></i>
-            </InputGroupAddon>
-            <InputText
-              class="rounded-r-lg"
-              style="width: 45rem"
-              unstyled
-              v-model="newFilters['global'].value"
-              placeholder="Search in Table"
-            />
-          </InputGroup>
-        </div>
-      </template>
-      <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
-      <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
-      <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
-      <Column
-        sortable
-        header="# Data Sources"
-        field="DATA_SOURCE_COUNT"
-      ></Column>
-      <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
-      <Column
-        :pt="{ headerContent: 'justify-end' }"
-        sortable
-        header="# Records"
-        field="RECORD_COUNT"
+      <DataTable
+        removable-sort
+        size="small"
+        :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
+        paginator
+        v-model:filters="newFilters"
+        :value="store.getters.getData.domainTable"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <template #body="slotProps">
-          <div class="flex justify-end">
-            <span>
-              {{
-                slotProps.data.RECORD_COUNT
-                  ? helpers.formatComma(slotProps.data.RECORD_COUNT)
-                  : "No data"
-              }}</span
-            >
+        <template #header>
+          <div>
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                v-model="newFilters['global'].value"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
           </div>
         </template>
-      </Column>
-    </DataTable>
-  </Panel>
+        <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
+        <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
+        <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
+        <Column
+          sortable
+          header="# Data Sources"
+          field="DATA_SOURCE_COUNT"
+        ></Column>
+        <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# Records"
+          field="RECORD_COUNT"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              <span>
+                {{
+                  slotProps.data.RECORD_COUNT
+                    ? helpers.formatComma(slotProps.data.RECORD_COUNT)
+                    : "No data"
+                }}</span
+              >
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </Panel>
+
+    <Panel v-if="store.getters.dataInStore" header="Pivot Table">
+      <Pivot
+        :data="store.getters.getData.domainTable"
+        :attributes="[
+          'CDM_TABLE_NAME',
+          'CDM_FIELD_NAME',
+          'SOURCE_VALUE',
+          'RECORD_COUNT',
+          'DATA_SOURCES',
+          'DATA_SOURCE_COUNT',
+        ]"
+        :aggregate-attrs="['RECORD_COUNT', 'DATA_SOURCE_COUNT']"
+        :aggregator-names-list="['Count', 'Sum']"
+      />
+    </Panel>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -71,6 +89,7 @@ import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { FilterMatchMode } from "primevue/api";
 import { helpers } from "@/shared/lib/mixins";
+import Pivot from "@/widgets/pivot/ui/Pivot.vue";
 
 const store = useStore();
 
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index 50ac22f4..4d86887a 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -1,83 +1,96 @@
 <template>
-  <Panel v-if="store.getters.dataInStore" header="Unmapped Source Codes">
-    <DataTable
-      removable-sort
-      size="small"
-      :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
-      paginator
-      v-model:filters="newFilters"
-      :value="filteredRecords"
-      :rows="10"
-      :rowsPerPageOptions="[5, 10, 20, 50]"
-    >
-      <template #header>
-        <div>
-          <InputGroup unstyled>
-            <InputGroupAddon>
-              <i class="pi pi-search"></i>
-            </InputGroupAddon>
-            <InputText
-              class="rounded-r-lg"
-              style="width: 45rem"
-              unstyled
-              v-model="newFilters['global'].value"
-              placeholder="Search in Table"
-            />
-          </InputGroup>
-        </div>
-      </template>
-      <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
-      <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
-      <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
-      <Column
-        :pt="{ headerContent: 'justify-end' }"
-        sortable
-        header="# Records"
-        field="RECORD_COUNT"
+  <div class="flex flex-col gap-5">
+    <Panel v-if="store.getters.dataInStore" header="Unmapped Source Codes">
+      <DataTable
+        removable-sort
+        size="small"
+        :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
+        paginator
+        v-model:filters="newFilters"
+        :value="filteredRecords"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <template #body="slotProps">
-          <div class="flex justify-end">
-            <span>
-              {{
-                slotProps.data.RECORD_COUNT
-                  ? helpers.formatComma(slotProps.data.RECORD_COUNT)
-                  : "No data"
-              }}</span
-            >
+        <template #header>
+          <div>
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                v-model="newFilters['global'].value"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
           </div>
         </template>
-      </Column>
-    </DataTable>
-    <template #footer>
-      <div class="flex flex-row gap-2">
-        <ChartActionIcon
-          v-if="
-            store.getters.getQueryIndex &&
-            store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
-          "
-          :icon="mdiHelpCircle"
-          tooltip="This report identifies columns in tables within the CDM where values are
+        <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
+        <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
+        <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# Records"
+          field="RECORD_COUNT"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              <span>
+                {{
+                  slotProps.data.RECORD_COUNT
+                    ? helpers.formatComma(slotProps.data.RECORD_COUNT)
+                    : "No data"
+                }}</span
+              >
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+      <template #footer>
+        <div class="flex flex-row gap-2">
+          <ChartActionIcon
+            v-if="
+              store.getters.getQueryIndex &&
+              store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION
+            "
+            :icon="mdiHelpCircle"
+            tooltip="This report identifies columns in tables within the CDM where values are
     mapped to 0 (unknown concept). It provides a listing of all unmapped source
     values to be reviewed for potential inclusion or remediation."
-          @iconClicked="
-            helpers.openNewTab(
-              links.getSqlQueryLink(
-                store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+            @iconClicked="
+              helpers.openNewTab(
+                links.getSqlQueryLink(
+                  store.getters.getQueryIndex.TEMPORAL_CHARACTERIZATION[0]
+                )
               )
-            )
-          "
-        />
-      </div>
-    </template>
-  </Panel>
+            "
+          />
+        </div>
+      </template>
+    </Panel>
+    <Panel v-if="store.getters.dataInStore" header="Pivot Table">
+      <Pivot
+        :data="store.getters.getData.domainTable"
+        :attributes="[
+          'CDM_TABLE_NAME',
+          'CDM_FIELD_NAME',
+          'SOURCE_VALUE',
+          'RECORD_COUNT',
+        ]"
+        :aggregate-attrs="['RECORD_COUNT']"
+        :aggregator-names-list="['Count', 'Sum']"
+      />
+    </Panel>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { helpers } from "@/shared/lib/mixins";
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
-import { useRoute, useRouter } from "vue-router";
-import { debounce } from "lodash";
 
 import InputGroup from "primevue/inputgroup";
 import InputText from "primevue/inputtext";
@@ -89,6 +102,7 @@ import { FilterMatchMode } from "primevue/api";
 import { mdiHelpCircle } from "@mdi/js";
 import { links } from "@/shared/config/links";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import Pivot from "@/widgets/pivot/ui/Pivot.vue";
 
 const store = useStore();
 

From ef014e186403ac1b6262895e3349ceccab2feaba Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 Jan 2024 04:03:43 +0500
Subject: [PATCH 088/202] feat: added scope setting to annotations

---
 package-lock.json                             |  20 ++
 package.json                                  |   4 +-
 .../tailwind/components/multiSelect.ts        |   4 +-
 .../chartMetadataCard/metadataCard.vue        |  20 +-
 .../RecordCountProportionByMonth.vue          |  39 +---
 .../RecordCountProportionByMonth.vue          |  39 +---
 .../charts/DomainDensity/DomainDensity.vue    |  42 +---
 .../DomainRecordsPerPerson.vue                |  41 +---
 .../AgeAtFirstObservation.vue                 |  39 +---
 .../CumulativeObservation.vue                 |  38 +---
 .../ObservationOverTime.vue                   |  38 +---
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  74 ++-----
 .../PopulationByYearBirth.vue                 |  49 +----
 .../HistoricalDataQuality.vue                 |  37 +---
 .../HistoricalDataQualityByCategory.vue       |  39 +---
 .../HistoricalDataQualityByDomain.vue         |  40 +---
 .../RecordProportionByMonth.vue               |  39 +---
 .../DataQualityIssuesHistory.vue              |  41 +---
 .../populationHistory/PopulationHistory.vue   |  42 +---
 src/shared/api/axios/files.ts                 |   2 +-
 src/shared/interfaces/Annotations.ts          |  36 +++
 .../lib/composables/useAnnotationControls.ts  |  26 +++
 src/shared/lib/composables/useAnnotations.ts  |  66 ++++++
 src/widgets/chart/ui/Chart.vue                |  59 +++--
 src/widgets/explorer/ui/Explorer.vue          |  27 ++-
 src/widgets/notesPanel/model/lib/helpers.ts   |  93 +++++++-
 .../notesPanel/model/store/actions.type.ts    |   2 +
 .../notesPanel/model/store/notes.module.ts    |  92 ++++++--
 src/widgets/notesPanel/ui/NotesPanel.vue      |   3 +-
 src/widgets/selectionEditDialog/lib/lib.ts    |  48 ++--
 .../ui/selectionEditDialog.vue                | 206 ++++++++++++++----
 .../ui/components/exportNotes/ExportNotes.vue |  26 +--
 32 files changed, 665 insertions(+), 706 deletions(-)
 create mode 100644 src/shared/interfaces/Annotations.ts
 create mode 100644 src/shared/lib/composables/useAnnotationControls.ts
 create mode 100644 src/shared/lib/composables/useAnnotations.ts

diff --git a/package-lock.json b/package-lock.json
index 9861e435..eed3f40e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,6 +29,7 @@
         "mdi": "^2.2.43",
         "primeicons": "^6.0.1",
         "primevue": "^3.44.0",
+        "uuid": "^9.0.1",
         "vega": "^5.25.0",
         "vega-embed": "^6.20.2",
         "vega-lite": "^5.6.0",
@@ -48,6 +49,7 @@
         "@types/d3-time-format": "^4.0.0",
         "@types/file-saver": "^2.0.5",
         "@types/lodash": "^4.14.191",
+        "@types/uuid": "^9.0.8",
         "@typescript-eslint/eslint-plugin": "^5.4.0",
         "@typescript-eslint/parser": "^5.4.0",
         "@vitejs/plugin-vue": "^4.0.0",
@@ -1714,6 +1716,12 @@
       "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
       "dev": true
     },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+      "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
+      "dev": true
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "5.62.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
@@ -6449,6 +6457,18 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vega": {
       "version": "5.25.0",
       "resolved": "https://registry.npmjs.org/vega/-/vega-5.25.0.tgz",
diff --git a/package.json b/package.json
index ac735790..c5e4c771 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,9 @@
     "@codemirror/lang-markdown": "^6.2.2",
     "@codemirror/lang-sql": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@duckdb/duckdb-wasm": "1.28.0",
     "@jamescoyle/svg-icon": "^0.1.1",
     "@jamescoyle/vue-icon": "^0.1.2",
-    "@duckdb/duckdb-wasm": "1.28.0",
     "@mdi/font": "^7.0.96",
     "@mdi/js": "^7.3.67",
     "axios": "1.6.0",
@@ -33,6 +33,7 @@
     "mdi": "^2.2.43",
     "primeicons": "^6.0.1",
     "primevue": "^3.44.0",
+    "uuid": "^9.0.1",
     "vega": "^5.25.0",
     "vega-embed": "^6.20.2",
     "vega-lite": "^5.6.0",
@@ -52,6 +53,7 @@
     "@types/d3-time-format": "^4.0.0",
     "@types/file-saver": "^2.0.5",
     "@types/lodash": "^4.14.191",
+    "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
     "@vitejs/plugin-vue": "^4.0.0",
diff --git a/src/app/plugins/tailwind/components/multiSelect.ts b/src/app/plugins/tailwind/components/multiSelect.ts
index 9fe855bb..09d46ac2 100644
--- a/src/app/plugins/tailwind/components/multiSelect.ts
+++ b/src/app/plugins/tailwind/components/multiSelect.ts
@@ -6,7 +6,7 @@ export default {
       "relative",
 
       // Shape
-      "w-full",
+      "w-full, overflow-hidden",
       "rounded-md",
 
       // Color and Background
@@ -35,7 +35,7 @@ export default {
     ],
   }),
   labelContainer: {
-    class: "overflow-wrap flex flex-auto cursor-pointer ",
+    class: "overflow-hidden flex flex-auto cursor-pointer ",
   },
   label: ({ props }) => ({
     class: [
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index eb1670ba..40144d81 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -51,7 +51,7 @@
       >
     </div>
   </div>
-  <ConfirmDialog group="templating">
+  <ConfirmDialog :group="'templating' + props.note.id">
     <template #message="slotProps">
       <div
         class="flex flex-column align-items-center w-full gap-3 border-bottom-1 surface-border"
@@ -84,9 +84,9 @@ import { useConfirm } from "primevue/useconfirm";
 const confirm = useConfirm();
 const showTemplate = () => {
   confirm.require({
-    group: "templating",
+    group: `${"templating" + props.note.id}`,
     header: "Confirmation",
-    message: "Please confirm to proceed moving forward.",
+    message: "Are you sure you want to delete this note?",
     icon: "pi pi-exclamation-circle",
     acceptIcon: "pi pi-check",
     rejectIcon: "pi pi-times",
@@ -94,8 +94,11 @@ const showTemplate = () => {
     acceptClass: "p-button-outlined p-button-sm",
     accept: () => {
       deleteCard();
+      return;
+    },
+    reject: () => {
+      return;
     },
-    reject: () => {},
   });
 };
 const extensions = [markdown(), oneDark];
@@ -104,7 +107,8 @@ interface Note {
   title: string;
   description: string;
   id: number;
-  lastUpdated: number;
+  updatedAt: number;
+  createdAt: number;
   report?: string;
   selection?: string;
   createdBy: string;
@@ -116,7 +120,7 @@ interface Props {
 }
 
 const dateTimeCreated = computed(() => {
-  const isoDate = new Date(props.note.id);
+  const isoDate = new Date(props.note.createdAt);
   return isoDate.toLocaleString(undefined, {
     dateStyle: "short",
     timeStyle: "short",
@@ -124,8 +128,8 @@ const dateTimeCreated = computed(() => {
 });
 
 const dateTimeUpdated = computed(() => {
-  if (props.note.lastUpdated) {
-    const isoDate = new Date(props.note.lastUpdated);
+  if (props.note.updatedAt) {
+    const isoDate = new Date(props.note.updatedAt);
     return isoDate.toLocaleString(undefined, {
       dateStyle: "short",
       timeStyle: "short",
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index b3c81bcf..b3580ccf 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -73,11 +73,9 @@ import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import _ from "lodash";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
@@ -87,16 +85,8 @@ import {
   mdiDatabaseClock,
   mdiHelpCircle,
 } from "@mdi/js";
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
@@ -113,29 +103,10 @@ const getSourceConceptReportLink = function () {
   };
 };
 
-const annotations = computed(() => {
-  const { cdm, release, domain, concept } = route.params;
-  const path = [cdm, release, domain, concept].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 8787c2ea..e51ebf34 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -58,7 +58,7 @@ import { useRoute } from "vue-router";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import * as listeners from "@/pages/model/lib/listeners";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
-import { computed, ref } from "vue";
+import { ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
@@ -66,43 +66,18 @@ import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 const route = useRoute();
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
 const reportId = "viz-deathrecordproportionbymonth";
 
-const annotations = computed(() => {
-  const { cdm, release, domain } = route.params;
-  const path = [cdm, release, domain].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
+
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 8f1b1cae..09ad96f3 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -55,53 +55,23 @@ import { useStore } from "vuex";
 import { defOverview } from "./defOverview";
 import { defOverviewAnnotation } from "./defOverviewAnnotation";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import _ from "lodash";
-import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
-const route = useRoute();
+const reportId = "viz-densityOverview";
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const reportId = "viz-overview";
-const annotations = computed(() => {
-  const { cdm, release, domain } = route.params;
-  const path = [cdm, release, domain].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
-
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index ca6e1b1a..e79cda3f 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -53,55 +53,24 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { defRecordsPerPerson } from "./defRecordsPerPerson";
 import { defRecordsPerPersonAnnotation } from "./defRecordsPerPersonAnnotation";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import _ from "lodash";
-import { useRoute } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
-const route = useRoute();
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
 const reportId = "viz-recordsperperson";
 
-const annotations = computed(() => {
-  const { cdm, release, domain } = route.params;
-  const path = [cdm, release, domain].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 3f643b6c..0f50c5fe 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -52,51 +52,24 @@ import { links } from "@/shared/config/links";
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
 import { specAgeAtFirstObservationAnnotation } from "./specAgeAtFirstObservationAnnotation";
 import { useStore } from "vuex";
-import { computed, ref } from "vue";
+import { ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
 const reportId = "viz-ageatfirstobservation";
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const annotations = computed(() => {
-  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease?.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer[reportId] || [];
-});
-
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 9f59831e..cf84db3e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -51,51 +51,23 @@ import { links } from "@/shared/config/links";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { specCumulativeObservationAnnotation } from "./specCumulativeObservationAnnotation";
 import { useStore } from "vuex";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
 const reportId = "viz-cumulativeobservation";
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const annotations = computed(() => {
-  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease?.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer[reportId] || [];
-});
-
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index 561ecadd..c8dacd2c 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -54,51 +54,23 @@ import { specObservationByMonth } from "./specObservationByMonth";
 import { specObservationByMonthAnnotation } from "./specObservationByMonthAnnotation";
 import { useStore } from "vuex";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
 const reportId = "viz-observationbymonth";
 
-const annotations = computed(() => {
-  const sourceName = store.getters.getSelectedSource?.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease?.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 9856ff49..d4abc1fa 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -6,10 +6,10 @@
   >
     <template #icons>
       <ChartHeader
-        :notes-count="notesMaleFemale.length"
-        :annotations-count="notesFemale.length + notesMale.length"
-        @annotations-mode-toggled="toggleAnnotationMode"
-        @notes-mode-toggled="toggleNoteMode"
+        :notes-count="allNotes.length"
+        :annotations-count="allAnnotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
       />
     </template>
     <Chart
@@ -24,7 +24,7 @@
       }"
       :data="store.getters.getData.maleAgeSex"
       :chartSpec="specAgeSex"
-      :annotations="notesMale"
+      :annotations="notesMale.annotations.value"
       :annotation-mode="annotationsMode"
     />
     <Chart
@@ -38,10 +38,10 @@
       }"
       :data="store.getters.getData.femaleAgeSex"
       :chartSpec="specAgeSex"
-      :annotations="notesFemale"
+      :annotations="notesFemale.annotations.value"
       :annotation-mode="annotationsMode"
     />
-    <NotesPanel v-if="notesMode" :notes="notesMaleFemale" />
+    <NotesPanel v-if="notesMode" :notes="allNotes" />
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -66,65 +66,33 @@ import { Chart } from "@/widgets/chart";
 import { specAgeSex } from "./specAgeSex";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-
-function toggleAnnotationMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNoteMode(mode) {
-  notesMode.value = mode;
-}
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
-const releaseContainer = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  return sourceContainer[releaseName] || {};
-});
 
 const femaleReportId = "viz-populationbyageandsexFemale";
 const maleReportId = "viz-populationbyageandsexMale";
 
-const notesFemale = computed(() => {
-  return releaseContainer.value[femaleReportId] || [];
-});
-const notesMale = computed(() => {
-  return releaseContainer.value[maleReportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
+
+const notesMale = useAnnotations(maleReportId);
 
-const notesMaleFemale = computed(() => {
-  return [
-    ...notesFemale.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: femaleReportId,
-          selection: val.id,
-        })),
-      ];
-    }, []),
-    ...notesMale.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: maleReportId,
-          selection: val.id,
-        })),
-      ];
-    }, []),
-  ];
+const notesFemale = useAnnotations(femaleReportId);
+
+const allNotes = computed(() => {
+  return [...notesMale.notes.value, ...notesFemale.notes.value];
+});
+const allAnnotations = computed(() => {
+  return [...notesFemale.annotations.value, ...notesMale.annotations.value];
 });
 </script>
 
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 318576af..4b3e6fd3 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -5,13 +5,13 @@
         title="Population by Year of Birth"
         :notes-count="notes.length"
         :annotations-count="annotations.length"
-        @annotations-mode-toggled="toggleAnnotationMode"
-        @notes-mode-toggled="toggleNoteMode"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
       />
     </template>
     <Chart
       v-if="store.getters.dataInStore"
-      id="viz-birthyearnote"
+      :id="reportId"
       :chartSpec="specBirthYear"
       :annotations-config="{
         chartSpec: specBirthYearAnnotation,
@@ -51,50 +51,21 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import Panel from "primevue/panel";
-import { computed } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import { ref } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-
-function toggleAnnotationMode(mode) {
-  annotationsMode.value = mode;
-}
-
-function toggleNoteMode(mode) {
-  notesMode.value = mode;
-}
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 
-const annotations = computed(() => {
-  const sourceName = store.getters.getSelectedSource.cdm_source_key;
-  const releaseName = store.getters.getSelectedRelease.release_id;
-  const sourceContainer = store.getters.getNotes[sourceName] || {};
-  const releaseContainer = sourceContainer[releaseName] || {};
-  return releaseContainer["viz-birthyearnote"] || [];
-});
+const reportId = "viz-birthyearnote";
+
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: "viz-birthyearnote",
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index bb0018e1..26648252 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -93,44 +93,17 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 const route = useRoute();
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
 const reportId = "viz-dataqualityresults";
 
-const annotations = computed(() => {
-  const { cdm, release } = route.params;
-  const path = [cdm, release].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 8816a761..6cf9f3d6 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -36,50 +36,21 @@ import { QUALITY_INDEX } from "@/shared/config/files";
 import { Chart } from "@/widgets/chart";
 import { specDataQualityResultsByCategory } from "./specDataQualityResultsByCategory";
 import { useStore } from "vuex";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation";
-import _ from "lodash";
-import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
-const route = useRoute();
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
 
 const reportId = "viz-sourcedataqualityresultsbycategory";
 
-const annotations = computed(() => {
-  const { cdm, release } = route.params;
-  const path = [cdm, release].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 575d2519..c223bc27 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -37,50 +37,20 @@ import { specDataQualityResultsByDomain } from "./specDataQualityResultsByDomain
 import { QUALITY_INDEX } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { specDataQualityResultsByDomainAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/specDataQualityResultsByDomainAnnotation";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import _ from "lodash";
-import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
-const route = useRoute();
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
 
 const reportId = "viz-sourcedataqualityresultsbydomain";
 
-const annotations = computed(() => {
-  const { cdm, release } = route.params;
-  const path = [cdm, release].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || {};
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 35497248..1fe71209 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -56,53 +56,24 @@ import { useRoute } from "vue-router";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByMonthAnnotation";
 import * as listeners from "@/pages/model/lib/listeners";
-import { computed, ref } from "vue";
-import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
 const route = useRoute();
 
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
-
 const reportId = "viz-sourcerecordproportionbymonth";
 
-const annotations = computed(() => {
-  const { cdm, domain, concept } = route.params;
-  const path = [cdm, domain, concept].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
-
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 8b3411c4..563c2157 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -46,54 +46,23 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specIssuesByRelease } from "./specIssuesByRelease";
 import { specIssuesByReleaseAnnotation } from "./specIssuesByReleaseAnnotation";
-import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import _ from "lodash";
-import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
-const route = useRoute();
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
 
 const reportId = "issues_releases";
 
-const annotations = computed(() => {
-  const { cdm } = route.params;
-  const path = [cdm].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
-
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index 99417090..c636046f 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -46,54 +46,24 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { specPopulationByRelease } from "./specPopulationByRelease";
 import { specPopulationByReleaseAnnotation } from "./specPopulationByReleaseAnnotation";
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import _ from "lodash";
 import Panel from "primevue/panel";
-import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
 
 const store = useStore();
-const route = useRoute();
-
-const annotationsMode = ref(false);
-const notesMode = ref(false);
-function toggleAnnotationsMode(mode) {
-  annotationsMode.value = mode;
-}
-function toggleNotesMode(mode) {
-  notesMode.value = mode;
-}
 
 const reportId = "population_releases";
 
-const annotations = computed(() => {
-  const { cdm } = route.params;
-  const path = [cdm].filter(Boolean);
-  const selections = _.get(store.getters.getNotes, path.join(".")) || [];
-
-  return selections[reportId] || [];
-});
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
 
-const notes = computed(() => {
-  if (annotations.value.length) {
-    return annotations.value.reduce((acc, val) => {
-      return [
-        ...acc,
-        ...val.notes.map((note) => ({
-          ...note,
-          report: reportId,
-          selection: val.id,
-        })),
-      ];
-    }, []);
-  } else {
-    return [];
-  }
-});
+const { annotations, notes } = useAnnotations(reportId);
 
 const releases = computed(() => {
   return store.getters.getSelectedSource.releases.map((value) => ({
diff --git a/src/shared/api/axios/files.ts b/src/shared/api/axios/files.ts
index 2e8a3338..ec917aa0 100644
--- a/src/shared/api/axios/files.ts
+++ b/src/shared/api/axios/files.ts
@@ -36,6 +36,6 @@ export default function getFilePath(params: Params) {
     [files.NETWORK_PERFORMANCE]: "data/network-performance.csv",
     [files.EXPORT_QUERY_INDEX]: "data/export_query_index.json",
     [files.TEMPORAL_CHARACTERIZATION]: `data/${params.cdm}/${params.release}/temporal-characterization.csv`,
-    [files.NOTES]: `data/${params.cdm}/notes.json`,
+    [files.NOTES]: `data${params.cdm ? "/" + params.cdm : ""}/notes.json`,
   };
 }
diff --git a/src/shared/interfaces/Annotations.ts b/src/shared/interfaces/Annotations.ts
new file mode 100644
index 00000000..711df749
--- /dev/null
+++ b/src/shared/interfaces/Annotations.ts
@@ -0,0 +1,36 @@
+export interface Annotation {
+  body: {
+    description: string;
+    title: string;
+    notes: Note[];
+  };
+  coordinates: {
+    height: number;
+    width: number;
+    x1Axis: number;
+    x2Axis: number;
+    y1Axis: number;
+    y2Axis: number;
+  };
+  id: string;
+  metadata: {
+    createdAt: number;
+    createdBy: string;
+    updatedAt: string;
+    scope: {
+      type: string;
+      value: { source: string[]; concept: string[]; release: string[] };
+    };
+  };
+}
+
+export interface Note {
+  createdAt: number;
+  createdBy: string;
+  updatedAt: number;
+  title: string;
+  description: string;
+  id: string;
+  report?: string;
+  selection?: string;
+}
diff --git a/src/shared/lib/composables/useAnnotationControls.ts b/src/shared/lib/composables/useAnnotationControls.ts
new file mode 100644
index 00000000..b5f4fc60
--- /dev/null
+++ b/src/shared/lib/composables/useAnnotationControls.ts
@@ -0,0 +1,26 @@
+import { Ref, ref } from "vue";
+
+interface AnnotationControlsComposable {
+  annotationsMode: Ref<boolean>;
+  notesMode: Ref<boolean>;
+  toggleAnnotationsMode: (arg: boolean) => void;
+  toggleNotesMode: (arg: boolean) => void;
+}
+
+export default function useAnnotationControls(): AnnotationControlsComposable {
+  const annotationsMode = ref(false);
+  const notesMode = ref(false);
+  function toggleAnnotationsMode(mode: boolean) {
+    annotationsMode.value = mode;
+  }
+  function toggleNotesMode(mode: boolean) {
+    notesMode.value = mode;
+  }
+
+  return {
+    annotationsMode,
+    notesMode,
+    toggleAnnotationsMode,
+    toggleNotesMode,
+  };
+}
diff --git a/src/shared/lib/composables/useAnnotations.ts b/src/shared/lib/composables/useAnnotations.ts
new file mode 100644
index 00000000..9372339e
--- /dev/null
+++ b/src/shared/lib/composables/useAnnotations.ts
@@ -0,0 +1,66 @@
+import { computed, ComputedRef } from "vue";
+import { Store, useStore } from "vuex";
+import { RouteLocation, useRoute } from "vue-router";
+import { Annotation, Note } from "@/shared/interfaces/Annotations";
+
+interface AnnotationComposable {
+  annotations: ComputedRef<Annotation[]>;
+  notes: ComputedRef<Note[]>;
+}
+
+export default function useAnnotations(reportId: string): AnnotationComposable {
+  const store: Store<never> = useStore();
+  const route: RouteLocation = useRoute();
+
+  const currentScope = computed(
+    (): { concept: string; source: string; release: string } => {
+      return {
+        concept: Array.isArray(route.params.concept)
+          ? route.params.concept[0]
+          : route.params.concept,
+        source: store.getters.getSelectedSource.cdm_source_key,
+        release: store.getters.getSelectedRelease.release_id,
+      };
+    }
+  );
+
+  const annotations = computed((): Annotation[] => {
+    const selections = store.getters.getNotes[reportId] || [];
+
+    return selections.filter((val) => {
+      const scope = val.metadata.scope.value;
+      let showSelection = true;
+      if (scope.concept) {
+        showSelection = scope.concept.includes(currentScope.value.concept);
+      }
+      if (scope.source && showSelection) {
+        showSelection = scope.source.includes(currentScope.value.source);
+      }
+      if (scope.release && showSelection) {
+        showSelection = scope.release.includes(currentScope.value.release);
+      }
+      return showSelection;
+    });
+  });
+
+  const notes = computed((): Note[] => {
+    if (annotations.value.length) {
+      return annotations.value.reduce((acc, val) => {
+        const selection = val.id;
+        const currentNotes = val.body.notes.map((note) => ({
+          ...note,
+          report: reportId,
+          selection,
+        }));
+        return [...acc, ...currentNotes];
+      }, []);
+    } else {
+      return [];
+    }
+  });
+
+  return {
+    annotations,
+    notes,
+  };
+}
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index be4a7bbb..f84ee53e 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -34,6 +34,8 @@ import {
 } from "@/widgets/notesPanel/model/store/actions.type";
 import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutations.type";
 import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
+import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
+import { Annotation } from "@/shared/interfaces/Annotations";
 
 interface Props {
   title?: string;
@@ -58,7 +60,7 @@ interface Props {
     g: any,
     h: any
   ) => void;
-  annotations?: [];
+  annotations?: Annotation[];
 }
 
 const actions = [
@@ -201,19 +203,15 @@ function getD3AnnotationObject(note, type, xScale, yScale) {
     type: type,
     disable: ["note", "connector"],
     data: {
-      x: note.xAxis || note.start,
-      y: note.yAxis || note.y1,
+      x: note.coordinates.x1Axis,
+      y: note.coordinates.y1Axis,
       report: view.container().id,
       originalNote: note,
     },
     id: note.id,
     subject: {
-      width: note.x1Axis
-        ? xScale(note.x1Axis) - xScale(note.xAxis)
-        : xScale(note.end) - xScale(note.start),
-      height: note.height
-        ? yScale(note.height)
-        : yScale(note.y) - yScale(note.y1),
+      width: xScale(note.coordinates.x2Axis) - xScale(note.coordinates.x1Axis),
+      height: yScale(note.coordinates.y2Axis) - yScale(note.coordinates.y1Axis),
     },
   };
 }
@@ -234,26 +232,18 @@ function getAnnotationsArray(view) {
 
 function editSelection(xScale, yScale) {
   return function (annotation) {
-    const x = xScale.invert(annotation._x);
-    const x1 = xScale.invert(annotation.subject.width + annotation._x);
-    const y = yScale.invert(annotation._y);
+    const x1Axis = xScale.invert(annotation._x);
+    const x2Axis = xScale.invert(annotation.subject.width + annotation._x);
+    const y1Axis = yScale.invert(annotation._y);
+    const y2Axis = yScale.invert(annotation.subject.height + annotation._y);
     const width = xScale.invert(annotation.subject.width);
     const height = yScale.invert(annotation.subject.height);
     const note = annotation.data.originalNote;
 
-    const newData = {
-      title: note.title,
-      description: note.description,
-      createdBy: note.createdBy,
-      notes: note.notes,
-      id: note.id,
-      updatedAt: Date.now(),
-      xAxis: x,
-      x1Axis: x1,
-      yAxis: y,
-      width,
-      height,
-    };
+    const newData = createSelection(
+      { x1Axis, x2Axis, y1Axis, y2Axis, width, height },
+      note
+    );
     store.dispatch(EDIT_SELECTION, {
       report: view.container().id,
       save: true,
@@ -340,15 +330,15 @@ function initializeTooltip() {
 
   function getTooltipMarkup(data, parseTime) {
     return `<span class="tooltip-field-title">Title:</span> ${
-      data.originalNote.title
+      data.originalNote.body.title
     }<br><span class="tooltip-field-title">Description:</span> ${
-      data.originalNote.description
+      data.originalNote.body.description
     }<br><span class="tooltip-field-title">Author</span>: ${
-      data.originalNote.createdBy
+      data.originalNote.metadata.createdBy
     }<br><span class="tooltip-field-title">Created at:</span> ${parseTime(
-      data.originalNote.id
+      data.originalNote.metadata.createdAt
     )}<br><span class="tooltip-field-title">Updated at:</span> ${parseTime(
-      data.originalNote.updatedAt
+      data.originalNote.metadata.updatedAt
     )}`;
   }
   const handleMouseOver = function () {
@@ -389,10 +379,11 @@ function createAnnotation(xScale, yScale) {
     store.dispatch(SHOW_DIALOG, {
       show: true,
       data: null,
-      position: {
-        xAxis: xScale.invert(event.selection[1][0]),
-        yAxis: yScale.invert(event.selection[0][1]),
-        x1Axis: xScale.invert(event.selection[0][0]),
+      coordinates: {
+        y1Axis: yScale.invert(event.selection[0][1]),
+        y2Axis: yScale.invert(event.selection[1][1]),
+        x1Axis: xScale.invert(event.selection[1][0]),
+        x2Axis: xScale.invert(event.selection[0][0]),
         width: xScale.invert(event.selection[0][0] - event.selection[1][0]),
         height: yScale.invert(event.selection[1][1] - event.selection[0][1]),
       },
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 76a7547e..10761047 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -117,11 +117,13 @@ const iconClass = computed((): string => {
 });
 
 function changeSource(data: Source): void {
+  const folder = store.getters.getSelectedFolder;
+  const release = folder.key === "cdm" ? data.releases[0].release_id : null;
   router.push({
     params: {
       ...route.params,
       cdm: data.cdm_source_key,
-      release: data.releases[0].release_id,
+      release,
     },
   });
 }
@@ -134,15 +136,26 @@ function changeRelease(data: SourceRelease): void {
   });
 }
 function changeFolder(data): void {
+  let cdm, release;
+  if (data.key === "datasource") {
+    cdm = store.getters.getSelectedSource
+      ? store.getters.getSelectedSource.cdm_source_key
+      : store.getters.getSources[0].cdm_source_key;
+  }
+  if (data.key === "cdm") {
+    cdm = store.getters.getSelectedSource
+      ? store.getters.getSelectedSource.cdm_source_key
+      : store.getters.getSources[0].cdm_source_key;
+    release = store.getters.getSelectedSource
+      ? store.getters.getSelectedRelease.release_id
+      : store.getters.getSources[0].releases[0].release_id;
+  }
+
   router.push({
     name: data.key,
     params: {
-      cdm: store.getters.getSelectedSource
-        ? store.getters.getSelectedSource.cdm_source_key
-        : store.getters.getSources[0].cdm_source_key,
-      release: store.getters.getSelectedSource
-        ? store.getters.getSelectedRelease.release_id
-        : store.getters.getSources[0].releases[0].release_id,
+      cdm,
+      release,
     },
   });
 }
diff --git a/src/widgets/notesPanel/model/lib/helpers.ts b/src/widgets/notesPanel/model/lib/helpers.ts
index 12a2c4ba..53561b5d 100644
--- a/src/widgets/notesPanel/model/lib/helpers.ts
+++ b/src/widgets/notesPanel/model/lib/helpers.ts
@@ -1,19 +1,104 @@
 export function mergeAndCompareByDate(obj1, obj2) {
-  const mergedObject = { ...obj1 };
+  const mergedObject = {};
+
+  // Merge obj1 into mergedObject
+  Object.keys(obj1).forEach((key) => {
+    if (obj2.hasOwnProperty(key)) {
+      const arr1 = obj1[key];
+      const arr2 = obj2[key];
+      mergedObject[key] = mergeArraysByDate(arr1, arr2);
+    } else {
+      mergedObject[key] = obj1[key];
+    }
+  });
 
+  // Merge obj2 into mergedObject
   Object.keys(obj2).forEach((key) => {
-    if (!(key in mergedObject)) {
+    if (!mergedObject.hasOwnProperty(key)) {
       mergedObject[key] = obj2[key];
+    }
+  });
+
+  return mergedObject;
+}
+
+function mergeArraysByDate(arr1, arr2) {
+  const mergedArray = [...arr1];
+
+  arr2.forEach((obj2) => {
+    const existingObjIndex = arr1.findIndex((obj1) => obj1.id === obj2.id);
+
+    if (existingObjIndex === -1) {
+      mergedArray.push(obj2);
     } else {
-      if (new Date(obj2[key].date) > new Date(mergedObject[key].date)) {
-        mergedObject[key] = obj2[key];
+      const date1 = new Date(mergedArray[existingObjIndex].metadata.updatedAt);
+      const date2 = new Date(obj2.metadata.updatedAt);
+
+      if (date2 > date1) {
+        mergedArray[existingObjIndex] = obj2;
       }
     }
   });
 
+  return mergedArray;
+}
+
+export function mergeObjects(obj1, obj2, identifier = "id") {
+  if (typeof obj1 !== "object" || typeof obj2 !== "object") {
+    throw new Error("Both arguments must be objects");
+  }
+
+  const mergedObject = { ...obj1 };
+
+  for (const key in obj2) {
+    if (obj2.hasOwnProperty(key)) {
+      if (!mergedObject.hasOwnProperty(key)) {
+        mergedObject[key] = obj2[key];
+      } else if (Array.isArray(obj1[key]) && Array.isArray(obj2[key])) {
+        const mergedArray = mergeArraysOfObjects(
+          obj1[key],
+          obj2[key],
+          identifier
+        );
+        mergedObject[key] = mergedArray;
+      }
+    }
+  }
+
   return mergedObject;
 }
 
+function mergeArraysOfObjects(arr1, arr2, identifier) {
+  const mergedArray = [];
+
+  const uniqueIds = new Set();
+
+  arr1.forEach((item1) => {
+    const matchingItem = arr2.find(
+      (item2) => item1[identifier] === item2[identifier]
+    );
+
+    if (matchingItem) {
+      const mergedItem = mergeObjects(item1, matchingItem, identifier);
+      mergedArray.push(mergedItem);
+      uniqueIds.add(item1[identifier]);
+      uniqueIds.add(matchingItem[identifier]);
+    } else if (!uniqueIds.has(item1[identifier])) {
+      mergedArray.push(item1);
+      uniqueIds.add(item1[identifier]);
+    }
+  });
+
+  arr2.forEach((item2) => {
+    if (!uniqueIds.has(item2[identifier])) {
+      mergedArray.push(item2);
+      uniqueIds.add(item2[identifier]);
+    }
+  });
+
+  return mergedArray;
+}
+
 export const createNestedProperty = (obj, path) => {
   const newObj = { ...obj };
   let currentObj = newObj;
diff --git a/src/widgets/notesPanel/model/store/actions.type.ts b/src/widgets/notesPanel/model/store/actions.type.ts
index 78b40ddc..3eb19c24 100755
--- a/src/widgets/notesPanel/model/store/actions.type.ts
+++ b/src/widgets/notesPanel/model/store/actions.type.ts
@@ -8,3 +8,5 @@ export const DELETE_SELECTION = "deleteSelection";
 export const EDIT_SELECTION = "editSelection";
 
 export const CREATE_SELECTION = "createSelection";
+
+export const EXPORT_NOTES = "exportNotes";
diff --git a/src/widgets/notesPanel/model/store/notes.module.ts b/src/widgets/notesPanel/model/store/notes.module.ts
index ce8efdbf..e29ce712 100755
--- a/src/widgets/notesPanel/model/store/notes.module.ts
+++ b/src/widgets/notesPanel/model/store/notes.module.ts
@@ -3,6 +3,7 @@ import {
   CREATE_SELECTION,
   DELETE_SELECTION,
   EDIT_SELECTION,
+  EXPORT_NOTES,
   LOAD_NOTES,
   SHOW_DATUM_NOTES,
   SHOW_DIALOG,
@@ -11,6 +12,7 @@ import _ from "lodash";
 import {
   createNestedProperty,
   mergeAndCompareByDate,
+  mergeObjects,
 } from "@/widgets/notesPanel/model/lib/helpers";
 
 import {
@@ -21,10 +23,12 @@ import {
 import apiService from "@/shared/api/axios/apiService";
 import getFilePath from "@/shared/api/axios/files";
 import { NOTES } from "@/shared/config/files";
+import JSZip from "jszip";
+import { saveAs } from "file-saver";
 
 const state = {
   notes: {},
-  dialog: { show: false, data: {}, action: null, position: null },
+  dialog: { show: false, data: {}, action: null, coordinates: null },
   selectedRectangle: null,
 };
 
@@ -42,8 +46,9 @@ const getters = {
 
 const actions = {
   async [LOAD_NOTES]({ commit, rootGetters }) {
+    const sources = [...rootGetters.getSources, { cdm_source_key: undefined }];
     await Promise.allSettled(
-      rootGetters.getSources.map((source) =>
+      sources.map((source) =>
         apiService(
           {
             url: getFilePath({
@@ -57,10 +62,7 @@ const actions = {
     ).then((responses) => {
       const loadedData = responses.reduce((object, response) => {
         if (response.status === "fulfilled") {
-          return {
-            ...object,
-            [response.value.payload.source.cdm_source_key]: response.value.data,
-          };
+          return mergeObjects(object, response.value.data, "id");
         }
         return object;
       }, {});
@@ -69,30 +71,80 @@ const actions = {
         : loadedData;
 
       commit(SET_NOTES, { data: notes });
+      localStorageService.set("notes", notes);
     });
   },
 
+  [EXPORT_NOTES]({ getters }) {
+    const allNotes = getters.getNotes;
+    const zip = new JSZip();
+    const sources = {};
+    const network = {};
+    for (const report in allNotes) {
+      allNotes[report].forEach((annotation) => {
+        const annotationSource = annotation.metadata.scope.value.source;
+        if (annotationSource) {
+          annotationSource.forEach((source) => {
+            sources[source] = sources[source]
+              ? {
+                  ...sources[source],
+                  [report]: sources[source][report]
+                    ? [...sources[source][report], annotation]
+                    : [annotation],
+                }
+              : { [report]: [annotation] };
+          });
+        } else {
+          network[report] = network[report]
+            ? [...network[report], annotation]
+            : [annotation];
+        }
+      });
+    }
+    for (const source in sources) {
+      const sourceContainer = new Blob([JSON.stringify(sources[source])], {
+        type: "application/json",
+      });
+      zip.folder(source).file("notes.json", sourceContainer);
+    }
+    const networkContainer = new Blob([JSON.stringify(network)], {
+      type: "application/json",
+    });
+    zip.folder("network").file("notes.json", networkContainer);
+
+    zip
+      .generateAsync({
+        type: "blob",
+        compression: "DEFLATE",
+        compressionOptions: {
+          level: 6,
+        },
+      })
+      .then(function (content) {
+        // see FileSaver.js
+        saveAs(content, "notes.zip");
+      });
+  },
+
   [CREATE_SELECTION]({ commit, getters, rootState }, params) {
-    const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = params.reportName;
 
     let data = { ...getters.getNotes };
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const path = [chartName].filter(Boolean);
     data = createNestedProperty(data, path);
     _.get(data, path.join(".")).push(params.selection);
-    commit(SET_NOTES, { data, cdm });
+    commit(SET_NOTES, { data });
     commit(SET_SELECTED_RECTANGLE, null);
     localStorageService.set("notes", getters.getNotes);
   },
 
   [EDIT_SELECTION]({ commit, state, getters, rootState }, params) {
-    const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle?.report || params.report;
     const selectionId =
       getters.getSelectedRectangle?.item?.id || params.data.id;
 
     const data = _.cloneDeep(state.notes);
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const path = [chartName].filter(Boolean);
     const selections = [..._.get(data, path.join("."))];
     let newSelections = [];
     const selectionIndex = selections.findIndex(
@@ -109,31 +161,30 @@ const actions = {
     }
     _.set(data, path.join("."), newSelections);
     commit(SET_SELECTED_RECTANGLE, null);
-    commit(SET_NOTES, { data, cdm });
+    commit(SET_NOTES, { data });
     localStorageService.set("notes", state.notes);
   },
 
   [DELETE_SELECTION]({ commit, getters, rootState }) {
-    const { cdm, release, domain, concept } = rootState.route.params;
     const chartName = getters.getSelectedRectangle.report;
     const selectionId = getters.getSelectedRectangle.item.id;
 
     const data = { ...getters.getNotes };
-    const path = [cdm, release, domain, concept, chartName].filter(Boolean);
+    const path = [chartName].filter(Boolean);
     const selections = _.get(data, path.join(".")).filter(
       (selection) => selection.id !== selectionId
     );
 
     _.set(data, path.join("."), selections);
     commit(SET_SELECTED_RECTANGLE, null);
-    commit(SET_NOTES, { data, cdm });
+    commit(SET_NOTES, { data });
     localStorageService.set("notes", getters.getNotes);
   },
   [SHOW_DIALOG]({ commit }, params) {
     commit(SET_DIALOG, {
       show: params.show,
       data: params.data,
-      position: params.position,
+      coordinates: params.coordinates,
       action: params.action,
     });
   },
@@ -144,14 +195,7 @@ const actions = {
 
 const mutations = {
   [SET_NOTES](state, payload) {
-    if (payload.cdm) {
-      state.notes = {
-        ...payload.data,
-        [payload.cdm]: { ...payload.data[payload.cdm], date: Date.now() },
-      };
-    } else {
-      state.notes = payload.data;
-    }
+    state.notes = payload.data;
   },
   [SET_DIALOG](state, payload) {
     state.dialog = payload;
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index c1eda92a..a22c4320 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -12,9 +12,10 @@ import { useStore } from "vuex";
 
 import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import Carousel from "primevue/carousel";
+import { Note } from "@/shared/interfaces/Annotations";
 
 interface Props {
-  notes: [];
+  notes: Note[];
 }
 
 const props = defineProps<Props>();
diff --git a/src/widgets/selectionEditDialog/lib/lib.ts b/src/widgets/selectionEditDialog/lib/lib.ts
index 8fd22826..3f98c70a 100644
--- a/src/widgets/selectionEditDialog/lib/lib.ts
+++ b/src/widgets/selectionEditDialog/lib/lib.ts
@@ -1,25 +1,29 @@
-export function createSelection(selection, params) {
-  const coordinates = selection;
-  return {
-    xAxis: coordinates?.xAxis,
-    x1Axis: coordinates?.x1Axis,
-    yAxis: coordinates?.yAxis,
-    width: coordinates?.width,
-    height: coordinates?.height,
-    title: params.title,
-    description: params.description,
-    createdBy: params.createdBy,
-    notes: params.notes,
-    id: Date.now(),
-    updatedAt: Date.now(),
-  };
-}
+import { v4 as uuid } from "uuid";
 
-export const createNewNote = function (title, description, createdBy) {
+export function createSelection(coordinates, params) {
   return {
-    title,
-    description,
-    createdBy,
-    id: Date.now(),
+    coordinates: {
+      x1Axis: coordinates?.x1Axis,
+      x2Axis: coordinates?.x2Axis,
+      y1Axis: coordinates?.y1Axis,
+      y2Axis: coordinates?.y2Axis,
+      width: coordinates?.width,
+      height: coordinates?.height,
+    },
+    metadata: {
+      createdBy: params.metadata.createdBy,
+      createdAt: params.metadata.createdAt || Date.now(),
+      updatedAt: Date.now(),
+      scope: {
+        type: params.metadata.scope.type,
+        value: params.metadata.scope.value,
+      },
+    },
+    body: {
+      title: params.body.title,
+      description: params.body.description,
+      notes: params.body.notes,
+    },
+    id: params.id || uuid(),
   };
-};
+}
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index c5d2ab24..1a016b89 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -1,29 +1,55 @@
 <template>
   <Dialog
     :pt="{
-      root: { class: 'h-[520px] w-[850px]' },
+      root: { class: 'h-[630px] w-[850px]' },
     }"
     :header="formTitle"
     unstyled
     modal
-    v-model:visible="sh"
+    v-model:visible="renderDialog"
   >
     <div class="h-full relative">
       <div class="p-6">
         <div class="flex flex-row h-full gap-20 p-3">
           <div class="flex flex-col gap-3" style="flex: 1">
             <h3 class="text-center font-bold text-xl">Selection</h3>
-            <div class="flex flex-col gap-7">
+            <div class="flex flex-col gap-3">
               <InputText
                 placeholder="Title"
                 size="small"
-                v-model="currentSelection.title"
+                v-model="openedSelection.body.title"
               />
               <Textarea
                 placeholder="Description"
                 auto-resize
                 rows="9"
-                v-model="currentSelection.description"
+                v-model="openedSelection.body.description"
+              />
+            </div>
+            <h3 class="text-center font-bold text-xl">Scope</h3>
+            <div class="flex flex-col gap-3 max-w-[355px]">
+              <Dropdown
+                v-model="openedSelection.metadata.scope.type"
+                :options="scopes"
+                option-label="title"
+                option-value="value"
+                @update:modelValue="switchScope"
+              />
+              <MultiSelect
+                class="max-w-[100%]"
+                v-model="openedSelection.metadata.scope.value.release"
+                :options="getReleases"
+                option-label="release_name"
+                option-value="release_id"
+                v-if="openedSelection.metadata.scope.type === 'releaseList'"
+              />
+              <MultiSelect
+                class="max-w-[100%]"
+                v-model="openedSelection.metadata.scope.value.source"
+                :options="getSources"
+                option-label="cdm_source_name"
+                option-value="cdm_source_key"
+                v-if="openedSelection.metadata.scope.type === 'sourceList'"
               />
             </div>
           </div>
@@ -36,12 +62,12 @@
                   <span>Add new note</span>
                 </div>
               </Button>
-              <div class="flex flex-col gap-3 overflow-auto mt-1 p-2 h-[280px]">
+              <div class="flex flex-col gap-3 overflow-auto mt-1 p-2 h-[385px]">
                 <metadata-card
                   @delete-card="removeNote"
                   @edit-card="editNote"
                   edit
-                  v-for="note in currentSelection.notes"
+                  v-for="note in openedSelection.body.notes"
                   :note="note"
                   :key="note.id"
                 ></metadata-card>
@@ -70,8 +96,12 @@ import Dialog from "primevue/dialog";
 import Textarea from "primevue/textarea";
 import InputText from "primevue/inputtext";
 import Button from "primevue/button";
+import Dropdown from "primevue/dropdown";
+import MultiSelect from "primevue/multiselect";
 import { mdiPlusThick } from "@mdi/js";
 import SvgIcon from "@jamescoyle/vue-icon";
+import { useRoute } from "vue-router";
+import { v4 as uuid } from "uuid";
 
 interface Props {
   action: (a) => void;
@@ -86,10 +116,11 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+const route = useRoute();
 
 const store = useStore();
 
-const sh = computed({
+const renderDialog = computed({
   get: function () {
     return props.show;
   },
@@ -98,67 +129,162 @@ const sh = computed({
   },
 });
 
-const currentSelection = ref({
-  title: "",
-  description: "",
-  notes: [],
+const scopes = computed(() =>
+  [
+    {
+      title: "Selected Releases",
+      value: "releaseList",
+      show: route.params.release,
+    },
+    { title: "Selected Sources", value: "sourceList", show: route.params.cdm },
+    { title: "Concept-wide", value: "conceptID", show: route.params.concept },
+  ].filter((val) => val.show)
+);
+const currentSource = computed(() => {
+  return store.getters.getSelectedSource;
+});
+
+const getReleases = computed(() => {
+  return currentSource.value.releases;
 });
 
+const getSources = computed(() => {
+  return store.getters.getSources;
+});
+
+const currentRelease = computed(() => {
+  return store.getters.getSelectedRelease;
+});
+
+const openedSelection = ref({
+  body: {
+    title: "",
+    description: "",
+    notes: [],
+  },
+  metadata: {
+    scope: { type: null, value: null },
+  },
+});
+
+function switchScope(val) {
+  switch (val) {
+    case "releaseList":
+      openedSelection.value.metadata.scope.type = "releaseList";
+      openedSelection.value.metadata.scope.value = {
+        source: [currentSource.value.cdm_source_key],
+        release: [currentRelease.value.release_id],
+        concept: route.params.concept ? [route.params.concept] : undefined,
+      };
+      break;
+    case "sourceList":
+      openedSelection.value.metadata.scope.type = "sourceList";
+      openedSelection.value.metadata.scope.value = {
+        source: [currentSource.value.cdm_source_key],
+        concept: route.params.concept ? [route.params.concept] : undefined,
+      };
+      break;
+    case "conceptID":
+      openedSelection.value.metadata.scope.type = "conceptID";
+      openedSelection.value.metadata.scope.value = {
+        concept: [route.params.concept],
+      };
+  }
+}
+
 const storeSelection = computed(() => {
   return store.getters.getSelectedRectangle?.item || {};
 });
 
 const removeNote = function (id) {
-  currentSelection.value = {
-    ...currentSelection.value,
-    notes: currentSelection.value.notes.filter((note) => note.id !== id),
+  openedSelection.value = {
+    ...openedSelection.value,
+    body: {
+      ...openedSelection.value.body,
+      notes: openedSelection.value.body.notes.filter((note) => note.id !== id),
+    },
   };
 };
 
 const addNote = function () {
-  currentSelection.value.notes = [
-    {
-      title: "",
-      description: "",
-      id: Date.now(),
-      createdBy:
-        store.getters.getWebApiUser?.name ||
-        store.getters.getSettings.user?.name ||
-        "unknown",
-    },
-    ...currentSelection.value.notes,
+  const newNote = {
+    title: "",
+    description: "",
+    id: uuid(),
+    createdAt: Date.now(),
+    updatedAt: Date.now(),
+    createdBy:
+      store.getters.getWebApiUser?.name ||
+      store.getters.getSettings.user?.name ||
+      "unknown",
+  };
+
+  openedSelection.value.body.notes = [
+    newNote,
+    ...openedSelection.value.body.notes,
   ];
 };
 
 const editNote = function (event) {
-  const selectionIndex = currentSelection.value.notes.findIndex(
+  const selectionIndex = openedSelection.value.body.notes.findIndex(
     (selection) => selection.id === event.id
   );
   if (selectionIndex !== -1) {
-    const updatedNotes = [...currentSelection.value.notes];
+    const updatedNotes = [...openedSelection.value.body.notes];
     updatedNotes[selectionIndex] = event;
-    currentSelection.value.notes = updatedNotes;
+    openedSelection.value.body.notes = updatedNotes;
   }
 };
 
 onBeforeMount(() => {
-  currentSelection.value = Object.keys(storeSelection.value).length
-    ? { ...storeSelection.value, updatedAt: Date.now() }
-    : createSelection(store.getters.getDialogData.position, {
+  const isExistingSelection = Object.keys(storeSelection.value).length;
+
+  if (isExistingSelection) {
+    openedSelection.value = storeSelection.value;
+  } else {
+    const coordinates = store.getters.getDialogData.coordinates;
+    const createdBy =
+      store.getters.getWebApiUser?.name ||
+      store.getters.getSettings.user?.name ||
+      "unknown";
+
+    const selectionData = {
+      body: {
         title: "",
         description: "",
         notes: [],
-        createdBy:
-          store.getters.getWebApiUser?.name ||
-          store.getters.getSettings.user?.name ||
-          "unknown",
-      });
+      },
+      metadata: {
+        createdBy,
+
+        scope: {
+          type: scopes.value[0],
+          value: currentRelease.value.release_id,
+        },
+      },
+    };
+
+    openedSelection.value = createSelection(coordinates, selectionData);
+    let initialScope = "";
+    if (route.params.cdm) {
+      initialScope = "sourceList";
+    }
+    if (route.params.release) {
+      initialScope = "releaseList";
+    }
+    switchScope(initialScope);
+  }
 });
 
 const emit = defineEmits(["close"]);
 
 function submit() {
-  props.action(currentSelection.value);
+  const updatedSelection = {
+    ...openedSelection.value,
+    metadata: { ...openedSelection.value.metadata, updatedAt: Date.now() },
+  };
+
+  props.action(updatedSelection);
   emit("close");
 }
 
@@ -166,10 +292,6 @@ function cancel() {
   store.commit(SET_SELECTED_RECTANGLE, null);
   emit("close");
 }
-
-const rules = {
-  required: (value) => !!value || "Required field",
-};
 </script>
 
 <style scoped>
diff --git a/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue b/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
index e881f581..bf8e089e 100755
--- a/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
+++ b/src/widgets/settings/ui/components/exportNotes/ExportNotes.vue
@@ -6,35 +6,13 @@
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import JSZip from "jszip";
-import { saveAs } from "file-saver";
 import Button from "primevue/button";
+import { EXPORT_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 
 const store = useStore();
 
 function exportFiles() {
-  const zip = new JSZip();
-  for (const source in store.getters.getNotes) {
-    const sourceContainer = new Blob(
-      [JSON.stringify(store.getters.getNotes[source])],
-      {
-        type: "application/json",
-      }
-    );
-    zip.folder(source).file("notes.json", sourceContainer);
-  }
-  zip
-    .generateAsync({
-      type: "blob",
-      compression: "DEFLATE",
-      compressionOptions: {
-        level: 6,
-      },
-    })
-    .then(function (content) {
-      // see FileSaver.js
-      saveAs(content, "notes.zip");
-    });
+  store.dispatch(EXPORT_NOTES);
 }
 </script>
 

From 0daaa2650ac0e4b0ab1146228215cc2c59461866 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 6 Feb 2024 07:13:21 +0500
Subject: [PATCH 089/202] feat: added diversity report

---
 .../NetworkDiversityReport.vue                | 17 +++++
 .../charts/ethnicityChart/EthnicityChart.vue  | 21 ++++++
 .../charts/ethnicityChart/specEthnicity.ts    | 60 +++++++++++++++++
 .../charts/raceChart/RaceChart.vue            | 21 ++++++
 .../charts/raceChart/specRace.ts              | 66 +++++++++++++++++++
 .../exploreReports/config/dataLoadConfig.ts   |  6 ++
 src/processes/exploreReports/config/routes.ts |  9 ++-
 .../model/store/postprocessing/index.ts       |  2 +
 .../postprocessing/networkDiversityReport.ts  | 37 +++++++++++
 src/widgets/explorer/config/reports.ts        |  8 +++
 10 files changed, 246 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue
 create mode 100644 src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
 create mode 100644 src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
 create mode 100644 src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
 create mode 100644 src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/networkDiversityReport.ts

diff --git a/src/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue b/src/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue
new file mode 100644
index 00000000..d2abd9fc
--- /dev/null
+++ b/src/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="flex flex-col gap-10">
+    <PageHeader title="Diversity Report" />
+    <div class="flex flex-col gap-5">
+      <EthnicityChart />
+      <RaceChart />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import EthnicityChart from "@/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue";
+import RaceChart from "@/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
new file mode 100644
index 00000000..458e6521
--- /dev/null
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
@@ -0,0 +1,21 @@
+<template>
+  <Panel header="Ethnicity">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-network-ethnicity"
+      :chartSpec="specEthnicity"
+      :data="store.getters.getData.ethnicityData"
+    />
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import { specEthnicity } from "@/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity";
+import { Chart } from "@/widgets/chart";
+import { useStore } from "vuex";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
new file mode 100644
index 00000000..504aadbf
--- /dev/null
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
@@ -0,0 +1,60 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specEthnicity(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 100,
+    mark: "bar",
+    data: { name: "conceptData" },
+    transform: [
+      {
+        joinaggregate: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_RECORDS",
+          },
+        ],
+        groupby: ["CHECK_NAME", "DATA_SOURCE_KEY"],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_RECORDS",
+        as: "PERCENT",
+      },
+    ],
+    encoding: {
+      tooltip: [
+        { field: "CONCEPT_NAME", title: "Ethnicity" },
+        { field: "COUNT_VALUE", title: "Count" },
+        { field: "PERCENT", title: "Percent", format: ",.2%" },
+      ],
+      x: {
+        field: "PERCENT",
+        type: "quantitative",
+        aggregate: "sum",
+        title: "% of People",
+        axis: {
+          format: "0%",
+        },
+      },
+      y: {
+        field: "DATA_SOURCE_KEY",
+        type: "ordinal",
+        title: null,
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+      color: {
+        field: "CONCEPT_NAME",
+        legend: {
+          orient: "right",
+          columns: 2,
+          title: "Ethnicity",
+        },
+      },
+    },
+  };
+}
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
new file mode 100644
index 00000000..e20a9a71
--- /dev/null
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
@@ -0,0 +1,21 @@
+<template>
+  <Panel header="Race">
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-race"
+      :chartSpec="specRace"
+      :data="store.getters.getData.raceData"
+    />
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import { useStore } from "vuex";
+import { specRace } from "@/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace";
+import { Chart } from "@/widgets/chart";
+
+const store = useStore();
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
new file mode 100644
index 00000000..4c9573af
--- /dev/null
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
@@ -0,0 +1,66 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specRace(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 75,
+    mark: "bar",
+    data: { name: "conceptData" },
+    transform: [
+      {
+        window: [
+          {
+            op: "sum",
+            field: "COUNT_VALUE",
+            as: "TOTAL_VALUE",
+          },
+        ],
+        frame: [null, null],
+        groupby: ["DATA_SOURCE_KEY"],
+      },
+      {
+        calculate: "datum.COUNT_VALUE/datum.TOTAL_VALUE",
+        as: "PERCENT",
+      },
+    ],
+    encoding: {
+      tooltip: [
+        { field: "CONCEPT_NAME", title: "Race" },
+        { field: "PERCENT", title: "Percent", format: "0.2%" },
+        { field: "COUNT_VALUE", title: "Number of People", format: ",d" },
+      ],
+      x: {
+        field: "PERCENT",
+        type: "quantitative",
+        aggregate: "sum",
+        title: "% of People",
+        axis: {
+          format: "0%",
+        },
+      },
+      y: {
+        field: "DATA_SOURCE_KEY",
+        type: "ordinal",
+        title: null,
+        scale: {
+          zero: zeroBaseline,
+        },
+      },
+      color: {
+        field: "CONCEPT_NAME",
+        type: "nominal",
+        legend: {
+          orient: "right",
+          title: "Race",
+        },
+      },
+      order: {
+        aggregate: "sum",
+        field: "COUNT_VALUE",
+        sort: "descending",
+      },
+    },
+  };
+}
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 6c57ad3a..ca73236b 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -66,6 +66,12 @@ export default function getFilesByView(params = null) {
       loadMethod: FETCH_FILES,
       payload: { files: [{ name: NETWORK_PERFORMANCE, required: true }] },
     },
+    networkDiversityReport: {
+      loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
+      payload: {
+        files: [{ name: PERSON, instanceParams: [{}] }],
+      },
+    },
     networkUnmappedSourceCodes: {
       loadMethod: FETCH_FILES,
       payload: {
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index 9cdc44f2..86ec7938 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -25,8 +25,10 @@ import DataQualityHistory from "@/pages/reports/source/DataQualityHistory/DataQu
 import SourceOverview from "@/pages/reports/source/SourceOverview/SourceOverview.vue";
 import DomainContinuity from "@/pages/reports/source/DomainContinuity/DomainContinuity.vue";
 import SourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
-import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 import NetworkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
+import NetworkDiversityReport from "@/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue";
+
+import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 
 import { RouteRecordRaw } from "vue-router";
 
@@ -79,6 +81,11 @@ export const routes: RouteRecordRaw[] = [
         name: "networkPerformance",
         components: { reportsView: NetworkPerformance },
       },
+      {
+        path: "network_diversity",
+        name: "networkDiversityReport",
+        components: { reportsView: NetworkDiversityReport },
+      },
       {
         path: "network_unmapped_source_codes",
         name: "networkUnmappedSourceCodes",
diff --git a/src/processes/exploreReports/model/store/postprocessing/index.ts b/src/processes/exploreReports/model/store/postprocessing/index.ts
index ba1aa638..7e8903b9 100644
--- a/src/processes/exploreReports/model/store/postprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/index.ts
@@ -15,6 +15,7 @@ import concept from "@/processes/exploreReports/model/store/postprocessing/conce
 import domainTable from "@/processes/exploreReports/model/store/postprocessing/domainTable";
 import feasibility from "@/processes/exploreReports/model/store/postprocessing/feasibility";
 import networkUnmappedSourceCodes from "@/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes";
+import networkDiversityReport from "@/processes/exploreReports/model/store/postprocessing/networkDiversityReport";
 
 export default {
   dataStrandReport,
@@ -30,6 +31,7 @@ export default {
   observationPeriod,
   performance,
   domainContinuity,
+  networkDiversityReport,
   concept,
   domainTable,
   feasibility,
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkDiversityReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkDiversityReport.ts
new file mode 100644
index 00000000..bb92aa1b
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/networkDiversityReport.ts
@@ -0,0 +1,37 @@
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import { PERSON } from "@/shared/config/files";
+import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
+
+export default function networkDiversityReport(data) {
+  const personData: MultipleFilesRawInterface<PersonData>[] = data[PERSON];
+  let raceData;
+  let ethnicityData;
+
+  if (personData && personData.length) {
+    raceData = personData.reduce(
+      (prevValue, current) => [
+        ...prevValue,
+        ...current.data.RACE_DATA.map((value) => ({
+          ...value,
+          DATA_SOURCE_KEY: current.source.cdm_source_key,
+        })),
+      ],
+      []
+    );
+    ethnicityData = personData.reduce(
+      (prevValue, current) => [
+        ...prevValue,
+        ...current.data.ETHNICITY_DATA.map((value) => ({
+          ...value,
+          DATA_SOURCE_KEY: current.source.cdm_source_key,
+        })),
+      ],
+      []
+    );
+  }
+
+  return {
+    raceData,
+    ethnicityData,
+  };
+}
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index d26f4fb0..a5483821 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -3,7 +3,9 @@ import {
   mdiChartLine,
   mdiCheckNetwork,
   mdiDatabaseSearch,
+  mdiDiversify,
   mdiDna,
+  mdiShape,
   mdiSigmaLower,
   mdiSpeedometer,
   mdiTable,
@@ -197,6 +199,12 @@ export const reports = [
     name: "Population Overview",
     routeName: "population",
   },
+  {
+    folder: "Data Network",
+    icon: mdiShape,
+    name: "Network Diversity Report",
+    routeName: "networkDiversityReport",
+  },
   {
     folder: "Data Network",
     icon: mdiDna,

From aa5678a40e032bfbf072324c396b5a6b367d9f5f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 7 Feb 2024 11:52:18 +0500
Subject: [PATCH 090/202] fix: added missing icons to explorer

---
 src/widgets/explorer/config/reports.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index d26f4fb0..e1fcdaae 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -1,9 +1,11 @@
 import {
   mdiAlphaMCircleOutline,
   mdiChartLine,
+  mdiChartTimeline,
   mdiCheckNetwork,
   mdiDatabaseSearch,
   mdiDna,
+  mdiHistory,
   mdiSigmaLower,
   mdiSpeedometer,
   mdiTable,
@@ -66,16 +68,19 @@ export const reports = [
   },
   {
     folder: "Data Source",
+    icon: mdiHistory,
     name: "Data Quality History",
     routeName: "dataQualityHistory",
   },
   {
     folder: "Data Source",
+    icon: mdiTable,
     name: "Data Source Overview",
     routeName: "dataSourceOverview",
   },
   {
     folder: "Data Source",
+    icon: mdiChartTimeline,
     name: "Domain Continuity",
     routeName: "domainContinuity",
   },

From 8497d6dc31828e0024b55d1d5c6da2679ce83661 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 8 Feb 2024 14:23:52 -0500
Subject: [PATCH 091/202] updated default fonts, changed build target to fix
 build issue

---
 tailwind.config.js | 3 +++
 vite.config.js     | 1 +
 2 files changed, 4 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 44fc6f8d..9fb43484 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,9 @@ module.exports = {
     "./node_modules/primevue/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
+    fontFamily: {
+      'sans':['Roboto','Arial']
+    },
     extend: {
       colors: {
         "primary-50": "rgb(var(--primary-50))",
diff --git a/vite.config.js b/vite.config.js
index 400fddf1..d7e29e40 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -24,5 +24,6 @@ export default defineConfig({
   build: {
     chunkSizeWarningLimit: 600,
     cssCodeSplit: false,
+    target: "esnext",
   },
 });

From e3322ea4595647036dbc33f947342d842a4ae39f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 01:28:52 +0500
Subject: [PATCH 092/202] fix: removed fixed height from reports

---
 .../charts/ethnicityChart/specEthnicity.ts                       | 1 -
 .../network/NetworkDiversityReport/charts/raceChart/specRace.ts  | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
index 504aadbf..f59bd472 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity.ts
@@ -5,7 +5,6 @@ export function specEthnicity(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     width: "container",
-    height: 100,
     mark: "bar",
     data: { name: "conceptData" },
     transform: [
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
index 4c9573af..76c39e60 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace.ts
@@ -5,7 +5,6 @@ export function specRace(zeroBaseline = false) {
   return {
     $schema: VEGA_SCHEMA,
     width: "container",
-    height: 75,
     mark: "bar",
     data: { name: "conceptData" },
     transform: [

From 521e07b50daf6bc5abab30300ab303c2b54ee47c Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 01:57:52 +0500
Subject: [PATCH 093/202] fix: justified # tables to the right

---
 .../NetworkUnmappedSourceCodes.vue            | 12 +++-
 .../HistoricalDataQuality.vue                 | 61 +++++++++++++------
 tailwind.config.js                            |  2 +-
 3 files changed, 55 insertions(+), 20 deletions(-)

diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index ee7ec5f9..9efe733a 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -33,12 +33,20 @@
         <Column sortable header="CDM Table" field="CDM_TABLE_NAME"> </Column>
         <Column sortable header="CDM Field" field="CDM_FIELD_NAME"> </Column>
         <Column sortable header="Source Value" field="SOURCE_VALUE"> </Column>
+
+        <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
         <Column
+          :pt="{ headerContent: 'justify-end' }"
           sortable
           header="# Data Sources"
           field="DATA_SOURCE_COUNT"
-        ></Column>
-        <Column sortable header="Data Sources" field="DATA_SOURCES"></Column>
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              <span> {{ slotProps.data.DATA_SOURCE_COUNT }}</span>
+            </div>
+          </template>
+        </Column>
         <Column
           :pt="{ headerContent: 'justify-end' }"
           sortable
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 26648252..7356ee14 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -54,27 +54,54 @@
         </template>
       </Column>
       <Column field="end_timestamp" header="DQ Execution Date"> </Column>
-      <Column field="count_passed" header="# Passed"> </Column>
+      <Column field="vocabulary_version" header="Vocabulary"> </Column>
 
-      <Column field="count_failed" header="# Failed">
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        field="count_passed"
+        header="# Passed"
+      >
         <template #body="slotProps">
-          <router-link
-            class="text-blue-400 hover:underline"
-            :to="{
-              name: 'dataQuality',
-              query: { tab: 'results', FAILED: 'FAIL' },
-              params: {
-                cdm: route.params.cdm,
-                release: slotProps.data.cdm_release_date.replaceAll('-', ''),
-              },
-            }"
-            :title="slotProps.data.count_failed"
-            >{{ slotProps.data.count_failed }}
-          </router-link>
+          <div class="flex justify-end">
+            <span> {{ slotProps.data.count_passed }}</span>
+          </div>
+        </template>
+      </Column>
+
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        field="count_failed"
+        header="# Failed"
+      >
+        <template #body="slotProps">
+          <div class="flex justify-end">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="{
+                name: 'dataQuality',
+                query: { tab: 'results', FAILED: 'FAIL' },
+                params: {
+                  cdm: route.params.cdm,
+                  release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+                },
+              }"
+              :title="slotProps.data.count_failed"
+              >{{ slotProps.data.count_failed }}
+            </router-link>
+          </div>
+        </template>
+      </Column>
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        field="count_total"
+        header="# Total"
+      >
+        <template #body="slotProps">
+          <div class="flex justify-end">
+            <span> {{ slotProps.data.count_total }}</span>
+          </div>
         </template>
       </Column>
-      <Column field="count_total" header="# Total"> </Column>
-      <Column field="vocabulary_version" header="Vocabulary"> </Column>
     </DataTable>
   </Panel>
 </template>
diff --git a/tailwind.config.js b/tailwind.config.js
index 9fb43484..859a6afa 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
   ],
   theme: {
     fontFamily: {
-      'sans':['Roboto','Arial']
+      sans: ["Roboto", "Arial"],
     },
     extend: {
       colors: {

From 50f6b78c1e7c16183e2bb18813c519307bc97a44 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 02:09:10 +0500
Subject: [PATCH 094/202] fix: network population charts' legends not filtering
 data

---
 .../specAgeAtFirstObservation.ts                    | 13 ++++++++++++-
 .../specCumulativeObservation.ts                    | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
index 83534ecd..ad639695 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/specAgeAtFirstObservation.ts
@@ -47,13 +47,23 @@ export function specAgeAtFirstObservation(zeroBaseline = false) {
       },
       {
         selection: {
+          dataSource: {
+            type: "multi",
+            fields: ["DATA_SOURCE_KEY"],
+            bind: "legend",
+          },
           x: {
             type: "single",
             on: "mousemove",
-            encodings: ["x"],
+            fields: ["INTERVAL_INDEX"],
             nearest: true,
           },
         },
+        transform: [
+          {
+            filter: { selection: "dataSource" },
+          },
+        ],
         mark: { type: "point", tooltip: true },
       },
       {
@@ -63,6 +73,7 @@ export function specAgeAtFirstObservation(zeroBaseline = false) {
               and: ["x.INTERVAL_INDEX", { selection: "x" }],
             },
           },
+          { filter: { selection: "dataSource" } },
         ],
         layer: [
           {
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
index 2f852aae..c8f1ac96 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/specCumulativeObservation.ts
@@ -47,13 +47,23 @@ export function specCumulativeObservation(zeroBaseline = false) {
       },
       {
         selection: {
+          dataSource: {
+            type: "multi",
+            fields: ["DATA_SOURCE_KEY"],
+            bind: "legend",
+          },
           x: {
             type: "single",
             on: "mousemove",
-            encodings: ["x"],
+            fields: ["YEARS"],
             nearest: true,
           },
         },
+        transform: [
+          {
+            filter: { selection: "dataSource" },
+          },
+        ],
         mark: { type: "point", tooltip: true },
       },
       {
@@ -63,6 +73,7 @@ export function specCumulativeObservation(zeroBaseline = false) {
               and: ["x.YEARS", { selection: "x" }],
             },
           },
+          { filter: { selection: "dataSource" } },
         ],
         layer: [
           {

From a4c5d8c4dfb44fa2f16c5bd4389f1c332a190e4b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 02:41:10 +0500
Subject: [PATCH 095/202] fix: ares logo not redirecting to "/"

---
 src/widgets/explorer/ui/Explorer.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index 10761047..d26c247d 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -2,9 +2,11 @@
   <div
     v-if="store.getters.explorerLoaded"
     id="explorer"
-    class="container flex flex-row gap-16 my-10 justify-items-center"
+    class="container flex flex-row gap-16 my-10 items-center"
   >
-    <img :class="iconClass" :src="icon" width="45" />
+    <Button class="logo-button" text @click="router.push('/')">
+      <img :class="iconClass" :src="icon" alt="Ares logo" width="45" />
+    </Button>
     <div class="flex flex-row gap-5">
       <div class="p-float-label">
         <dropdown
@@ -100,13 +102,13 @@ import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
 import Dropdown from "primevue/dropdown";
 import SvgIcon from "@jamescoyle/vue-icon";
+import Button from "primevue/button";
 
 import config from "@/widgets/explorer/config";
 import {
   Source,
   SourceRelease,
 } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
-import { mdiCog } from "@mdi/js";
 
 const route = useRoute();
 const store = useStore();
@@ -197,4 +199,13 @@ tr:hover {
 .v-list-item {
   min-height: 30px !important;
 }
+.logo-button {
+  opacity: 0.5;
+  transition: 0.3s;
+}
+
+.logo-button:hover {
+  opacity: 1;
+  transition: 0.3s;
+}
 </style>

From c632bfbe5b4aa57fd644e31aa07d34ba088ecfd5 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 02:50:51 +0500
Subject: [PATCH 096/202] fix: network overview table showing wrong columns

---
 .../components/DataSourcesList.vue            | 21 +------------------
 1 file changed, 1 insertion(+), 20 deletions(-)

diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 12dfa30a..abe1cd0e 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -26,7 +26,7 @@
           />
         </InputGroup>
       </template>
-      <Column field="cdm_source_name" header="Data quality issues">
+      <Column field="cdm_source_name" header="Data Source">
         <template #body="slotProps">
           <router-link
             class="text-blue-400 hover:underline"
@@ -63,14 +63,6 @@
           {{ slotProps.data.releases[0].count_data_quality_issues }}
         </template>
       </Column>
-      <Column
-        field="releases[0].count_data_quality_issues"
-        header="Person Count"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.releases[0].count_data_quality_issues }}
-        </template>
-      </Column>
       <Column field="count_releases" header="Data Source Releases"></Column>
 
       <Column
@@ -89,29 +81,18 @@
           {{ slotProps.data.average_update_interval_days }}
         </template>
       </Column>
-      <Column
-        field="releases[0].count_data_quality_issues"
-        header="Person Count"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.releases[0].count_data_quality_issues }}
-        </template>
-      </Column>
     </DataTable>
   </Panel>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { useStore } from "vuex";
 import { debounce } from "lodash";
-import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import InputText from "primevue/inputtext";
-import MultiSelect from "primevue/multiselect";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import InputGroup from "primevue/inputgroup";
 import { useRoute, useRouter } from "vue-router";

From e9e1d5098dc47f87ad019777f41554f7a12cab3a Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 02:59:40 +0500
Subject: [PATCH 097/202] fix: blank screen if index file not found

---
 src/widgets/explorer/model/store/explorer.module.ts | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index a4fa1ac0..fc59d4b1 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -82,8 +82,8 @@ const actions = {
       })
       .catch((error) => {
         dispatch(errorActions.NEW_ERROR, {
-          message: error.error.message,
-          details: error.error.response.request.responseURL,
+          message: "Unable to load data source index file",
+          details: error.message,
         });
       });
   },
@@ -93,12 +93,6 @@ const actions = {
     }).then((response) => {
       commit(LOAD_QUERY_INDEX, response.data);
     });
-    /* .catch((error) => {
-        dispatch(errorActions.NEW_ERROR, {
-          message: error.error.message,
-          details: error.error.response.request.responseURL,
-        });
-      });*/
   },
 };
 

From ca8e98c938e9e3c23e98ddf45ba30de6c7de1d9f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 08:05:25 +0300
Subject: [PATCH 098/202] fix: selection edit dialog font size inconsistency

---
 src/app/plugins/tailwind/components/button.ts      | 2 +-
 src/app/plugins/tailwind/components/inputText.ts   | 3 +--
 src/app/plugins/tailwind/components/multiSelect.ts | 2 +-
 src/app/plugins/tailwind/components/textArea.ts    | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/plugins/tailwind/components/button.ts b/src/app/plugins/tailwind/components/button.ts
index 50531232..b94ac602 100644
--- a/src/app/plugins/tailwind/components/button.ts
+++ b/src/app/plugins/tailwind/components/button.ts
@@ -263,7 +263,7 @@ export default {
 
       // Plain
       {
-        "hover:bg-gray-600 hover:border-gray-600":
+        "hover:bg-primary-500 hover:text-white hover:border-gray-600":
           props.plain && !props.outlined && !props.text,
       },
       // Text & Outlined Button
diff --git a/src/app/plugins/tailwind/components/inputText.ts b/src/app/plugins/tailwind/components/inputText.ts
index 7a74574f..c458107e 100644
--- a/src/app/plugins/tailwind/components/inputText.ts
+++ b/src/app/plugins/tailwind/components/inputText.ts
@@ -6,6 +6,7 @@ export default {
 
       // Spacing
       "m-0",
+      "px-4",
       {
         "px-4 py-4": props.size == "large",
         "px-2 py-2": props.size == "small",
@@ -13,8 +14,6 @@ export default {
       },
 
       // Colors
-      "text-surface-600 dark:text-surface-200",
-      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
       "bg-surface-0 dark:bg-surface-800",
       "border border-surface-300 dark:border-surface-600",
 
diff --git a/src/app/plugins/tailwind/components/multiSelect.ts b/src/app/plugins/tailwind/components/multiSelect.ts
index 09d46ac2..72e6f769 100644
--- a/src/app/plugins/tailwind/components/multiSelect.ts
+++ b/src/app/plugins/tailwind/components/multiSelect.ts
@@ -54,7 +54,7 @@ export default {
 
       // Color
       {
-        "text-white dark:text-white/80": props.modelValue,
+        "text-black dark:text-white/80": props.modelValue,
         "text-surface-400 dark:text-surface-500": !props.modelValue,
       },
       "placeholder:text-surface-400 dark:placeholder:text-surface-500",
diff --git a/src/app/plugins/tailwind/components/textArea.ts b/src/app/plugins/tailwind/components/textArea.ts
index 79d3b0c1..646ce196 100644
--- a/src/app/plugins/tailwind/components/textArea.ts
+++ b/src/app/plugins/tailwind/components/textArea.ts
@@ -1,8 +1,8 @@
 export default {
   root: ({ context }) => ({
     class: [
-      "text-xl",
-      "p-5",
+      "text-normal",
+      "p-4",
       "border border-surface-300 dark:border-surface-600",
       "bg-surface-0 dark:bg-surface-800",
       "rounded-md",

From c6420cddb93afdb464c857a32cfa062db9d6bf0b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 01:15:58 +0500
Subject: [PATCH 099/202] feat: added table views to all charts along with
 table switch icons

---
 .../toggleIcon/ToggleIcon.vue}                |   0
 .../RecordCountProportionByMonth.vue          |   2 +-
 .../AgeAtFirstDiagnosis.vue                   |   2 +-
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |   2 +-
 .../AgeAtFirstOccurrence.vue                  |   2 +-
 .../conditionsByType/ConditionsByType.vue     |   2 +-
 .../charts/daysSupply/DaysSupply.vue          |   2 +-
 .../charts/drugsByType/DrugsByType.vue        |   2 +-
 .../charts/lengthOfEra/LengthOfEra.vue        |   2 +-
 .../MeasurementValueDistributionChart.vue     |   2 +-
 .../measurementsByType/MeasurementsByType.vue |   2 +-
 .../QuantityDistribution.vue                  |   2 +-
 .../charts/recordsByUnit/RecordsByUnit.vue    |   2 +-
 .../VisitDurationByType.vue                   |   2 +-
 .../NetworkDatastrandReport.vue               |  44 ++++-
 .../AgeAtFirstObservation.vue                 |  51 +++++-
 .../CumulativeObservation.vue                 |  51 +++++-
 .../release/ConceptReport/ConceptReport.vue   |   2 -
 .../AgeAtFirstDiagnosis.vue                   |  45 +++++-
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |  45 +++++-
 .../AgeAtFirstOccurrence.vue                  |  44 ++++-
 .../ConditionsByType/ConditionsByType.vue     |  40 ++++-
 .../charts/DaysSupply/DaysSupply.vue          |  45 +++++-
 .../charts/DrugsByType/DrugsByType.vue        |  54 ++++++-
 .../charts/LengthOfEra/LengthOfEra.vue        | 151 +++++++++++++++++-
 .../MeasurementTable/MeasurementTable.vue     |  37 -----
 .../MeasurementValueDistribution.vue          |  55 ++++++-
 .../MeasurementsByType/MeasurementsByType.vue |  55 ++++++-
 .../QuantityDistribution.vue                  |  45 +++++-
 .../RecordCountProportionByAgeSexYear.vue     |  42 ++++-
 .../charts/RecordsByUnit/RecordsByUnit.vue    |  55 ++++++-
 .../RecordCountProportionByMonth.vue          |  43 ++++-
 .../VisitDurationByType.vue                   |  46 +++++-
 .../components/OverviewTable.vue              |   2 +-
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  37 ++++-
 .../charts/DeathByType/DeathByType.vue        |  49 +++++-
 .../RecordCountProportionByAgeSexYear.vue     |  40 ++++-
 .../RecordCountProportionByMonth.vue          |  37 ++++-
 .../charts/DomainDensity/DomainDensity.vue    |  32 +++-
 .../DomainRecordsPerPerson.vue                |  32 +++-
 .../DataStratificationByDrug.vue              |  44 +++--
 .../DataStratificationByVisit.vue             |  39 ++++-
 .../DomainTable/components/MainTable.vue      |   2 +-
 .../MetadataReport/tables/Metadata.vue        |   2 +-
 .../MetadataReport/tables/SourceDetails.vue   |   2 +-
 .../AgeAtFirstObservation.vue                 |  64 +++++++-
 .../AgeAtFirstObservationBySex.vue            |  40 ++++-
 .../CumulativeObservation.vue                 |  47 +++++-
 .../ObservationOverTime.vue                   |  74 ++++++++-
 .../ObservationPeriodsPerPerson.vue           |   2 +-
 .../YearsOfObservationByAge.vue               |  44 ++++-
 .../YearsOfObservationBySex.vue               |  44 ++++-
 .../components/PerformanceInformation.vue     |   2 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  15 +-
 .../PopulationByEthnicity.vue                 |  23 ++-
 .../PopulationByRace/PopulationByRace.vue     |  23 ++-
 .../PopulationByYearBirth.vue                 |  20 ++-
 .../TemporalCharacterization.vue              |   2 +-
 .../UnmappedSourceCodes.vue                   |   2 +-
 .../HistoricalDataQuality.vue                 | 112 +++++++------
 .../HistoricalDataQualityByCategory.vue       |  64 +++++++-
 .../HistoricalDataQualityByDomain.vue         |  63 ++++++++
 .../charts/domainRecords/DomainRecords.vue    |  52 +++++-
 .../RecordProportionByMonth.vue               |   2 +-
 .../DataQualityIssuesHistory.vue              |  48 +++++-
 .../populationHistory/PopulationHistory.vue   |  40 ++++-
 src/widgets/chart/ui/ChartHeader.vue          |  73 +++++----
 67 files changed, 1866 insertions(+), 284 deletions(-)
 rename src/{widgets/chart/ui/ChartActionIcon.vue => entities/toggleIcon/ToggleIcon.vue} (100%)
 delete mode 100644 src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue

diff --git a/src/widgets/chart/ui/ChartActionIcon.vue b/src/entities/toggleIcon/ToggleIcon.vue
similarity index 100%
rename from src/widgets/chart/ui/ChartActionIcon.vue
rename to src/entities/toggleIcon/ToggleIcon.vue
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index bc4c8bf6..a7aa9104 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -39,7 +39,7 @@ import { useStore } from "vuex";
 import { defineProps } from "vue";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
 
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 3f0003d4..288aef88 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -45,7 +45,7 @@ import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 47cb8250..941973a2 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -40,7 +40,7 @@ import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 0931c21a..be4a80f6 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -40,7 +40,7 @@ import { specAgeAtFirstOccurrence } from "./specAgeAtFirstOccurrence";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index f8e86661..e7e00c4f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -43,7 +43,7 @@ import { specConditionsByType } from "./specConditionsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index 81eea23c..f9d612c0 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -39,7 +39,7 @@ import { specDaysSupply } from "./specDaysSupply";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index effca39f..9a5b3d71 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -38,7 +38,7 @@ import { specDrugsByType } from "./specDrugsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 
 import { defineProps } from "vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index 784c58f6..dd3b0325 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -34,7 +34,7 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index e9b87246..b8fdbabb 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -52,7 +52,7 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { computed, ref, Ref, defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { useRouter } from "vue-router";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index e094f70c..09dae6e5 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -39,7 +39,7 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index 14f5dfbc..b60f5045 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -39,7 +39,7 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index 3d12ae9c..d639b00c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -34,7 +34,7 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index eb681f61..ccfa9580 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -34,7 +34,7 @@ import { useStore } from "vuex";
 import { defineProps } from "vue";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index d5d6a58d..f8653795 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -1,10 +1,41 @@
 <template>
   <Panel header="Data Strands">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <div
       v-if="store.getters.getData"
       id="viz-datastrand"
       class="viz-container"
     ></div>
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data.dataStrandReport"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="domain" header="Domain"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="count_records"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_records
+                  ? helpers.formatComma(slotProps.data.count_records)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -34,7 +65,7 @@
 
 <script setup lang="ts">
 import embed from "vega-embed";
-import { watch, computed } from "vue";
+import { watch, computed, ref } from "vue";
 import { useRouter } from "vue-router";
 
 const router = useRouter();
@@ -47,9 +78,12 @@ const config = specDatastrand;
 
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const renderChart = function () {
   embed("#viz-datastrand", config, {
@@ -84,6 +118,12 @@ watch(data, function () {
 watch(darkMode, () => {
   renderChart();
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index 57f89de4..e30c7111 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -1,11 +1,44 @@
 <template>
   <Panel header="Age at First Observation">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkageatfirstobservation"
       :chartSpec="specAgeAtFirstObservation"
-      :data="store.getters.getData.allAgeAtFirstObservationData"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="DATA_SOURCE_KEY" header="Source"> </Column>
+
+        <Column field="INTERVAL_INDEX" header="Age"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% of Population"
+          field="PERCENT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.PERCENT_VALUE
+                  ? helpers.formatPercent(slotProps.data.PERCENT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -33,11 +66,25 @@ import { useStore } from "vuex";
 
 import { specAgeAtFirstObservation } from "./specAgeAtFirstObservation";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.allAgeAtFirstObservationData;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index 27834738..6cf11409 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -1,11 +1,44 @@
 <template>
   <Panel header="Cumulative Observation">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-networkcumulativeobservation"
       :chartSpec="specCumulativeObservation"
-      :data="store.getters.getData.allCumulativeDurationData"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="DATA_SOURCE_KEY" header="Source"> </Column>
+
+        <Column field="YEARS" header="Years of Observation"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% of Population"
+          field="PERCENT_PEOPLE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.PERCENT_PEOPLE
+                  ? helpers.formatPercent(slotProps.data.PERCENT_PEOPLE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -32,11 +65,25 @@ import { links } from "@/shared/config/links";
 import { specCumulativeObservation } from "./specCumulativeObservation";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.allCumulativeDurationData;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index ed69cc68..e804259f 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -46,7 +46,6 @@
         :not-stationary="store.getters.getData.isNotStationary"
       />
 
-      <MeasurementTable />
       <MeasurementValueDistribution />
       <AgeAtFirstDiagnosis />
       <AgeAtFirstExposure />
@@ -70,7 +69,6 @@ import ReturnButton from "@/features/returnToPreviousPage";
 import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
 import { useStore } from "vuex";
-import MeasurementTable from "@/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue";
 import MeasurementValueDistribution from "@/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue";
 import AgeAtFirstDiagnosis from "@/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue";
 import AgeAtFirstExposure from "@/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue";
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 8ec3834a..1806351a 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -1,14 +1,34 @@
 <template>
-  <Panel
-    header="Age at First Diagnosis"
-    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
-  >
+  <Panel header="Age at First Diagnosis" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
-      :data="store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -48,13 +68,26 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.AGE_AT_FIRST_DIAGNOSIS;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index 1f4e3959..5be45d9f 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -1,14 +1,33 @@
 <template>
-  <Panel
-    header="Age at first exposure"
-    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
-  >
+  <Panel header="Age at first exposure" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
-      :data="store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -43,13 +62,27 @@ import { specAgeAtFirstExposure } from "./specAgeAtFirstExposure";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.AGE_AT_FIRST_EXPOSURE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index d3fd3fba..51167761 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -1,14 +1,33 @@
 <template>
-  <Panel
-    header="Age at First Occurrence"
-    v-if="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
-  >
+  <Panel header="Age at First Occurrence" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
-      :data="store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -44,13 +63,26 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import { computed, ref } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.AGE_AT_FIRST_OCCURRENCE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index 99733668..c4eabf4a 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -1,14 +1,29 @@
 <template>
-  <Panel
-    header="Conditions by Type"
-    v-if="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
-  >
+  <Panel header="Conditions by Type" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
-      :data="store.getters.getData.conceptData.CONDITIONS_BY_TYPE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Condition Type" field="CONCEPT_NAME"> </Column>
+        <Column sortable header="Number of Records" field="COUNT_VALUE">
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -45,12 +60,25 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.CONDITIONS_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index e0c46f90..be066f84 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -1,14 +1,34 @@
 <template>
-  <Panel
-    header="Days Supply"
-    v-if="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
-  >
+  <Panel header="Days Supply" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-dayssupply"
       :chartSpec="specDaysSupply"
-      :data="store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -43,13 +63,26 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.DAYS_SUPPLY_DISTRIBUTION;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index 807a699f..2e76200f 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -1,14 +1,43 @@
 <template>
-  <Panel
-    header="Drugs by Type"
-    v-if="store.getters.getData.conceptData.DRUGS_BY_TYPE"
-  >
+  <Panel header="Drugs by Type" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-drugsbytype"
       :chartSpec="specDrugsByType"
-      :data="store.getters.getData.conceptData.DRUGS_BY_TYPE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Drug Type" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -42,11 +71,24 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.DRUGS_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index 371890aa..e1535989 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -1,14 +1,139 @@
 <template>
-  <Panel
-    header="Length of Era"
-    v-if="store.getters.getData.conceptData.LENGTH_OF_ERA"
-  >
+  <Panel header="Length of Era" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-lengthofera"
       :chartSpec="specLengthOfEra"
-      :data="store.getters.getData.conceptData.LENGTH_OF_ERA"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Category" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,12 +161,26 @@ import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.LENGTH_OF_ERA;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
deleted file mode 100644
index 279e7edc..00000000
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementTable/MeasurementTable.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <Panel
-    header="Measurement Value Distributions by Unit"
-    v-if="store.getters.getData.measurementTable"
-  >
-    <DataTable
-      removable-sort
-      size="small"
-      paginator
-      :value="store.getters.getData.measurementTable"
-      :rows="10"
-      :rowsPerPageOptions="[5, 10, 20, 50]"
-    >
-      <template #empty> No concepts found </template>
-      <Column sortable header="Unit ID" field="CATEGORY"></Column>
-      <Column sortable header="Count value" field="UNIT_COUNT"></Column>
-      <Column sortable header="Min Value" field="MIN_VALUE"></Column>
-      <Column sortable header="P10 Value" field="P10_VALUE"></Column>
-      <Column sortable header="P25 Value" field="P25_VALUE"></Column>
-      <Column sortable header="Median Value" field="MEDIAN_VALUE"></Column>
-      <Column sortable header="P75 Value" field="P75_VALUE"></Column>
-      <Column sortable header="P90 Value" field="P90_VALUE"></Column>
-      <Column sortable header="Max Value" field="MAX_VALUE"></Column>
-    </DataTable>
-  </Panel>
-</template>
-
-<script setup lang="ts">
-import { useStore } from "vuex";
-import Panel from "primevue/panel";
-import DataTable from "primevue/datatable";
-import Column from "primevue/column";
-
-const store = useStore();
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index 233acc38..6563f89d 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -3,6 +3,9 @@
     header="Measurement Value Distributions By Unit"
     v-if="store.getters.getData.conceptData.MEASUREMENT_VALUE_DISTRIBUTION"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <MultiSelect
       v-model="selectedMeasurementUnits"
       class="mr-13"
@@ -23,6 +26,43 @@
       :chartSpec="specMeasurementValueDistribution"
       :data="getSelectedMeasurementUnits"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.measurementTable"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #empty> No concepts found </template>
+        <Column sortable header="Unit ID" field="CATEGORY"></Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Count value"
+          field="UNIT_COUNT"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.UNIT_COUNT
+                  ? helpers.formatComma(slotProps.data.UNIT_COUNT)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -63,9 +103,12 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { computed, ref, Ref } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCheckNetwork, mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
@@ -104,6 +147,16 @@ const getNetworkConceptRoute = function (): object {
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index 803eeec2..9cdca85f 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -1,14 +1,43 @@
 <template>
-  <Panel
-    header="Measurements by Type"
-    v-if="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
-  >
+  <Panel header="Measurements by Type" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
-      :data="store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Measurement type" field="CONCEPT_NAME">
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -40,12 +69,26 @@ import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.MEASUREMENTS_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 0f42fc8b..99f2620d 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -1,14 +1,33 @@
 <template>
-  <Panel
-    panel="Quantity"
-    v-if="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
-  >
+  <Panel header="Quantity" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-quantity"
       :chartSpec="specQuantity"
-      :data="store.getters.getData.conceptData.QUANTITY_DISTRIBUTION"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Category" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -42,13 +61,27 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.QUANTITY_DISTRIBUTION;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 8153b8f6..d2684006 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -3,13 +3,37 @@
     header="Record Count Proportion By Age, Sex, Year"
     :loading="!store.getters.dataInStore"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.getData"
       id="viz-recordproportionbyagesexyear"
       width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
-      :data="store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="SERIES_NAME"> </Column>
+        <Column sortable header="Age Decile" field="TRELLIS_NAME"> </Column>
+        <Column sortable header="Year" field="X_CALENDAR_YEAR"> </Column>
+        <Column
+          sortable
+          header="Record Proportion per 1000"
+          field="Y_PREVALENCE_1000PP"
+        >
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -42,12 +66,26 @@ import { useRoute } from "vue-router";
 
 import { specRecordProportionByAgeSexYear } from "./specRecordProportionByAgeSexYear";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.PREVALENCE_BY_GENDER_AGE_YEAR;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index 3c9eba2e..751bbb1a 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -1,14 +1,43 @@
 <template>
-  <Panel
-    header="Records By Unit"
-    v-if="store.getters.getData.conceptData.RECORDS_BY_UNIT"
-  >
+  <Panel header="Records By Unit" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordsbyunit"
       :chartSpec="specRecordsByUnit"
-      :data="store.getters.getData.conceptData.RECORDS_BY_UNIT"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Unit Type" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,12 +65,26 @@ import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.RECORDS_BY_UNIT;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index b3c81bcf..001fb685 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
 
@@ -20,11 +22,36 @@
         annotationsParentElement: 'g',
         brushParentElement: 'g g ',
       }"
-      :data="store.getters.getData.conceptData.PREVALENCE_BY_MONTH"
+      :data="data"
       :signal-listener="listeners.setSelectionAreaSignal"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Date" field="date">
+          <template #body="slotProps">
+            <div>
+              {{
+                slotProps.data.X_CALENDAR_MONTH
+                  ? slotProps.data.X_CALENDAR_MONTH
+                  : "no data"
+              }}
+            </div>
+          </template>
+        </Column>
+
+        <Column sortable header="RPP1000" field="Y_PREVALENCE_1000PP"> </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -79,7 +106,7 @@ import { specRecordProportionByMonthAnnotation } from "./specRecordProportionByM
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import {
   mdiClockAlert,
@@ -87,6 +114,8 @@ import {
   mdiDatabaseClock,
   mdiHelpCircle,
 } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
@@ -136,6 +165,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.PREVALENCE_BY_MONTH;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index eb89d5ff..5c1d5aec 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -1,14 +1,34 @@
 <template>
-  <Panel
-    header="Visit Duration By Type"
-    v-if="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
-  >
+  <Panel header="Visit Duration By Type" v-if="data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
-      :data="store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Category" field="CATEGORY"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,12 +56,26 @@ import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.conceptData.VISIT_DURATION_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
index eac13e09..d1098a41 100644
--- a/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/OverviewTable.vue
@@ -203,7 +203,7 @@
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index cf2f8a61..fcdd8ce2 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -1,5 +1,8 @@
 <template>
   <Panel header="Age at Death">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatdeath"
@@ -7,6 +10,25 @@
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,12 +58,25 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.AGE_AT_DEATH;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index a075a760..c2d00dfd 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -1,12 +1,44 @@
 <template>
   <Panel header="Death by Type">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathbytype"
       width="100"
       :chartSpec="specDeathByType"
-      :data="store.getters.getData.DEATH_BY_TYPE"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Condition Type" field="CONCEPT_NAME"> </Column>
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -35,12 +67,25 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.DEATH_BY_TYPE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index df32beff..8001fc32 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,12 +1,35 @@
 <template>
   <Panel header="Record Count Proportion by Age, Sex, and Year">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
       width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
-      :data="store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="SERIES_NAME"> </Column>
+        <Column sortable header="Age Decile" field="TRELLIS_NAME"> </Column>
+        <Column sortable header="Year" field="X_CALENDAR_YEAR"> </Column>
+        <Column
+          sortable
+          header="Record Proportion Per 1000"
+          field="Y_PREVALENCE_1000PP"
+        >
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -35,12 +58,25 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.PREVALENCE_BY_GENDER_AGE_YEAR;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 8787c2ea..66636ce4 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
 
@@ -23,8 +25,27 @@
         brushParentElement: 'g g',
       }"
       :chartSpec="specRecordProportionByMonth"
-      :data="store.getters.getData.PREVALENCE_BY_MONTH"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Month" field="X_CALENDAR_MONTH"> </Column>
+
+        <Column
+          sortable
+          header="Record Proportion Per 1000"
+          field="Y_PREVALENCE_1000PP"
+        >
+        </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -63,9 +84,11 @@ import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
@@ -103,6 +126,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.PREVALENCE_BY_MONTH;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 8f1b1cae..23ebdc53 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -8,6 +8,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
 
@@ -21,11 +23,25 @@
         annotationsParentElement: 'g g',
         brushParentElement: 'g g g',
       }"
-      :data="store.getters.getData.domainDensity"
+      :data="data"
       :signal-listener="listeners.setSelectionAreaSignal"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Date" field="date"> </Column>
+        <Column sortable header="Domain" field="domain"> </Column>
+        <Column sortable header="Records" field="records"> </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -61,9 +77,11 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import _ from "lodash";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 
@@ -102,6 +120,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.domainDensity;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index ca6e1b1a..0927ceb9 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -10,6 +10,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -23,10 +25,24 @@
         brushParentElement: 'g g g',
       }"
       :signal-listener="listeners.setSelectionAreaSignal"
-      :data="store.getters.getData.domainRecords"
+      :data="data"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Date" field="date"> </Column>
+        <Column sortable header="Domain" field="domain"> </Column>
+        <Column sortable header="Records" field="records"> </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -60,9 +76,11 @@ import _ from "lodash";
 import { useRoute } from "vue-router";
 import * as listeners from "@/pages/model/lib/listeners";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 
@@ -102,6 +120,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.domainRecords;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 0eb3f5a7..6422d110 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -1,19 +1,31 @@
 <template>
   <Panel
     header="Drug Domain Stratification by Drug Type"
-    v-if="
-      route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' &&
-      store.getters.getData.drugStratification
-    "
+    v-if="route.params.domain.toUpperCase() === 'DRUG_EXPOSURE' && data"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
-      v-if="
-        store.getters.dataInStore && store.getters.getData.drugStratification
-      "
+      v-if="store.getters.dataInStore && data"
       id="viz-stratificationbydrugtype"
       :chartSpec="specDrugTypeStratification"
-      :data="store.getters.getData.drugStratification"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column sortable header="CONCEPT_NAME" field="CONCEPT_NAME"> </Column>
+        <Column sortable header="# Records" field="RECORD_COUNT"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -41,12 +53,26 @@ import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { specDrugTypeStratification } from "./specDrugTypeStratification";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.drugStratification;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index c4fe411a..b114a575 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -3,14 +3,29 @@
     header="Domain Data Stratification By Visit"
     v-if="route.params.domain.toUpperCase() === 'VISIT_OCCURRENCE'"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
-      v-if="
-        store.getters.dataInStore && store.getters.getData.domainStratification
-      "
+      v-if="store.getters.dataInStore && data"
       id="viz-stratificationbyvisit"
       :chartSpec="specVisitStratification"
-      :data="store.getters.getData.domainStratification"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
+        <Column sortable header="CONCEPT_NAME" field="CONCEPT_NAME"> </Column>
+        <Column sortable header="# Records" field="RECORD_COUNT"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -28,12 +43,26 @@ import { Chart } from "@/widgets/chart";
 import { specVisitStratification } from "./specVisitStratification";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.domainStratification;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index ffbede6b..c409d195 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -383,7 +383,7 @@ import { debounce } from "lodash";
 import { DomainIssues } from "@/processes/exploreReports/model/interfaces/files/DomainIssues";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
index cf72f457..59a5f736 100644
--- a/src/pages/reports/release/MetadataReport/tables/Metadata.vue
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -44,7 +44,7 @@
 import { links } from "@/shared/config/links";
 
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
diff --git a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
index c047da87..8d510d1f 100644
--- a/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
+++ b/src/pages/reports/release/MetadataReport/tables/SourceDetails.vue
@@ -38,7 +38,7 @@
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 3f643b6c..e214dc1c 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
 
@@ -21,10 +23,52 @@
       }"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
-      :data="
-        store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION
-      "
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Age" field="INTERVAL_INDEX"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# Persons"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% of Population"
+          field="PERCENT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.PERCENT_VALUE
+                  ? helpers.formatPercent(slotProps.data.PERCENT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -56,9 +100,11 @@ import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 
@@ -97,6 +143,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData.AGE_AT_FIRST_OBSERVATION;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index 5315cce4..dd0b4171 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -1,11 +1,33 @@
 <template>
   <Panel header="Age at First Observation by Sex">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-agebysex"
       :chartSpec="specAgeBySex"
-      :data="store.getters.getData.observationPeriodData.AGE_BY_GENDER"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -32,11 +54,25 @@ import { links } from "@/shared/config/links";
 import { specAgeBySex } from "./specAgeBySex";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData.AGE_BY_GENDER;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 9f59831e..f5971783 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -19,10 +21,39 @@
 
         brushParentElement: 'g g',
       }"
-      :data="store.getters.getData.observationPeriodData.CUMULATIVE_DURATION"
+      :data="data"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Years" field="YEARS"></Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% of Population"
+          field="PERCENT_PEOPLE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.PERCENT_PEOPLE
+                  ? helpers.formatPercent(slotProps.data.PERCENT_PEOPLE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -55,9 +86,11 @@ import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 
@@ -96,6 +129,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData.CUMULATIVE_DURATION;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index 561ecadd..2469ac2f 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
 
@@ -23,8 +25,64 @@
       :signal-listener="listeners.setSelectionAreaSignal"
       :annotation-mode="annotationsMode"
       :chartSpec="specObservationByMonth"
-      :data="store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="DATE" field="DATE">
+          <template #body="slotProps">
+            <div>
+              {{
+                slotProps.data.DATE
+                  ? slotProps.data.DATE.toLocaleDateString()
+                  : "no data"
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# of People"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% of Population"
+          field="PERCENT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.PERCENT_VALUE
+                  ? helpers.formatPercent(slotProps.data.PERCENT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -58,9 +116,11 @@ import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 
@@ -99,6 +159,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData.OBSERVED_BY_MONTH;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index 09695d3e..775f52c5 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -50,7 +50,7 @@
 import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index e268c0a2..1db614ad 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -1,14 +1,33 @@
 <template>
   <Panel header="Years of Observation by Age">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbyage"
       :chartSpec="specObservationByAge"
-      :data="
-        store.getters.getData.observationPeriodData
-          .OBSERVATION_PERIOD_LENGTH_BY_AGE
-      "
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,11 +55,26 @@ import { links } from "@/shared/config/links";
 import { specObservationByAge } from "./specObservationByAge";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref } from "vue";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData
+    .OBSERVATION_PERIOD_LENGTH_BY_AGE;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index 3b70fc5f..bb5e7c1a 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -1,14 +1,33 @@
 <template>
   <Panel header="Years of Observation By Sex">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbysex"
       :chartSpec="specObservationBySex"
-      :data="
-        store.getters.getData.observationPeriodData
-          .OBSERVATION_PERIOD_LENGTH_BY_GENDER
-      "
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -36,11 +55,26 @@ import { links } from "@/shared/config/links";
 import { specObservationBySex } from "./specObservationBySex";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.observationPeriodData
+    .OBSERVATION_PERIOD_LENGTH_BY_GENDER;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
index 5777c501..e94f7336 100644
--- a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
+++ b/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
@@ -81,7 +81,7 @@ import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { ref, computed } from "vue";
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import InputText from "primevue/inputtext";
 import DataTable from "primevue/datatable";
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 70b86afb..c5c63e3a 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -10,6 +10,8 @@
         :annotations-count="notesFemale.length + notesMale.length"
         @annotations-mode-toggled="toggleAnnotationMode"
         @notes-mode-toggled="toggleNoteMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -41,7 +43,7 @@
       :annotations="notesFemale"
       :annotation-mode="annotationsMode"
     />
-    <div class="p-4">
+    <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
         size="small"
@@ -100,19 +102,22 @@ import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
-import InputGroup from "primevue/inputgroup";
 import DataTable from "primevue/datatable";
-import InputGroupAddon from "primevue/inputgroupaddon";
 import Column from "primevue/column";
-import InputText from "primevue/inputtext";
 
 const annotationsMode = ref(false);
 const notesMode = ref(false);
 
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
 function toggleAnnotationMode(mode) {
   annotationsMode.value = mode;
 }
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index 087e84f6..5fd772a9 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -5,18 +5,21 @@
     elevation="2"
     class="ma-4"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ethnicity"
       :chartSpec="specEthnicity"
-      :data="store.getters.getData.personData.ETHNICITY_DATA"
+      :data="data"
     />
-    <div class="p-4">
+    <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
         size="small"
         paginator
-        :value="store.getters.getData.personData.ETHNICITY_DATA"
+        :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
@@ -65,13 +68,25 @@ import { specEthnicity } from "./specEthnicity";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.personData.ETHNICITY_DATA;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 4e0ce85e..7602ab8c 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -1,17 +1,20 @@
 <template>
   <Panel header="Population by Race" :loading="!store.getters.getData">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-race"
       :chartSpec="specRace"
-      :data="store.getters.getData.personData.RACE_DATA"
+      :data="data"
     />
-    <div class="p-4">
+    <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
         size="small"
         paginator
-        :value="store.getters.getData.personData.RACE_DATA"
+        :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
@@ -60,14 +63,26 @@ import { specRace } from "./specRace";
 
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { helpers } from "@/shared/lib/mixins";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
 
 const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.personData.RACE_DATA;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index ac3d60b6..78190363 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationMode"
         @notes-mode-toggled="toggleNoteMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -18,17 +20,17 @@
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
-      :data="store.getters.getData.personData.BIRTH_YEAR_DATA"
+      :data="data"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
     >
     </Chart>
-    <div class="p-4">
+    <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
         size="small"
         paginator
-        :value="store.getters.getData.personData.BIRTH_YEAR_DATA"
+        :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
@@ -83,7 +85,7 @@ import { computed } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { ref } from "vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
@@ -125,6 +127,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.personData.BIRTH_YEAR_DATA;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 041d2c15..d2076035 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -70,7 +70,7 @@ import { helpers } from "@/shared/lib/mixins";
 import { links } from "@/shared/config/links";
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import InputGroup from "primevue/inputgroup";
 import InputText from "primevue/inputtext";
 import InputGroupAddon from "primevue/inputgroupaddon";
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index 4d86887a..12221ae8 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -101,7 +101,7 @@ import Column from "primevue/column";
 import { FilterMatchMode } from "primevue/api";
 import { mdiHelpCircle } from "@mdi/js";
 import { links } from "@/shared/config/links";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Pivot from "@/widgets/pivot/ui/Pivot.vue";
 
 const store = useStore();
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index bb0018e1..5eaaa1eb 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -11,6 +11,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -18,7 +20,7 @@
       :id="reportId"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
-      :data="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
+      :data="data"
       :chartSpec="specDataQualityResults"
       :annotations-config="{
         chartSpec: specDataQualityResultsAnnotation,
@@ -26,56 +28,58 @@
         brushParentElement: 'g g',
       }"
     />
-    <NotesPanel v-if="notesMode" :notes="notes" />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        v-if="store.getters.dataInStore"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="cdm_release_date" header="Release Date">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="{
+                name: 'dataQuality',
+                query: { tab: 'overview' },
+                params: {
+                  cdm: route.params.cdm,
+                  release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+                },
+              }"
+              :title="slotProps.data.cdm_release_date"
+              >{{ slotProps.data.cdm_release_date }}
+            </router-link>
+          </template>
+        </Column>
+        <Column field="end_timestamp" header="DQ Execution Date"> </Column>
+        <Column field="count_passed" header="# Passed"> </Column>
 
-    <DataTable
-      size="small"
-      v-if="store.getters.dataInStore"
-      :value="store.getters.getData[QUALITY_INDEX].dataQualityRecords"
-      paginator
-      :rows="5"
-      :rowsPerPageOptions="[5, 10, 20, 50]"
-    >
-      <Column field="cdm_release_date" header="Release Date">
-        <template #body="slotProps">
-          <router-link
-            class="text-blue-400 hover:underline"
-            :to="{
-              name: 'dataQuality',
-              query: { tab: 'overview' },
-              params: {
-                cdm: route.params.cdm,
-                release: slotProps.data.cdm_release_date.replaceAll('-', ''),
-              },
-            }"
-            :title="slotProps.data.cdm_release_date"
-            >{{ slotProps.data.cdm_release_date }}
-          </router-link>
-        </template>
-      </Column>
-      <Column field="end_timestamp" header="DQ Execution Date"> </Column>
-      <Column field="count_passed" header="# Passed"> </Column>
+        <Column field="count_failed" header="# Failed">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="{
+                name: 'dataQuality',
+                query: { tab: 'results', FAILED: 'FAIL' },
+                params: {
+                  cdm: route.params.cdm,
+                  release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+                },
+              }"
+              :title="slotProps.data.count_failed"
+              >{{ slotProps.data.count_failed }}
+            </router-link>
+          </template>
+        </Column>
+        <Column field="count_total" header="# Total"> </Column>
+        <Column field="vocabulary_version" header="Vocabulary"> </Column>
+      </DataTable>
+    </div>
 
-      <Column field="count_failed" header="# Failed">
-        <template #body="slotProps">
-          <router-link
-            class="text-blue-400 hover:underline"
-            :to="{
-              name: 'dataQuality',
-              query: { tab: 'results', FAILED: 'FAIL' },
-              params: {
-                cdm: route.params.cdm,
-                release: slotProps.data.cdm_release_date.replaceAll('-', ''),
-              },
-            }"
-            :title="slotProps.data.count_failed"
-            >{{ slotProps.data.count_failed }}
-          </router-link>
-        </template>
-      </Column>
-      <Column field="count_total" header="# Total"> </Column>
-      <Column field="vocabulary_version" header="Vocabulary"> </Column>
-    </DataTable>
+    <NotesPanel v-if="notesMode" :notes="notes" />
   </Panel>
 </template>
 
@@ -131,6 +135,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData[QUALITY_INDEX].dataQualityRecords;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 8816a761..3e24be35 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -12,12 +12,14 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
+      :data="data"
       :chartSpec="specDataQualityResultsByCategory"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
@@ -27,6 +29,53 @@
         brushParentElement: 'g g',
       }"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        v-if="store.getters.dataInStore"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="cdm_release_date" header="Release Date">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="{
+                name: 'dataQuality',
+                query: { tab: 'overview' },
+                params: {
+                  cdm: route.params.cdm,
+                  release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+                },
+              }"
+              :title="slotProps.data.cdm_release_date"
+              >{{ slotProps.data.cdm_release_date }}
+            </router-link>
+          </template>
+        </Column>
+        <Column field="category" header="Check Category"> </Column>
+        <Column field="dqd_execution_date" header="DQD execution date">
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Checks Failed"
+          field="count_value"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_value
+                  ? helpers.formatComma(slotProps.data.count_value)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
   </Panel>
 </template>
@@ -43,6 +92,9 @@ import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 const route = useRoute();
@@ -80,6 +132,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 575d2519..f36508dc 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -12,6 +12,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -27,6 +29,54 @@
         brushParentElement: 'g g',
       }"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        v-if="store.getters.dataInStore"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="cdm_release_date" header="Release Date">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="{
+                name: 'dataQuality',
+                query: { tab: 'overview' },
+                params: {
+                  cdm: route.params.cdm,
+                  release: slotProps.data.cdm_release_date.replaceAll('-', ''),
+                },
+              }"
+              :title="slotProps.data.cdm_release_date"
+              >{{ slotProps.data.cdm_release_date }}
+            </router-link>
+          </template>
+        </Column>
+        <Column field="cdm_table_name" header="Check Domain"> </Column>
+        <Column field="dqd_execution_date" header="DQD execution date">
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Checks Failed"
+          field="count_value"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_value
+                  ? helpers.formatComma(slotProps.data.count_value)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
   </Panel>
 </template>
@@ -43,6 +93,9 @@ import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
+import { helpers } from "@/shared/lib/mixins";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
@@ -81,6 +134,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 939c6e1f..6f9baad1 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -3,12 +3,45 @@
     header="Domain Continuity"
     v-if="!store.getters.getErrors & store.getters.dataInStore"
   >
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-continuity"
       :chartSpec="specOverview"
-      :data="store.getters.getData.domainRecords"
+      :data="data"
       :listener="eventListener"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        v-if="store.getters.dataInStore"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="release_date" header="Date"> </Column>
+        <Column field="domain" header="Domain"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Records"
+          field="count_records"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_records
+                  ? helpers.formatComma(slotProps.data.count_records)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -39,9 +72,14 @@ import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
 import { RouteLocation, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { computed, ref } from "vue";
+import { QUALITY_INDEX } from "@/shared/config/files";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const router = useRouter();
@@ -69,6 +107,16 @@ const eventListener = function (result, route: RouteLocation) {
     navigate(routeUrl);
   });
 };
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData.domainRecords;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 35497248..0ede6510 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -61,7 +61,7 @@ import _ from "lodash";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
 
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 8b3411c4..b640d522 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -20,8 +22,38 @@
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
-      :data="store.getters.getSelectedSource.releases"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="release_name" header="Release"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Issues"
+          field="count_data_quality_issues"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_data_quality_issues
+                  ? helpers.formatComma(
+                      slotProps.data.count_data_quality_issues
+                    )
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -52,9 +84,11 @@ import _ from "lodash";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
@@ -94,6 +128,16 @@ const notes = computed(() => {
     return [];
   }
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getSelectedSource.releases;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index 99417090..20e46e0c 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -7,6 +7,8 @@
         :annotations-count="annotations.length"
         @annotations-mode-toggled="toggleAnnotationsMode"
         @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
       />
     </template>
     <Chart
@@ -22,6 +24,34 @@
       }"
       :data="releases"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="releases"
+        paginator
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="dqd_execution_date" header="Date"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Population"
+          field="count_person"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_person
+                  ? helpers.formatComma(slotProps.data.count_person)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <NotesPanel v-if="notesMode" :notes="notes" />
     <template #footer>
       <div class="flex flex-row gap-2">
@@ -53,8 +83,10 @@ import Panel from "primevue/panel";
 import { useRoute } from "vue-router";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { helpers } from "@/shared/lib/mixins";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces } from "@mdi/js";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
 
 const store = useStore();
 const route = useRoute();
@@ -101,6 +133,12 @@ const releases = computed(() => {
     dateU: new Date(value.dqd_execution_date),
   }));
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
 </script>
 
 <style scoped></style>
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index babccceb..037db84c 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -1,23 +1,37 @@
 <template>
-  <div class="flex flex-row gap-1">
-    <ChartActionIcon
-      v-if="props.notesCount !== undefined"
-      :icon="mdiNoteText"
-      tooltip="Toggle Notes"
-      :count="props.notesCount"
-      show-state
-      :default-state="store.getters.getSettings.notesMode"
-      @iconClicked="toggleNotesMode"
-    />
-    <ChartActionIcon
-      v-if="props.annotationsCount !== undefined"
-      :icon="mdiSelectionMarker"
-      tooltip="Toggle Annotations"
-      :count="props.annotationsCount"
-      show-state
-      :default-state="store.getters.getSettings.annotationsMode"
-      @iconClicked="toggleAnnotationMode"
-    />
+  <div class="flex flex-row">
+    <div class="flex flex-row gap-1">
+      <ToggleIcon
+        v-if="props.tableToggle"
+        :icon="mdiTable"
+        show-state
+        tooltip="Toggle table view"
+        :default-state="false"
+        @iconClicked="toggleTable"
+      />
+    </div>
+
+    <div class="flex flex-row gap-1">
+      <ToggleIcon
+        v-if="props.notesCount !== undefined"
+        :icon="mdiNoteText"
+        tooltip="Toggle Notes"
+        :count="props.notesCount"
+        show-state
+        :default-state="store.getters.getSettings.notesMode"
+        @iconClicked="toggleNotesMode"
+      />
+      <ToggleIcon
+        v-if="props.annotationsCount !== undefined"
+        :icon="mdiSelectionMarker"
+        tooltip="Toggle Annotations"
+        :count="props.annotationsCount"
+        show-state
+        :default-state="store.getters.getSettings.annotationsMode"
+        @iconClicked="toggleAnnotationMode"
+      />
+    </div>
+
     <slot></slot>
   </div>
 </template>
@@ -25,22 +39,27 @@
 import { ref, defineProps, defineEmits } from "vue";
 import { onMounted } from "vue";
 import { useStore } from "vuex";
-import ChartActionIcon from "@/widgets/chart/ui/ChartActionIcon.vue";
+import ToggleIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 
 const annotationMode = ref(false);
 const noteMode = ref(false);
 const store = useStore();
-import { mdiSelectionMarker, mdiNoteText } from "@mdi/js";
+import { mdiSelectionMarker, mdiNoteText, mdiTable } from "@mdi/js";
 
 interface Props {
   notesCount?: number;
   annotationsCount?: number;
   issueCount?: number;
+  tableToggle?: boolean;
 }
 
 const props = defineProps<Props>();
 
-const emits = defineEmits(["annotationsModeToggled", "notesModeToggled"]);
+const emits = defineEmits([
+  "annotationsModeToggled",
+  "notesModeToggled",
+  "tableToggled",
+]);
 
 onMounted(() => {
   annotationMode.value = store.getters.getSettings.annotationsMode;
@@ -53,15 +72,11 @@ function toggleAnnotationMode(val) {
 
 function toggleNotesMode(val) {
   emits("notesModeToggled", val);
-  console.log(val);
 }
 
-/*watch(annotationMode, () => {
-  emits("annotationsModeToggled", annotationMode.value);
-});*/
-/*watch(noteMode, () => {
-  emits("notesModeToggled", noteMode.value);
-});*/
+function toggleTable(val) {
+  emits("tableToggled", val);
+}
 </script>
 
 <style scoped></style>

From 8c4410ba41f7f81b8aef46ba48898842ce20b261 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 09:19:54 +0300
Subject: [PATCH 100/202] feat: added table views to all charts along with
 table switch icons

---
 .../AgeAtFirstOccurrence.vue                  |   2 +-
 .../ConditionsByType/ConditionsByType.vue     |  16 ++-
 .../charts/LengthOfEra/LengthOfEra.vue        | 122 ++----------------
 .../charts/DomainDensity/DomainDensity.vue    |  17 ++-
 .../DomainRecordsPerPerson.vue                |  17 ++-
 .../HistoricalDataQuality.vue                 |  25 ++--
 .../HistoricalDataQualityByCategory.vue       |   3 +
 .../HistoricalDataQualityByDomain.vue         |   2 +
 8 files changed, 77 insertions(+), 127 deletions(-)

diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 51167761..d576aed0 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -18,7 +18,7 @@
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
         <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
         <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
         <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index c4eabf4a..c5da8741 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -19,7 +19,21 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Condition Type" field="CONCEPT_NAME"> </Column>
-        <Column sortable header="Number of Records" field="COUNT_VALUE">
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
         </Column>
       </DataTable>
     </div>
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index e1535989..c87416f5 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -18,122 +18,16 @@
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <Column sortable header="Category" field="CATEGORY"> </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="MIN_VALUE"
-          field="MIN_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.MIN_VALUE
-                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="P10_VALUE"
-          field="P10_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.P10_VALUE
-                  ? helpers.formatComma(slotProps.data.P10_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="P25_VALUE"
-          field="P25_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.P25_VALUE
-                  ? helpers.formatComma(slotProps.data.P25_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="MEDIAN_VALUE"
-          field="MEDIAN_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.MEDIAN_VALUE
-                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="P75_VALUE"
-          field="P75_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.P75_VALUE
-                  ? helpers.formatComma(slotProps.data.P75_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="P90_VALUE"
-          field="P90_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.P90_VALUE
-                  ? helpers.formatComma(slotProps.data.P90_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
-        <Column
-          :pt="{ headerContent: 'justify-end' }"
-          sortable
-          header="MAX_VALUE"
-          field="MAX_VALUE"
-        >
-          <template #body="slotProps">
-            <div class="flex justify-end">
-              {{
-                slotProps.data.MAX_VALUE
-                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
-                  : 0
-              }}
-            </div>
-          </template>
-        </Column>
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
+        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
+        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
+        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
+        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
+        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
       </DataTable>
     </div>
-
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 9f656a10..3a010136 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -39,7 +39,22 @@
       >
         <Column sortable header="Date" field="date"> </Column>
         <Column sortable header="Domain" field="domain"> </Column>
-        <Column sortable header="Records" field="records"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Records"
+          field="records"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.records
+                  ? helpers.formatComma(slotProps.data.records)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
       </DataTable>
     </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index 04ddfe2c..ab406454 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -40,7 +40,22 @@
       >
         <Column sortable header="Date" field="date"> </Column>
         <Column sortable header="Domain" field="domain"> </Column>
-        <Column sortable header="Records" field="records"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Records"
+          field="records"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.records
+                  ? helpers.formatComma(slotProps.data.records)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
       </DataTable>
     </div>
     <NotesPanel v-if="notesMode" :notes="notes" />
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 91399776..36b9fd49 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -57,9 +57,9 @@
         <Column field="vocabulary_version" header="Vocabulary"> </Column>
         <Column field="end_timestamp" header="DQ Execution Date"> </Column>
         <Column
-            :pt="{ headerContent: 'justify-end' }"
-            field="count_passed"
-            header="# Passed"
+          :pt="{ headerContent: 'justify-end' }"
+          field="count_passed"
+          header="# Passed"
         >
           <template #body="slotProps">
             <div class="flex justify-end">
@@ -67,7 +67,11 @@
             </div>
           </template>
         </Column>
-        <Column field="count_failed" header="# Failed">
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          field="count_failed"
+          header="# Failed"
+        >
           <template #body="slotProps">
             <router-link
               class="text-blue-400 hover:underline"
@@ -80,21 +84,24 @@
                 },
               }"
               :title="slotProps.data.count_failed"
-              >{{ slotProps.data.count_failed }}
+              ><span class="flex justify-end">{{
+                slotProps.data.count_failed
+              }}</span>
             </router-link>
           </template>
         </Column>
         <Column
-            :pt="{ headerContent: 'justify-end' }"
-            field="count_total"
-            header="# Total"
+          :pt="{ headerContent: 'justify-end' }"
+          field="count_total"
+          header="# Total"
         >
           <template #body="slotProps">
             <div class="flex justify-end">
               <span> {{ slotProps.data.count_total }}</span>
             </div>
           </template>
-        </Column>      </DataTable>
+        </Column>
+      </DataTable>
     </div>
 
     <NotesPanel v-if="notesMode" :notes="notes" />
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 391d1fe3..94139fac 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -95,9 +95,12 @@ import DataTable from "primevue/datatable";
 import { helpers } from "@/shared/lib/mixins";
 import useAnnotations from "@/shared/lib/composables/useAnnotations";
 import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
+import { useRoute } from "vue-router";
 
 const store = useStore();
 
+const route = useRoute();
+
 const reportId = "viz-sourcedataqualityresultsbycategory";
 
 const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 20f636dc..19e0f0d2 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -96,8 +96,10 @@ import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import useAnnotations from "@/shared/lib/composables/useAnnotations";
 import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
+import { useRoute } from "vue-router";
 
 const store = useStore();
+const route = useRoute();
 
 const reportId = "viz-sourcedataqualityresultsbydomain";
 

From a90f6d593449725c82210528a1978b4b54428dfc Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 12:58:11 +0300
Subject: [PATCH 101/202] fix: added missing sorting to columns.

fix: search doesn't show any results
---
 .../TemporalCharacterization.vue                | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 041d2c15..8f251128 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -2,7 +2,14 @@
   <Panel v-if="store.getters.dataInStore" header="Temporal Characterization">
     <DataTable
       size="small"
-      :globalFilterFields="['analysis_id', 'analysis_name']"
+      :globalFilterFields="[
+        'CDM_TABLE_NAME',
+        'CONCEPT_ID',
+        'CONCEPT_NAME',
+        'SEASONALITY_SCORE',
+        'IS_STATIONARY',
+      ]"
+      removable-sort
       paginator
       v-model:filters="newFilters"
       :value="filteredChecks"
@@ -40,8 +47,12 @@
           }}</router-link>
         </template>
       </Column>
-      <Column header="Seasonality Score" field="SEASONALITY_SCORE"></Column>
-      <Column header="Is Stationary" field="IS_STATIONARY"></Column>
+      <Column
+        sortable
+        header="Seasonality Score"
+        field="SEASONALITY_SCORE"
+      ></Column>
+      <Column sortable header="Is Stationary" field="IS_STATIONARY"></Column>
     </DataTable>
     <template #footer>
       <div class="flex flex-row gap-2">

From b3270204e22edd5dfadb7558e4c0f4fadab3676e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 13:31:47 +0300
Subject: [PATCH 102/202] fix: single select instead of multiselect in data
 quality results column filters

---
 .../components/ResultsTable.vue               | 56 +++++++++----------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 82e3e46b..350bbf8c 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -71,7 +71,7 @@
         {{ data.failed }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           show-clear
           filter
           v-model="filterModel.value"
@@ -80,7 +80,7 @@
           placeholder="Select One"
           class="p-column-filter w-full"
           style="min-width: 12rem"
-        ></Dropdown>
+        ></MultiSelect>
       </template>
     </Column>
     <Column
@@ -90,7 +90,6 @@
       sortable
       header="Table"
       filterField="cdmTableName"
-      field="cdmTableName"
     >
       <template #body="{ data }">
         <div class="flex align-items-center gap-2">
@@ -98,12 +97,13 @@
         </div>
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           show-clear
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
           :options="cdmTableNamesOptions"
+          :maxSelectedLabels="1"
           placeholder="Select One"
           class="p-column-filter w-full"
           style="min-width: 12rem"
@@ -111,7 +111,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -129,7 +129,7 @@
         {{ data.cdmFieldName }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -141,7 +141,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -159,7 +159,7 @@
         {{ data.checkName }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -171,7 +171,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -189,7 +189,7 @@
         {{ data.category }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -201,7 +201,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -219,7 +219,7 @@
         {{ slotProps.data.subcategory ? slotProps.data.subcategory : "None" }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -231,7 +231,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -249,7 +249,7 @@
         {{ data.context }}
       </template>
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -261,7 +261,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -276,7 +276,7 @@
       header="Check Level"
     >
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -288,7 +288,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -303,7 +303,7 @@
       header="Notes"
     >
       <template #filter="{ filterModel, filterCallback }">
-        <Dropdown
+        <MultiSelect
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -315,7 +315,7 @@
           <template #option="slotProps">
             {{ slotProps.option }}
           </template>
-        </Dropdown>
+        </MultiSelect>
       </template>
     </Column>
     <Column
@@ -575,15 +575,15 @@ const notesExistOptions = computed(() => {
 
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
-  failed: { value: null, matchMode: FilterMatchMode.EQUALS },
-  cdmTableName: { value: null, matchMode: FilterMatchMode.EQUALS },
-  cdmFieldName: { value: null, matchMode: FilterMatchMode.EQUALS },
-  checkName: { value: null, matchMode: FilterMatchMode.EQUALS },
-  category: { value: null, matchMode: FilterMatchMode.EQUALS },
-  subcategory: { value: null, matchMode: FilterMatchMode.EQUALS },
-  context: { value: null, matchMode: FilterMatchMode.EQUALS },
-  checkLevel: { value: null, matchMode: FilterMatchMode.EQUALS },
-  notesExist: { value: null, matchMode: FilterMatchMode.EQUALS },
+  failed: { value: null, matchMode: FilterMatchMode.IN },
+  cdmTableName: { value: null, matchMode: FilterMatchMode.IN },
+  cdmFieldName: { value: null, matchMode: FilterMatchMode.IN },
+  checkName: { value: null, matchMode: FilterMatchMode.IN },
+  category: { value: null, matchMode: FilterMatchMode.IN },
+  subcategory: { value: null, matchMode: FilterMatchMode.IN },
+  context: { value: null, matchMode: FilterMatchMode.IN },
+  checkLevel: { value: null, matchMode: FilterMatchMode.IN },
+  notesExist: { value: null, matchMode: FilterMatchMode.IN },
 });
 
 const expanded = ref([]);

From 74ff5762f72950f6d59fdb76a610b0cb850a99ef Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 9 Feb 2024 02:19:35 +0500
Subject: [PATCH 103/202] fix: add concept button color inconsistent with app
 design improve: primary button color

---
 src/app/plugins/tailwind/components/button.ts              | 2 +-
 .../NetworkConceptDashboard/NetworkConceptDashboard.vue    | 7 ++++---
 .../reports/release/DomainTable/components/MainTable.vue   | 6 +++---
 src/widgets/chart/ui/ChartActionIcon.vue                   | 6 ++++--
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/plugins/tailwind/components/button.ts b/src/app/plugins/tailwind/components/button.ts
index 50531232..390faaca 100644
--- a/src/app/plugins/tailwind/components/button.ts
+++ b/src/app/plugins/tailwind/components/button.ts
@@ -274,7 +274,7 @@ export default {
 
       // Primary
       {
-        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300":
+        "hover:bg-primary-600 dark:hover:bg-primary-500 hover:border-primary-600 dark:hover:border-primary-300":
           !props.link &&
           props.severity === null &&
           !props.text &&
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 4c9ba7c8..9c3b3847 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -1,8 +1,10 @@
 <template>
   <Panel header="Network Concept Dashboard">
     <template #icons>
-      <Button @click="dialog = !dialog" plain>
-        <span class="uppercase font-thin text-grey">Add concepts </span></Button
+      <Button @click="dialog = !dialog">
+        <span class="uppercase font-light text-white py-1 px-2"
+          >Add concepts
+        </span></Button
       >
     </template>
     <div class="table-container">
@@ -70,7 +72,6 @@ import environment from "@/shared/api/environment";
 import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
-
 const addedConcepts = ref({});
 const conceptData = ref([]);
 const successMessage: Ref<string[]> = ref([]);
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index ffbede6b..7348e65a 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -42,11 +42,11 @@
             </InputGroup>
             <MultiSelect
               :pt="{
-                root: 'dark:bg-primary-500 bg-primary-400 text-white rounded',
+                root: 'dark:bg-primary-400 bg-primary-500 text-white rounded',
                 labelContainer:
-                  'dark:bg-primary-500 bg-primary-400 text-white rounded',
+                  'dark:bg-primary-400 bg-primary-500 text-white rounded',
                 trigger: [
-                  'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-500 w-12',
+                  'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
                 ],
               }"
               v-model="selectedHeaders"
diff --git a/src/widgets/chart/ui/ChartActionIcon.vue b/src/widgets/chart/ui/ChartActionIcon.vue
index 213d6a7c..bf1ccb04 100644
--- a/src/widgets/chart/ui/ChartActionIcon.vue
+++ b/src/widgets/chart/ui/ChartActionIcon.vue
@@ -20,7 +20,9 @@
       label="Search"
       plain
       :class="`${
-        activated ? 'text-primary-500' : 'text-black dark:text-primary-50'
+        activated
+          ? 'text-primary-500 dark:text-primary-400'
+          : 'text-black dark:text-primary-50'
       }`"
     >
       <span
@@ -28,7 +30,7 @@
         :class="`${
           activated
             ? 'dark:bg-primary-50 dark:text-black bg-black text-white '
-            : 'bg-primary-500 text-white'
+            : 'bg-primary-500 dark:bg-primary-400 text-white'
         } px-2 py-1 rounded-full z-10 top-0 right-0 absolute indent-0 text-xs`"
         :style="{ right: '-3px' }"
       >

From 0c257b06ea57c658519ab16abfca560206346722 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 17:28:16 +0300
Subject: [PATCH 104/202] fix: clicking on the source name throws an error

---
 .../network/NetworkOverview/components/DataSourcesList.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index abe1cd0e..04943a8f 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -30,7 +30,7 @@
         <template #body="slotProps">
           <router-link
             class="text-blue-400 hover:underline"
-            :to="getDataSourceRoute(slotProps.data.cdm_source_name)"
+            :to="getDataSourceRoute(slotProps.data.cdm_source_key)"
             >{{ slotProps.data.cdm_source_name }}</router-link
           >
         </template>

From b57bed1cfe15cdcf848a62ff3e773d0a1caae466 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Feb 2024 17:43:20 +0300
Subject: [PATCH 105/202] fix: some multiselects displaying incorrect text
 colors

---
 .../release/DataQualityResults/components/ResultsTable.vue      | 2 +-
 src/pages/reports/release/DomainTable/components/MainTable.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 350bbf8c..490e7860 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -51,7 +51,7 @@
           placeholder="Select Columns"
         >
           <template #value>
-            <span class="uppercase">Select Columns</span>
+            <span class="uppercase text-white">Select Columns</span>
           </template>
         </MultiSelect>
       </div>
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 491b2028..7f3d88f0 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -57,7 +57,7 @@
               placeholder="Select Columns"
             >
               <template #value>
-                <span class="flex flex-row w-full items-center">
+                <span class="flex flex-row w-full text-white items-center">
                   <svg-icon type="mdi" :path="mdiTable"></svg-icon>
                   <span class="uppercase text-base">Columns to display</span>
                 </span>

From 3bca5626cd6db70b68d25eb8d4211e226ea2e4d3 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 23 Feb 2024 10:58:00 +0300
Subject: [PATCH 106/202] fix: feasibility report range slider overflow

---
 .../components/Range.vue                      | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
index 5a75b46f..f45f269a 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
@@ -151,7 +151,15 @@
 <script setup lang="ts">
 import { timeParse } from "d3-time-format";
 import * as d3Format from "d3-format";
-import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
+import {
+  computed,
+  ref,
+  watch,
+  defineProps,
+  defineEmits,
+  Ref,
+  onMounted,
+} from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
@@ -171,9 +179,11 @@ interface Props {
 
 const props = defineProps<Props>();
 
-const rangeAge: Ref<number[]> = ref([0, 100]);
-const rangeYear: Ref<number[]> = ref([1900, 2021]);
-const continuousObservation: Ref<number[]> = ref([50]);
+const rangeAge: Ref<number[]> = ref([]);
+const rangeYear: Ref<number[]> = ref([]);
+
+const continuousObservation: Ref<number[]> = ref([]);
+
 const getRangeData = computed(function () {
   const person = props.person;
   const timeparse = timeParse("%Y%m");
@@ -241,6 +251,7 @@ const getRangeData = computed(function () {
     ...personData.filter((data) => data.cdm_name === value.cdm_name)[0],
   }));
 });
+
 const getAgeMinMax = computed(function () {
   const data = props.person.reduce(
     (prevValue, current) => [
@@ -285,6 +296,12 @@ watch(getRangeData, () => {
 const formatComma = function (value) {
   return d3Format.format(",")(value);
 };
+
+onMounted(() => {
+  rangeAge.value = getAgeMinMax.value;
+  rangeYear.value = getYearsMinMax.value;
+  continuousObservation.value = [Math.floor(getDurationMinMax.value[1] / 2)];
+});
 </script>
 
 <script lang="ts">

From 3097d8cff3a9a26d1f59baecec6b67c180b0e21b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 26 Feb 2024 15:22:44 +0300
Subject: [PATCH 107/202] fix: right aligned numeric values of measurement
 value distribution table

---
 .../MeasurementValueDistribution.vue          | 119 ++++++++++++++++--
 1 file changed, 112 insertions(+), 7 deletions(-)

diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index 6563f89d..e5f3f258 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -37,13 +37,118 @@
       >
         <template #empty> No concepts found </template>
         <Column sortable header="Unit ID" field="CATEGORY"></Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
         <Column
           :pt="{ headerContent: 'justify-end' }"
           sortable

From 8df74e3380f67d5fed5fefff0fbf34b433ace26f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 26 Feb 2024 15:27:11 +0300
Subject: [PATCH 108/202] fix: domain table columns not sortable

---
 .../DomainTable/components/MainTable.vue      | 116 +++---------------
 1 file changed, 14 insertions(+), 102 deletions(-)

diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 7f3d88f0..f43087b6 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -24,6 +24,7 @@
         :globalFilterFields="['CONCEPT_ID', 'CONCEPT_NAME', '']"
         :rows="10"
         :rowsPerPageOptions="[5, 10, 20, 50]"
+        removable-sort
       >
         <template #header>
           <div class="flex flex-row gap-10">
@@ -69,6 +70,7 @@
           :hidden="!selectedHeaders.includes('CONCEPT_ID')"
           field="CONCEPT_ID"
           header="Concept Id"
+          sortable
         >
           <template #body="slotProps">
             <router-link
@@ -83,6 +85,7 @@
           :hidden="!selectedHeaders.includes('CONCEPT_NAME')"
           field="CONCEPT_NAME"
           header="Concept Name"
+          sortable
         >
           <template #body="slotProps">
             <router-link
@@ -99,6 +102,7 @@
           :hidden="!selectedHeaders.includes('NUM_PERSONS')"
           field="NUM_PERSONS"
           header="# People"
+          sortable
         >
           <template #body="slotProps">
             <div
@@ -116,6 +120,7 @@
           :hidden="!selectedHeaders.includes('DIFF_NUM_PERSONS')"
           field="DIFF_NUM_PERSONS"
           header="Delta # Person"
+          sortable
         >
           <template #body="slotProps">
             <div>
@@ -133,6 +138,7 @@
           :hidden="!selectedHeaders.includes('PERCENT_PERSONS')"
           field="PERCENT_PERSONS"
           header="% People"
+          sortable
         >
           <template #body="slotProps">
             <div
@@ -150,6 +156,7 @@
           :hidden="!selectedHeaders.includes('DIFF_PERCENT_PERSONS')"
           field="DIFF_PERCENT_PERSONS"
           header="Delta % People"
+          sortable
         >
           <template #body="slotProps">
             <div
@@ -167,6 +174,7 @@
           :hidden="!selectedHeaders.includes('RECORDS_PER_PERSON')"
           field="RECORDS_PER_PERSON"
           header="Records per Person"
+          sortable
         >
           <template #body="slotProps">
             <div
@@ -184,6 +192,7 @@
           :hidden="!selectedHeaders.includes('DIFF_RECORDS_PER_PERSON')"
           field="DIFF_RECORDS_PER_PERSON"
           header="Delta Records per Person"
+          sortable
         >
           <template #body="slotProps">
             {{
@@ -199,6 +208,7 @@
           :hidden="!selectedHeaders.includes('AVERAGE_DURATION')"
           field="AVERAGE_DURATION"
           header="Avg Duration"
+          sortable
         >
         </Column>
         <Column
@@ -207,6 +217,7 @@
           :hidden="!selectedHeaders.includes('PERCENT_MISSING_VALUES')"
           field="PERCENT_MISSING_VALUES"
           header="% with Values"
+          sortable
         >
           <template #body="slotProps">
             {{
@@ -225,6 +236,7 @@
           :hidden="!selectedHeaders.includes('MEDIAN_VALUE')"
           field="MEDIAN_VALUE"
           header="Median Era Length (Days)"
+          sortable
         >
         </Column>
         <Column
@@ -233,6 +245,7 @@
           :hidden="!selectedHeaders.includes('P25_VALUE')"
           field="P25_VALUE"
           header="25th % Era Length (Days)"
+          sortable
         >
         </Column>
         <Column
@@ -241,111 +254,10 @@
           :hidden="!selectedHeaders.includes('P75_VALUE')"
           field="P75_VALUE"
           header="75th % Era Length (Days)"
+          sortable
         >
         </Column>
       </DataTable>
-
-      <!--      <v-data-table-->
-      <!--        v-if="store.getters.getData"-->
-      <!--        class="mt-4"-->
-      <!--        density="compact"-->
-      <!--        :headers="showHeaders"-->
-      <!--        :items="store.getters.getData.domainTable"-->
-      <!--        :footer-props="{-->
-      <!--          'items-per-page-options': [10, 25, 50],-->
-      <!--        }"-->
-      <!--        item-key="CONCEPT_ID"-->
-      <!--        :items-per-page="10"-->
-      <!--        :search="route.query.search"-->
-      <!--        :sort-by="['PERCENT_PERSONS']"-->
-      <!--        :sort-desc="[true, false]"-->
-      <!--      >-->
-      <!--        <template v-slot:item.CONCEPT_ID="{ item }">-->
-      <!--          <v-layout flex-end-->
-      <!--            ><router-link :to="getReportRoute(item)">{{-->
-      <!--              item.raw.CONCEPT_ID-->
-      <!--            }}</router-link></v-layout-->
-      <!--          >-->
-      <!--        </template>-->
-      <!--        <template v-slot:item.CONCEPT_NAME="{ item }">-->
-      <!--                <v-row>-->
-      <!--                  <v-col cols="10">-->
-      <!--                    <router-link-->
-      <!--                      :to="getReportRoute(item)"-->
-      <!--                      :title="item.raw.CONCEPT_NAME"-->
-      <!--                      >{{ item.raw.CONCEPT_NAME }}-->
-      <!--                    </router-link>-->
-      <!--                  </v-col>-->
-      <!--                </v-row>-->
-      <!--        </template>-->
-      <!--        <template v-slot:item.NUM_PERSONS="{ item }">-->
-      <!--          <v-layout class="justify-end"-->
-      <!--            ><div-->
-      <!--              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"-->
-      <!--            >-->
-      <!--              {{ helpers.formatComma(item.raw.NUM_PERSONS) }}-->
-      <!--            </div></v-layout-->
-      <!--          >-->
-      <!--        </template>-->
-      <!--      <template v-slot:item.DIFF_NUM_PERSONS="{ item }">-->
-      <!--        <v-layout class="justify-end">-->
-      <!--          {{-->
-      <!--            item.raw.DIFF_NUM_PERSONS-->
-      <!--              ? helpers.formatComma(item.raw.DIFF_NUM_PERSONS)-->
-      <!--              : "No data"-->
-      <!--          }}-->
-      <!--        </v-layout>-->
-      <!--      </template>-->
-      <!--        <template v-slot:item.PERCENT_PERSONS="{ item }">-->
-      <!--          <v-layout class="justify-end"-->
-      <!--            ><div-->
-      <!--              :class="helpers.getFontWeight(item.raw.PERCENT_PERSONS_NTILE)"-->
-      <!--            >-->
-      <!--              {{ (item.raw.PERCENT_PERSONS * 100).toFixed(2) }} %-->
-      <!--            </div></v-layout-->
-      <!--          >-->
-      <!--        </template>-->
-      <!--      <template v-slot:item.DIFF_PERCENT_PERSONS="{ item }">-->
-      <!--        <v-layout class="justify-end"-->
-      <!--          ><div-->
-      <!--            :class="helpers.getFontWeight(item.raw.DIFF_PERCENT_PERSONS_NTILE)"-->
-      <!--          >-->
-      <!--            {{-->
-      <!--              item.raw.DIFF_PERCENT_PERSONS-->
-      <!--                ? (item.raw.DIFF_PERCENT_PERSONS * 100).toFixed(2) + " %"-->
-      <!--                : "No data"-->
-      <!--            }}-->
-      <!--          </div></v-layout-->
-      <!--        >-->
-      <!--      </template>-->
-      <!--      <template v-slot:item.RECORDS_PER_PERSON="{ item }">-->
-      <!--        <v-layout class="justify-end"-->
-      <!--          ><div-->
-      <!--            :class="helpers.getFontWeight(item.raw.RECORDS_PER_PERSON_NTILE)"-->
-      <!--          >-->
-      <!--            {{ item.raw.RECORDS_PER_PERSON }}-->
-      <!--          </div></v-layout-->
-      <!--        >-->
-      <!--      </template>-->
-      <!--      <template v-slot:item.DIFF_RECORDS_PER_PERSON="{ item }">-->
-      <!--        {{-->
-      <!--          item.raw.DIFF_RECORDS_PER_PERSON-->
-      <!--            ? item.raw.DIFF_RECORDS_PER_PERSON-->
-      <!--            : "No data"-->
-      <!--        }}-->
-      <!--      </template>-->
-      <!--        <template v-slot:item.PERCENT_MISSING_VALUES="{ item }">-->
-      <!--          <v-layout class="justify-end"-->
-      <!--            >{{-->
-      <!--              item.raw.PERCENT_MISSING_VALUES-->
-      <!--                ? `${((1 - item.raw.PERCENT_MISSING_VALUES) * 100).toFixed(-->
-      <!--                    2-->
-      <!--                  )} %`-->
-      <!--                : "No data"-->
-      <!--            }}-->
-      <!--          </v-layout>-->
-      <!--        </template>-->
-      <!--      </v-data-table>-->
     </div>
     <template #footer>
       <div class="flex flex-row gap-2">

From 9eb1b95f6693321db6ca460a69db9281b29cd36c Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 27 Feb 2024 15:12:01 +0300
Subject: [PATCH 109/202] feat: added table toggles to network concept report

---
 .../NetworkConceptReport.vue                  |  29 +--
 .../RecordCountProportionByMonth.vue          |  61 +++++-
 .../AgeAtFirstDiagnosis.vue                   | 145 +++++++++++++-
 .../ageAtFirstExposure/AgeAtFirstExposure.vue | 144 ++++++++++++++
 .../AgeAtFirstOccurrence.vue                  | 146 +++++++++++++-
 .../conditionsByType/ConditionsByType.vue     |  50 ++++-
 .../charts/daysSupply/DaysSupply.vue          | 146 +++++++++++++-
 .../charts/drugsByType/DrugsByType.vue        |  49 ++++-
 .../charts/lengthOfEra/LengthOfEra.vue        | 146 +++++++++++++-
 .../MeasurementValueDistributionChart.vue     | 180 +++++++++++++++++-
 .../MeasurementValueDistributionTable.vue     |  47 -----
 .../measurementsByType/MeasurementsByType.vue |  51 ++++-
 .../QuantityDistribution.vue                  | 153 ++++++++++++++-
 .../charts/recordsByUnit/RecordsByUnit.vue    |  50 ++++-
 .../VisitDurationByType.vue                   | 145 +++++++++++++-
 15 files changed, 1461 insertions(+), 81 deletions(-)
 delete mode 100644 src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue

diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 53766e97..354144e7 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -7,9 +7,9 @@
         </PageHeader>
         <div class="flex flex-row gap-5">
           <InputText
+            class="rounded-md text-black dark:text-white dark:bg-surface-800 border border-surface-300 dark:border-surface-700"
             v-model="concept"
-            prepend-icon="mdi-magnify"
-            label="Enter concept ID"
+            placeholder="Concept ID"
           ></InputText>
           <Dropdown
             :options="domains"
@@ -19,7 +19,11 @@
             option-label="text"
             option-value="value"
           ></Dropdown>
-          <Button color="primary" @click="atClick">Update report </Button>
+          <Button @click="atClick">
+            <span class="uppercase font-light text-white py-1 px-2"
+              >Update Report
+            </span></Button
+          >
         </div>
         <div class="flex flex-col gap-5" v-if="store.getters.getData">
           <info-panel
@@ -35,13 +39,9 @@
             v-if="recordCountProportionByMonth.length"
             :data="recordCountProportionByMonth"
           />
-          <MeasurementValueDistributionTable
-            v-if="measurementTable.length"
-            :data="measurementTable"
-          />
           <MeasurementValueDistributionChart
-            v-if="measurementChart.length"
-            :data="measurementChart"
+            v-if="measurementValueDistribution.chart.length"
+            :data="measurementValueDistribution"
           />
           <AgeAtFirstExposure
             v-if="ageAtFirstExposure.length"
@@ -138,9 +138,7 @@ const metadata = computed(() => {
 const recordCountProportionByMonth = computed(() => {
   return store.getters.getData?.chart?.recordCountProportionByMonth || [];
 });
-const measurementChart = computed(() => {
-  return store.getters.getData?.chart?.measurementValueDistribution || [];
-});
+
 const ageAtFirstExposure = computed(() => {
   return store.getters.getData?.chart?.ageAtFirstExposure || [];
 });
@@ -150,8 +148,11 @@ const drugsByType = computed(() => {
 const daysSupply = computed(() => {
   return store.getters.getData?.chart?.daysSupply || [];
 });
-const measurementTable = computed(() => {
-  return store.getters.getData?.table?.measurementValueDistribution || [];
+const measurementValueDistribution = computed(() => {
+  return {
+    table: store.getters.getData?.table?.measurementValueDistribution || [],
+    chart: store.getters.getData?.chart?.measurementValueDistribution || [],
+  };
 });
 const quantityDistribution = computed(() => {
   return store.getters.getData?.chart?.quantityDistribution || [];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index a7aa9104..356f923e 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -1,12 +1,57 @@
 <template>
   <Panel header="Record Count Proportion by Month">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
       width="85"
       :chartSpec="specRecordProportionByMonth"
-      :data="props.data"
+      :data="data"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Date" field="date">
+          <template #body="slotProps">
+            <div>
+              {{
+                slotProps.data.X_CALENDAR_MONTH
+                  ? slotProps.data.X_CALENDAR_MONTH
+                  : "no data"
+              }}
+            </div>
+          </template>
+        </Column>
+
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="RPP1000"
+          field="Y_PREVALENCE_1000PP"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.Y_PREVALENCE_1000PP
+                  ? helpers.formatComma(slotProps.data.Y_PREVALENCE_1000PP)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -42,6 +87,10 @@ import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: [];
@@ -53,6 +102,16 @@ const store = useStore();
 const route = useRoute();
 
 const reportId = "viz-networkrecordproportionbymonth";
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 288aef88..139dfd2c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -1,11 +1,140 @@
 <template>
   <Panel header="Age at First Diagnosis">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
-      :data="props.data"
+      :data="data"
       width="90"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -49,6 +178,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import Panel from "primevue/panel";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
@@ -58,6 +191,16 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 941973a2..29c2e2eb 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -1,11 +1,141 @@
 <template>
   <Panel header="Age At First Exposure">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="props.data"
       width="85"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -43,6 +173,10 @@ import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: [];
@@ -53,6 +187,16 @@ const props = defineProps<Props>();
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index be4a80f6..1ece4bce 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -1,11 +1,141 @@
 <template>
   <Panel header="Age at First Occurrence">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
-      :data="props.data"
+      :data="data"
       width="90"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Sex" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -45,6 +175,10 @@ import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: DistributionType[];
@@ -54,6 +188,16 @@ const props = defineProps<Props>();
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index e7e00c4f..a39d04bd 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -1,11 +1,45 @@
 <template>
   <Panel header="Conditions by Type">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
-      :data="props.data"
+      :data="data"
       width="85"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Condition Type" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -47,6 +81,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 const store = useStore();
 const route = useRoute();
@@ -55,6 +93,16 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index f9d612c0..37a13151 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -1,11 +1,141 @@
 <template>
   <Panel header="Days Supply">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-dayssupply"
       :chartSpec="specDaysSupply"
-      :data="props.data"
+      :data="data"
       width="95"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -44,6 +174,10 @@ import { DistributionType } from "@/processes/exploreReports/model/interfaces/re
 import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: DistributionType[];
@@ -54,6 +188,16 @@ const props = defineProps<Props>();
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index 9a5b3d71..550a0ccd 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -1,11 +1,45 @@
 <template>
   <Panel header="Drugs by Type">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-drugsbytype"
       :chartSpec="specDrugsByType"
-      :data="props.data"
+      :data="data"
       width="90"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Drug Type" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -44,6 +78,10 @@ import { defineProps } from "vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: RecordsCountType[];
@@ -53,6 +91,15 @@ const props = defineProps<Props>();
 
 const store = useStore();
 const route = useRoute();
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index dd3b0325..5c2f5013 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -1,11 +1,141 @@
 <template>
   <Panel header="Length of Era">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-lengthofera"
       :chartSpec="specLengthOfEra"
-      :data="props.data"
+      :data="data"
       width="80"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -38,6 +168,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: DistributionType[];
@@ -46,6 +180,16 @@ interface Props {
 const props = defineProps<Props>();
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index b8fdbabb..67f5c2a0 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -1,5 +1,8 @@
 <template>
   <Panel header="Measurement Value Distributions by Database and Unit">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <div class="pa-4">
       <MultiSelect
         v-model="selectedMeasurementUnits"
@@ -17,8 +20,156 @@
       id="viz-networkmeasurementvaluedistribution"
       ref="measurementvalue"
       :chartSpec="specMeasurementValueDistribution"
-      :data="getSelectedMeasurementUnits ? getSelectedMeasurementUnits : []"
+      :data="
+        getSelectedMeasurementUnitsChart ? getSelectedMeasurementUnitsChart : []
+      "
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="
+          getSelectedMeasurementUnitsTable
+            ? getSelectedMeasurementUnitsTable
+            : []
+        "
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"></Column>
+        <Column sortable header="Unit" field="CATEGORY"></Column>
+        <Column sortable header="Release" field="RELEASE"></Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Count Value"
+          field="UNIT_COUNT"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.UNIT_COUNT
+                  ? helpers.formatComma(slotProps.data.UNIT_COUNT)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -58,29 +209,46 @@ import { DistributionType } from "@/processes/exploreReports/model/interfaces/re
 import Panel from "primevue/panel";
 import MultiSelect from "primevue/multiselect";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 
 const store = useStore();
 const router = useRouter();
 
 interface Props {
-  data: DistributionType[];
+  data: { chart: DistributionType[]; table: DistributionType[] };
 }
 
 const props = defineProps<Props>();
 
 const getMeasurementUnits = computed(function () {
-  return [...new Set(props.data.map((value) => value.CATEGORY))];
+  return [...new Set(props.data.chart.map((value) => value.CATEGORY))];
 });
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
-const getSelectedMeasurementUnits = computed(function () {
+const getSelectedMeasurementUnitsChart = computed(function () {
+  return selectedMeasurementUnits.value.length
+    ? props.data.chart.filter((value) =>
+        selectedMeasurementUnits.value.includes(value.CATEGORY)
+      )
+    : props.data.chart;
+});
+
+const getSelectedMeasurementUnitsTable = computed(function () {
   return selectedMeasurementUnits.value.length
-    ? props.data.filter((value) =>
+    ? props.data.table.filter((value) =>
         selectedMeasurementUnits.value.includes(value.CATEGORY)
       )
-    : props.data;
+    : props.data.table;
 });
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
deleted file mode 100644
index 94cbc075..00000000
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <Panel
-    header="Measurement Value Distribution Table"
-    v-if="store.getters.getData.table"
-    elevation="10"
-    class="ma-4"
-  >
-    <DataTable
-      removable-sort
-      size="small"
-      paginator
-      :value="props.data"
-      :rows="10"
-      :rowsPerPageOptions="[5, 10, 20, 50]"
-    >
-      <Column sortable header="Source" field="SOURCE"></Column>
-      <Column sortable header="Unit" field="CATEGORY"></Column>
-      <Column sortable header="Release" field="RELEASE"></Column>
-      <Column sortable header="Count Value" field="UNIT_COUNT"></Column>
-      <Column sortable header="Min Value" field="MIN_VALUE"></Column>
-      <Column sortable header="P10 Value" field="P10_VALUE"></Column>
-      <Column sortable header="P25 Value" field="P25_VALUE"></Column>
-      <Column sortable header="Median Value" field="MEDIAN_VALUE"></Column>
-      <Column sortable header="P75 Value" field="P75_VALUE"></Column>
-      <Column sortable header="P90 Value" field="P90_VALUE"></Column>
-      <Column sortable header="Max Value" field="MAX_VALUE"></Column>
-    </DataTable>
-  </Panel>
-</template>
-
-<script setup lang="ts">
-import { useStore } from "vuex";
-import { defineProps } from "vue";
-import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
-import DataTable from "primevue/datatable";
-import Column from "primevue/column";
-import Panel from "primevue/panel";
-const store = useStore();
-
-interface Props {
-  data: DistributionType[];
-}
-
-const props = defineProps<Props>();
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index 09dae6e5..982ce750 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -1,11 +1,46 @@
 <template>
   <Panel header="Measurements by Type">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
-      :data="props.data"
+      :data="data"
       width="85"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Measurement type" field="CONCEPT_NAME">
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -43,6 +78,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: RecordsCountType[];
@@ -52,6 +91,16 @@ const props = defineProps<Props>();
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index b60f5045..3ba85f32 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -1,11 +1,141 @@
 <template>
   <Panel header="Quantity">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-quantity"
       :chartSpec="specQuantity"
-      :data="props.data"
+      :data="data"
       width="95"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Category" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -40,20 +170,35 @@ import { useRoute, useRouter } from "vue-router";
 import { specQuantity } from "./specQuantity";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
-const store = useStore();
-const route = useRoute();
-const router = useRouter();
 import Panel from "primevue/panel";
 
 import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
 
 interface Props {
   data: DistributionType[];
 }
 
 const props = defineProps<Props>();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index d639b00c..25302fdf 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -1,11 +1,45 @@
 <template>
   <Panel header="Records by Unit">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-recordsbyunit"
       :chartSpec="specRecordsByUnit"
-      :data="props.data"
+      :data="data"
       width="85"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+
+        <Column sortable header="Unit Type" field="CONCEPT_NAME"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="COUNT_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.COUNT_VALUE
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -38,6 +72,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: RecordsCountType[];
@@ -47,6 +85,16 @@ const props = defineProps<Props>();
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index ccfa9580..406846cd 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -1,11 +1,140 @@
 <template>
   <Panel header="Visit Duration By Type">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
     <Chart
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
-      :data="props.data"
+      :data="data"
       width="90"
     />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Source" field="SOURCE"> </Column>
+        <Column sortable header="Category" field="CATEGORY"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MIN_VALUE
+                  ? helpers.formatComma(slotProps.data.MIN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P10_VALUE
+                  ? helpers.formatComma(slotProps.data.P10_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P25_VALUE
+                  ? helpers.formatComma(slotProps.data.P25_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MEDIAN_VALUE
+                  ? helpers.formatComma(slotProps.data.MEDIAN_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P75_VALUE
+                  ? helpers.formatComma(slotProps.data.P75_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.P90_VALUE
+                  ? helpers.formatComma(slotProps.data.P90_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.MAX_VALUE
+                  ? helpers.formatComma(slotProps.data.MAX_VALUE)
+                  : 0
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
     <template #footer>
       <div class="flex flex-row gap-2">
         <ChartActionIcon
@@ -38,6 +167,10 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces } from "@mdi/js";
 import Panel from "primevue/panel";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { computed, ref } from "vue";
 
 interface Props {
   data: DistributionType[];
@@ -47,6 +180,16 @@ const props = defineProps<Props>();
 
 const store = useStore();
 const route = useRoute();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return props.data;
+});
 </script>
 
 <style scoped></style>

From 6ba26a1ac7b17b0e08449f194610e1eeaefcaeff Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 27 Feb 2024 15:38:51 +0300
Subject: [PATCH 110/202] fix: duplicate key in object literal warning

---
 src/app/plugins/tailwind/components/tabview.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/app/plugins/tailwind/components/tabview.ts b/src/app/plugins/tailwind/components/tabview.ts
index 00e6fd37..b90ab39a 100644
--- a/src/app/plugins/tailwind/components/tabview.ts
+++ b/src/app/plugins/tailwind/components/tabview.ts
@@ -107,11 +107,8 @@ export default {
         {
           "border-surface-200 dark:border-surface-700":
             parent.state.d_activeIndex !== context.index,
-          "bg-surface-0 dark:bg-surface-800":
-            parent.state.d_activeIndex !== context.index,
           "text-surface-700 dark:text-surface-0/80":
             parent.state.d_activeIndex !== context.index,
-
           "bg-surface-0 dark:bg-surface-800":
             parent.state.d_activeIndex === context.index,
           "border-primary-500 dark:border-primary-400":

From e91098741eb79c760b05aa94a81cc4da34fd942e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 27 Feb 2024 15:45:24 +0300
Subject: [PATCH 111/202] fix: release listing numeric columns aligned left
 with no sorting

---
 .../charts/releaseListing/ReleaseListing.vue  | 49 +++++++++++++------
 1 file changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index fd9678b1..7dea50c3 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -8,27 +8,44 @@
       :rows="5"
       :rowsPerPageOptions="[5, 10, 20, 50]"
       tableStyle="min-width: 50rem"
+      removable-sort
     >
-      <Column field="release_name" header="Release Date"> </Column>
-      <Column field="count_person" header="Count person">
+      <Column sortable field="release_name" header="Release Date"> </Column>
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        sortable
+        field="count_person"
+        header="Count person"
+      >
         <template #body="slotProps">
-          <router-link
-            class="text-blue-400 hover:underline"
-            :to="getPersonLink(slotProps.data)"
-            :title="slotProps.data.count_person"
-            >{{ helpers.formatComma(slotProps.data.count_person) }}</router-link
-          >
+          <div class="flex flex-row justify-end">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getPersonLink(slotProps.data)"
+              :title="slotProps.data.count_person"
+              >{{
+                helpers.formatComma(slotProps.data.count_person)
+              }}</router-link
+            >
+          </div>
         </template>
       </Column>
-      <Column field="count_data_quality_issues" header="Data quality issues">
+      <Column
+        :pt="{ headerContent: 'justify-end' }"
+        sortable
+        field="count_data_quality_issues"
+        header="Data quality issues"
+      >
         <template #body="slotProps">
-          <router-link
-            class="text-blue-400 hover:underline"
-            :to="getQualityLink(slotProps.data)"
-            >{{
-              helpers.formatComma(slotProps.data.count_data_quality_issues)
-            }}</router-link
-          >
+          <div class="flex flex-row justify-end">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getQualityLink(slotProps.data)"
+              >{{
+                helpers.formatComma(slotProps.data.count_data_quality_issues)
+              }}</router-link
+            >
+          </div>
         </template>
       </Column>
     </DataTable>

From cafeb24340e70bd25798a75a5b213a4d4ccc602f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 28 Feb 2024 17:45:57 +0300
Subject: [PATCH 112/202] fix: network overview report source listing numeric
 columns aligned left imp: number formatting of billions from "G" to "B" imp:
 default table size to 20 rows.

---
 .../components/DataNetworkOverview.vue        |  2 +-
 .../components/DataSourcesList.vue            | 39 ++++++++++++++-----
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
index 6985a5d8..0fa021d2 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataNetworkOverview.vue
@@ -79,7 +79,7 @@ const countPeople = computed(function () {
 });
 
 const personCountFormatter = function (count: number) {
-  return d3.format(".3s")(count);
+  return d3.format(".3s")(count).replace("G", "B");
 };
 </script>
 
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 04943a8f..a0d13002 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -7,7 +7,7 @@
       v-model:filters="newFilters"
       :globalFilterFields="['cdm_source_name', 'releases[0].release_name', '']"
       paginator
-      :rows="10"
+      :rows="20"
       :rowsPerPageOptions="[5, 10, 20, 50]"
       tableStyle="min-width: 50rem"
     >
@@ -35,11 +35,6 @@
           >
         </template>
       </Column>
-      <Column field="releases[0].count_person" header="Person Count">
-        <template #body="slotProps">
-          {{ slotProps.data.releases[0].count_person }}
-        </template>
-      </Column>
       <Column field="releases[0].obs_period_start" header="Start Observed">
         <template #body="slotProps">
           {{ slotProps.data.releases[0].obs_period_start }}
@@ -56,6 +51,16 @@
         </template>
       </Column>
       <Column
+        field="releases[0].vocabulary_version"
+        header="Vocabulary Version"
+      >
+        <template #body="slotProps">
+          {{ slotProps.data.releases[0].vocabulary_version }}
+        </template>
+      </Column>
+      <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
         field="releases[0].count_data_quality_issues"
         header="Data Quality Issues"
       >
@@ -63,17 +68,30 @@
           {{ slotProps.data.releases[0].count_data_quality_issues }}
         </template>
       </Column>
-      <Column field="count_releases" header="Data Source Releases"></Column>
+      <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
+        field="count_releases"
+        header="Data Source Releases"
+      ></Column>
 
       <Column
-        field="releases[0].vocabulary_version"
-        header="Vocabulary Version"
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
+        field="releases[0].count_person"
+        header="Person Count"
       >
         <template #body="slotProps">
-          {{ slotProps.data.releases[0].vocabulary_version }}
+          {{
+            slotProps.data.releases[0].count_person
+              ? helpers.formatComma(slotProps.data.releases[0].count_person)
+              : 0
+          }}
         </template>
       </Column>
       <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
         field="average_update_interval_days"
         header="Average Update Frequency (days)"
       >
@@ -97,6 +115,7 @@ import InputGroupAddon from "primevue/inputgroupaddon";
 import InputGroup from "primevue/inputgroup";
 import { useRoute, useRouter } from "vue-router";
 import { FilterMatchMode } from "primevue/api";
+import { helpers } from "@/shared/lib/mixins";
 
 const store = useStore();
 const route = useRoute();

From 2deb37e519c8b700f0cc70a2f1c4646b1a7b7cfd Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 28 Feb 2024 16:48:28 -0500
Subject: [PATCH 113/202] updates to explorer dropdown and networkconcept
 report

---
 .../plugins/tailwind/components/dropdown.ts   | 14 ++--
 .../NetworkConceptDashboard.vue               | 68 ++++++++-----------
 src/widgets/explorer/ui/Explorer.vue          |  8 +--
 3 files changed, 40 insertions(+), 50 deletions(-)

diff --git a/src/app/plugins/tailwind/components/dropdown.ts b/src/app/plugins/tailwind/components/dropdown.ts
index 42e8cf97..6c58334a 100644
--- a/src/app/plugins/tailwind/components/dropdown.ts
+++ b/src/app/plugins/tailwind/components/dropdown.ts
@@ -50,7 +50,7 @@ export default {
       { "pr-7": props.showClear },
 
       //Shape
-      "rounded-none",
+      "rounded-sm",
 
       // Transitions
       "transition",
@@ -98,6 +98,9 @@ export default {
       "bg-surface-0 dark:bg-surface-800",
       "text-surface-800 dark:text-white/80",
       "dark:border-surface-700",
+
+      // misc
+      "my-1",
     ],
   },
   wrapper: {
@@ -110,7 +113,7 @@ export default {
     ],
   },
   list: {
-    class: "py-3 list-none m-0",
+    class: "py-0 px-0 list-none m-1",
   },
   item: ({ context }) => ({
     class: [
@@ -122,12 +125,11 @@ export default {
       "relative",
 
       // Shape
-      "border-0",
-      "rounded-none",
+      "rounded",
 
       // Spacing
-      "m-0",
-      "py-3 px-5",
+      "my-2 mx-1",
+      "py-1 px-2",
 
       // Color
       {
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 9c3b3847..50d12639 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -2,34 +2,25 @@
   <Panel header="Network Concept Dashboard">
     <template #icons>
       <Button @click="dialog = !dialog">
-        <span class="uppercase font-light text-white py-1 px-2"
-          >Add concepts
-        </span></Button
-      >
+        <span class="uppercase font-light text-white py-1 px-2">Add concepts
+        </span></Button>
     </template>
     <div class="table-container">
-      <DataTable
-        removable-sort
-        rowGroupMode="subheader"
-        groupRowsBy="CONCEPT_NAME"
-        class="table"
-        v-if="conceptData.length"
-        size="small"
-        paginator
-        :value="conceptData"
-        :rows="10"
-        :rowsPerPageOptions="[5, 10, 20, 50]"
-      >
+      <DataTable removable-sort rowGroupMode="subheader" groupRowsBy="CONCEPT_NAME" class="table"
+        v-if="conceptData.length" size="small" paginator :value="conceptData" :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]">
         <Column sortable header="Source" field="CDM_NAME"></Column>
         <Column sortable header="Concept Name" field="CONCEPT_NAME"></Column>
 
         <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
-        <Column sortable header="# People" field="PEOPLE_COUNT">
+        <Column sortable header="# People" field="PEOPLE_COUNT" style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }">
           <template #body="slotProps">
             {{ helpers.formatComma(slotProps.data.PEOPLE_COUNT) }}
           </template>
         </Column>
-        <Column sortable header="% People" field="PEOPLE_PERCENT">
+        <Column sortable header="% People" field="PEOPLE_PERCENT" style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }">
           <template #body="slotProps">
             {{ slotProps.data.PEOPLE_PERCENT }}%
           </template>
@@ -40,15 +31,8 @@
       </div>
     </div>
   </Panel>
-  <ConceptSearchForm
-    :added-concepts="addedConcepts"
-    :success-message="successMessage"
-    :errors="errors"
-    @close="close"
-    @save="(item) => save(item)"
-    @inputChanged="clearMessages"
-    :show="dialog"
-  />
+  <ConceptSearchForm :added-concepts="addedConcepts" :success-message="successMessage" :errors="errors" @close="close"
+    @save="(item) => save(item)" @inputChanged="clearMessages" :show="dialog" />
 </template>
 
 <script setup lang="ts">
@@ -157,20 +141,20 @@ const save = function (item) {
       files:
         environment.DUCKDB_ENABLED === "true"
           ? getDuckDBTables({
-              domain: webApiKeyMap.domains[item.DOMAIN_ID],
-              concept: item.CONCEPT_ID,
-            })[webApiKeyMap.domains[item.DOMAIN_ID]]
+            domain: webApiKeyMap.domains[item.DOMAIN_ID],
+            concept: item.CONCEPT_ID,
+          })[webApiKeyMap.domains[item.DOMAIN_ID]]
           : [
-              {
-                name: CONCEPT,
-                instanceParams: [
-                  {
-                    domain: webApiKeyMap.domains[item.DOMAIN_ID],
-                    concept: item.CONCEPT_ID,
-                  },
-                ],
-              },
-            ],
+            {
+              name: CONCEPT,
+              instanceParams: [
+                {
+                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                  concept: item.CONCEPT_ID,
+                },
+              ],
+            },
+          ],
       criticalError: false,
       duckdb_supported: true,
     })
@@ -213,11 +197,13 @@ export default {
 .table {
   flex-grow: 1;
 }
+
 .table-card {
   padding: 10px;
   width: 100%;
   height: 100%;
 }
+
 .table-container {
   display: flex;
   flex-grow: 1;
@@ -225,10 +211,12 @@ export default {
   padding: 10px;
   min-height: 60vh;
 }
+
 .placeholder {
   text-align: center;
   align-self: center;
 }
+
 .table-placeholder {
   font-size: 1.5rem !important;
 }
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index d26c247d..6f9259db 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -17,9 +17,9 @@
           optionLabel="name"
         >
           <template #option="slotProps">
-            <div class="flex items-center justify-between gap-5">
-              <div>{{ slotProps.option.name }}</div>
+            <div class="flex items-center gap-2">
               <svg-icon type="mdi" :path="slotProps.option.icon"></svg-icon>
+              <div>{{ slotProps.option.name }}</div>
             </div>
           </template>
         </dropdown>
@@ -67,9 +67,9 @@
           optionLabel="name"
         >
           <template #option="slotProps">
-            <div class="flex items-center justify-between gap-5">
-              <div>{{ slotProps.option.name }}</div>
+            <div class="flex items-center gap-2">
               <svg-icon type="mdi" :path="slotProps.option.icon"></svg-icon>
+              <div>{{ slotProps.option.name }}</div>
             </div>
           </template>
         </dropdown>

From d03aa1a0877661b7f3598196e82cb37aa9dec9cf Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 4 Mar 2024 17:29:26 +0300
Subject: [PATCH 114/202] fix: numeric columns aligned left

---
 .../AgeAtFirstDiagnosis.vue                   | 63 ++++++++++++++++---
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue | 63 ++++++++++++++++---
 .../AgeAtFirstOccurrence.vue                  | 63 ++++++++++++++++---
 .../charts/DaysSupply/DaysSupply.vue          | 63 ++++++++++++++++---
 .../charts/LengthOfEra/LengthOfEra.vue        | 63 ++++++++++++++++---
 .../QuantityDistribution.vue                  | 63 ++++++++++++++++---
 .../RecordCountProportionByAgeSexYear.vue     |  2 +
 .../RecordCountProportionByMonth.vue          |  9 ++-
 .../VisitDurationByType.vue                   | 63 ++++++++++++++++---
 .../charts/AgeAtDeath/AgeAtDeath.vue          | 63 ++++++++++++++++---
 .../RecordCountProportionByAgeSexYear.vue     |  2 +
 .../RecordCountProportionByMonth.vue          |  2 +
 .../AgeAtFirstObservationBySex.vue            | 63 ++++++++++++++++---
 .../YearsOfObservationByAge.vue               | 63 ++++++++++++++++---
 .../YearsOfObservationBySex.vue               | 63 ++++++++++++++++---
 .../PopulationByAgeSex/PopulationByAgeSex.vue | 33 ++++++----
 .../TemporalCharacterization.vue              |  5 +-
 17 files changed, 654 insertions(+), 92 deletions(-)

diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 1806351a..6ba71b6c 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Sex" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
 
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index 5be45d9f..44ca8e17 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index d576aed0..336f3b3b 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Sex" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index be066f84..bfa1b0bf 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
 
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index c87416f5..609980eb 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 99f2620d..531b930d 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Category" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index d2684006..e3083b18 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -26,6 +26,8 @@
         <Column sortable header="Age Decile" field="TRELLIS_NAME"> </Column>
         <Column sortable header="Year" field="X_CALENDAR_YEAR"> </Column>
         <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
           sortable
           header="Record Proportion per 1000"
           field="Y_PREVALENCE_1000PP"
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 7365ca31..e6071f47 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -48,7 +48,14 @@
           </template>
         </Column>
 
-        <Column sortable header="RPP1000" field="Y_PREVALENCE_1000PP"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="RPP1000"
+          field="Y_PREVALENCE_1000PP"
+        >
+        </Column>
       </DataTable>
     </div>
 
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 5c1d5aec..fdef7284 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Category" field="CATEGORY"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
 
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index fcdd8ce2..9d5e4948 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -20,13 +20,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Sex" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 8001fc32..7735b90d 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -23,6 +23,8 @@
         <Column sortable header="Age Decile" field="TRELLIS_NAME"> </Column>
         <Column sortable header="Year" field="X_CALENDAR_YEAR"> </Column>
         <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
           sortable
           header="Record Proportion Per 1000"
           field="Y_PREVALENCE_1000PP"
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 390036f4..7dd059de 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -39,6 +39,8 @@
         <Column sortable header="Month" field="X_CALENDAR_MONTH"> </Column>
 
         <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
           sortable
           header="Record Proportion Per 1000"
           field="Y_PREVALENCE_1000PP"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index dd0b4171..16f36159 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Sex" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 1db614ad..90aa2f94 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="CATEGORY" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index bb5e7c1a..68a06f66 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -19,13 +19,62 @@
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Sex" field="CATEGORY"> </Column>
-        <Column sortable header="MIN_VALUE" field="MIN_VALUE"> </Column>
-        <Column sortable header="P10_VALUE" field="P10_VALUE"> </Column>
-        <Column sortable header="P25_VALUE" field="P25_VALUE"> </Column>
-        <Column sortable header="MEDIAN_VALUE" field="MEDIAN_VALUE"> </Column>
-        <Column sortable header="P75_VALUE" field="P75_VALUE"> </Column>
-        <Column sortable header="P90_VALUE" field="P90_VALUE"> </Column>
-        <Column sortable header="MAX_VALUE" field="MAX_VALUE"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="MIN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="P10_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="P25_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="MEDIAN_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="P75_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="P90_VALUE"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="MAX_VALUE"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index d48b4d2e..3ea18a53 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -45,28 +45,35 @@
     />
     <div v-if="showTable" class="p-4">
       <DataTable
-          removable-sort
-          size="small"
-          paginator
-          :value="store.getters.getData.personData.AGE_GENDER_DATA"
-          :rows="5"
-          :rowsPerPageOptions="[5, 10, 20, 50]"
+        removable-sort
+        size="small"
+        paginator
+        :value="store.getters.getData.personData.AGE_GENDER_DATA"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
       >
         <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
         <Column sortable header="Sex" field="CONCEPT_NAME"> </Column>
-        <Column sortable header="AGE" field="AGE"> </Column>
         <Column
-            :pt="{ headerContent: 'justify-end' }"
-            sortable
-            header="# of People"
-            field="COUNT_VALUE"
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="AGE"
+          field="AGE"
+        >
+        </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# of People"
+          field="COUNT_VALUE"
         >
           <template #body="slotProps">
             <div class="flex justify-end">
               {{
                 slotProps.data.COUNT_VALUE
-                    ? helpers.formatComma(slotProps.data.COUNT_VALUE)
-                    : "No data"
+                  ? helpers.formatComma(slotProps.data.COUNT_VALUE)
+                  : "No data"
               }}
             </div>
           </template>
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 8eb82651..9fa7cbb2 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -47,12 +47,15 @@
           }}</router-link>
         </template>
       </Column>
+
+      <Column sortable header="Is Stationary" field="IS_STATIONARY"></Column>
       <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
         sortable
         header="Seasonality Score"
         field="SEASONALITY_SCORE"
       ></Column>
-      <Column sortable header="Is Stationary" field="IS_STATIONARY"></Column>
     </DataTable>
     <template #footer>
       <div class="flex flex-row gap-2">

From b513b8a5fa0d42ef8e4a75870049dd63362b79bc Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 23 Feb 2024 10:48:57 +0300
Subject: [PATCH 115/202] feat: added cohorts index and drilldown reports

---
 .../CohortDrilldownReport.vue                 |  68 ++++
 .../reports/CohortCharacterizationTable.vue   | 329 ++++++++++++++++++
 .../reports/IndexEventBreakdownTable.vue      | 278 +++++++++++++++
 .../TimeDistributionChart.vue                 | 172 +++++++++
 .../specCohortTimeDistribution.ts             |  51 +++
 .../release/CohortsTable/CohortsTable.vue     |  25 ++
 .../CohortsTable/components/CohortsIndex.vue  | 108 ++++++
 .../PerformanceReport/PerformanceTable.vue    |   8 +-
 ...nformation.vue => AchillesPerformance.vue} |   6 +-
 .../CohortDiagnosticsPerformance.vue          |  69 ++++
 .../exploreReports/config/dataLoadConfig.ts   |  26 +-
 src/processes/exploreReports/config/routes.ts |  12 +
 .../store/postprocessing/cohortReport.ts      |  23 ++
 .../model/store/postprocessing/index.ts       |   2 +
 .../model/store/postprocessing/performance.ts |  11 +-
 .../model/store/preprocessing/index.ts        |  10 +
 src/shared/api/axios/files.ts                 |   5 +
 src/shared/config/files.ts                    |  10 +
 src/widgets/explorer/config/reports.ts        |   8 +-
 .../explorer/model/store/explorer.module.ts   |  18 +-
 src/widgets/explorer/ui/Explorer.vue          |  15 +
 21 files changed, 1238 insertions(+), 16 deletions(-)
 create mode 100644 src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
 create mode 100644 src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
 create mode 100644 src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
 create mode 100644 src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
 create mode 100644 src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/specCohortTimeDistribution.ts
 create mode 100644 src/pages/reports/release/CohortsTable/CohortsTable.vue
 create mode 100644 src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
 rename src/pages/reports/release/PerformanceReport/components/{PerformanceInformation.vue => AchillesPerformance.vue} (94%)
 create mode 100644 src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/cohortReport.ts

diff --git a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
new file mode 100644
index 00000000..c4cd512f
--- /dev/null
+++ b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
@@ -0,0 +1,68 @@
+<template>
+  <div
+    v-if="!store.getters.getErrors && store.getters.dataInStore"
+    class="flex flex-col gap-10"
+  >
+    <PageHeader :title="cohortName || 'Report name unknown'">
+      <template #default>
+        <div class="flex flex-row gap-2">
+          <ReturnButton />
+        </div>
+      </template>
+    </PageHeader>
+    <CohortCharacterizationReport :data="getFilteredCharacterizationTable" />
+    <IndexEventBreakdownTable :data="getFilteredIndexEventBreakdownTable" />
+    <TimeDistributionChart :data="getFilteredTimeDistributionChart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+import CohortCharacterizationReport from "@/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
+import { computed } from "vue";
+import { COHORT_REPORT } from "@/shared/config/files";
+import { useRoute } from "vue-router";
+import ReturnButton from "@/features/returnToPreviousPage";
+import IndexEventBreakdownTable from "@/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue";
+import TimeDistributionChart from "@/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue";
+
+const store = useStore();
+const route = useRoute();
+
+const characterizationTable = computed(() => {
+  return store.getters.getData.characterizationTable || [];
+});
+
+const indexEventBreakdownTable = computed(() => {
+  return store.getters.getData.indexEventBreakdownTable || [];
+});
+
+const timeDistributionChart = computed(() => {
+  return store.getters.getData.timeDistribution || [];
+});
+
+const getFilteredCharacterizationTable = computed(() => {
+  return characterizationTable.value.filter((val) => {
+    return route.params.cohort_id === val.cohort_id;
+  });
+});
+
+const getFilteredIndexEventBreakdownTable = computed(() => {
+  return indexEventBreakdownTable.value.filter((val) => {
+    return route.params.cohort_id === val.cohort_id;
+  });
+});
+
+const getFilteredTimeDistributionChart = computed(() => {
+  return timeDistributionChart.value.filter((val) => {
+    return route.params.cohort_id === val.cohort_id;
+  });
+});
+
+const cohortName = computed(() => {
+  return getFilteredCharacterizationTable.value[0]?.cohort_name;
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
new file mode 100644
index 00000000..384ea88d
--- /dev/null
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -0,0 +1,329 @@
+<template>
+  <Panel
+    v-if="store.getters.dataInStore"
+    header="Cohort Characterization report"
+  >
+    <div class="p-5">
+      <DataTable
+        removable-sort
+        size="small"
+        :value="props.data"
+        v-model:filters="filters"
+        paginator
+        filterDisplay="row"
+        :globalFilterFields="[
+          'covariate_name',
+          'analysis_name',
+          'temporal_choice',
+          'domain_id',
+        ]"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #header>
+          <div class="flex flex-row gap-10">
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                v-model="filters.global.value"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
+            <MultiSelect
+              :pt="{
+                root: 'dark:bg-primary-400 bg-primary-500 text-white rounded',
+                labelContainer:
+                  'dark:bg-primary-400 bg-primary-500 text-white rounded',
+                trigger: [
+                  'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
+                ],
+              }"
+              v-model="selectedHeaders"
+              data-key="title"
+              option-label="title"
+              option-value="key"
+              :options="getHeaders"
+              placeholder="Select Columns"
+            >
+              <template #value>
+                <span class="flex flex-row w-full text-white items-center">
+                  <svg-icon type="mdi" :path="mdiTable"></svg-icon>
+                  <span class="uppercase text-base">Columns to display</span>
+                </span>
+              </template>
+            </MultiSelect>
+          </div>
+        </template>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="concept_id"
+          header="Concept ID"
+          :hidden="!selectedHeaders.includes('concept_id')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="concept_id_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="covariate_name"
+          header="Covariate Name"
+          :hidden="!selectedHeaders.includes('covariate_name')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="covariate_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="analysis_name"
+          header="Analysis Name"
+          :hidden="!selectedHeaders.includes('analysis_name')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="analysis_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="domain_id"
+          header="Domain Name"
+          :hidden="!selectedHeaders.includes('domain_id')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="domain_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="temporal_choice"
+          header="Temporal Choices"
+          :hidden="!selectedHeaders.includes('temporal_choice')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="temporal_choice_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          field="mean"
+          header="Mean"
+          :hidden="!selectedHeaders.includes('mean')"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.mean
+                ? `${((1 - slotProps.data.mean) * 100).toFixed(2)} %`
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          sortable
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          field="sd"
+          header="Sd"
+          :hidden="!selectedHeaders.includes('sd')"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.sd
+                ? `${((1 - slotProps.data.sd) * 100).toFixed(2)} %`
+                : "No data"
+            }}
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { useStore } from "vuex";
+import { computed, ref, defineProps, onMounted } from "vue";
+import MultiSelect from "primevue/multiselect";
+import { helpers } from "@/shared/lib/mixins";
+import { FilterMatchMode } from "primevue/api";
+import { mdiTable } from "@mdi/js";
+import InputGroup from "primevue/inputgroup";
+import InputText from "primevue/inputtext";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import { debounce } from "lodash";
+import { useRoute, useRouter } from "vue-router";
+import SvgIcon from "@jamescoyle/vue-icon";
+
+const filters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+  domain_id: { value: null, matchMode: FilterMatchMode.IN },
+  covariate_name: { value: null, matchMode: FilterMatchMode.IN },
+  analysis_name: { value: null, matchMode: FilterMatchMode.IN },
+  temporal_choice: { value: null, matchMode: FilterMatchMode.IN },
+  concept_id: { value: null, matchMode: FilterMatchMode.IN },
+});
+
+const search = ref("");
+
+interface Props {
+  data: [];
+}
+
+const headers = ref({
+  domain_id: {
+    title: "Domain",
+    sortable: true,
+    key: "domain_id",
+    align: "start",
+    show: false,
+  },
+  covariate_name: {
+    title: "Covariate Name",
+    sortable: true,
+    key: "covariate_name",
+    align: "start",
+    show: true,
+  },
+  analysis_name: {
+    title: "Analysis Name",
+    sortable: true,
+    key: "analysis_name",
+    align: "end",
+    show: false,
+  },
+  temporal_choice: {
+    title: "Temporal Choices",
+    sortable: true,
+    key: "temporal_choice",
+    align: "end",
+    show: true,
+  },
+  concept_id: {
+    title: "Concept ID",
+    sortable: true,
+    key: "concept_id",
+    align: "end",
+    show: true,
+  },
+  mean: {
+    title: "Mean",
+    sortable: true,
+    key: "mean",
+    align: "end",
+    show: false,
+  },
+  sd: {
+    title: "Sd",
+    sortable: true,
+    key: "concept_id",
+    align: "end",
+    show: false,
+  },
+});
+
+const selectedHeaders = ref([]);
+
+const getHeaders = computed(() => {
+  return Object.values(headers.value);
+});
+
+const setDefaultSelectedHeaders = function () {
+  selectedHeaders.value = Object.values(headers.value)
+    .filter((value) => value.show)
+    .reduce((acc, val) => [...acc, val.key], []);
+};
+
+onMounted(() => {
+  setDefaultSelectedHeaders();
+});
+
+const props = defineProps<Props>();
+
+const store = useStore();
+
+const domain_options = computed(() => {
+  return helpers.getValuesArray(props.data, "domain_id", true);
+});
+const analysis_options = computed(() => {
+  return helpers.getValuesArray(props.data, "analysis_name", true);
+});
+
+const covariate_options = computed(() => {
+  return helpers.getValuesArray(props.data, "covariate_name", true);
+});
+
+const temporal_choice_options = computed(() => {
+  return helpers.getValuesArray(props.data, "temporal_choice", true);
+});
+
+const concept_id_options = computed(() => {
+  return helpers.getValuesArray(props.data, "concept_id", true);
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
new file mode 100644
index 00000000..df5a7ce2
--- /dev/null
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -0,0 +1,278 @@
+<template>
+  <Panel v-if="store.getters.dataInStore" header="Index Event Breakdown">
+    <div class="p-5">
+      <DataTable
+        removable-sort
+        size="small"
+        :value="props.data"
+        v-model:filters="filters"
+        paginator
+        filterDisplay="row"
+        :globalFilterFields="[
+          'concept_code',
+          'concept_id',
+          'concept_name',
+          'vocabulary_id',
+          'domain_field',
+        ]"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #header>
+          <div class="flex flex-row gap-10">
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                v-model="filters.global.value"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
+            <MultiSelect
+              :pt="{
+                root: 'dark:bg-primary-400 bg-primary-500 text-white rounded',
+                labelContainer:
+                  'dark:bg-primary-400 bg-primary-500 text-white rounded',
+                trigger: [
+                  'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
+                ],
+              }"
+              v-model="selectedHeaders"
+              data-key="title"
+              option-label="title"
+              option-value="key"
+              :options="getHeaders"
+              placeholder="Select Columns"
+            >
+              <template #value>
+                <span class="flex flex-row w-full text-white items-center">
+                  <svg-icon type="mdi" :path="mdiTable"></svg-icon>
+                  <span class="uppercase text-base">Columns to display</span>
+                </span>
+              </template>
+            </MultiSelect>
+          </div>
+        </template>
+
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="concept_id"
+          header="Concept ID"
+          :hidden="!selectedHeaders.includes('concept_id')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="concept_id_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="concept_name"
+          header="Concept Name"
+          :hidden="!selectedHeaders.includes('concept_name')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="concept_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="domain_field"
+          header="Domain Field"
+          :hidden="!selectedHeaders.includes('domain_field')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="domain_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          :show-filter-menu="false"
+          :show-clear-button="false"
+          field="vocabulary_id"
+          header="Vocabulary Id"
+          :hidden="!selectedHeaders.includes('vocabulary_id')"
+        >
+          <template #filter="{ filterModel, filterCallback }">
+            <MultiSelect
+              show-clear
+              filter
+              v-model="filterModel.value"
+              @change="filterCallback()"
+              :options="vocabulary_id_options"
+              placeholder="Filter values"
+              class="p-column-filter w-full"
+              style="min-width: 12rem"
+            ></MultiSelect>
+          </template>
+        </Column>
+        <Column
+          sortable
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          field="subject_count"
+          header="Persons"
+          :hidden="!selectedHeaders.includes('subject_count')"
+        >
+        </Column>
+        <Column
+          sortable
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          field="concept_count"
+          header="Records"
+          :hidden="!selectedHeaders.includes('concept_count')"
+        >
+        </Column>
+      </DataTable>
+    </div>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { useStore } from "vuex";
+import { computed, ref, defineProps, onMounted } from "vue";
+import MultiSelect from "primevue/multiselect";
+import { helpers } from "@/shared/lib/mixins";
+import { FilterMatchMode } from "primevue/api";
+import { mdiTable } from "@mdi/js";
+import InputGroup from "primevue/inputgroup";
+import InputText from "primevue/inputtext";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import SvgIcon from "@jamescoyle/vue-icon";
+
+const filters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+  domain_field: { value: null, matchMode: FilterMatchMode.IN },
+  concept_name: { value: null, matchMode: FilterMatchMode.IN },
+  concept_code: { value: null, matchMode: FilterMatchMode.IN },
+  vocabulary_id: { value: null, matchMode: FilterMatchMode.IN },
+  concept_id: { value: null, matchMode: FilterMatchMode.IN },
+});
+
+interface Props {
+  data: [];
+}
+
+const headers = ref({
+  domain_field: {
+    title: "Domain Field",
+    sortable: true,
+    key: "domain_field",
+    align: "start",
+    show: true,
+  },
+  concept_name: {
+    title: "Concept Name",
+    sortable: true,
+    key: "concept_name",
+    align: "start",
+    show: true,
+  },
+  vocabulary_id: {
+    title: "Vocabulary Id",
+    sortable: true,
+    key: "vocabulary_id",
+    align: "end",
+    show: false,
+  },
+  concept_id: {
+    title: "Concept ID",
+    sortable: true,
+    key: "concept_id",
+    align: "end",
+    show: true,
+  },
+  concept_count: {
+    title: "Records",
+    sortable: true,
+    key: "concept_count",
+    align: "end",
+    show: true,
+  },
+  subject_count: {
+    title: "Persons",
+    sortable: true,
+    key: "subject_count",
+    align: "end",
+    show: true,
+  },
+});
+
+const selectedHeaders = ref([]);
+
+const getHeaders = computed(() => {
+  return Object.values(headers.value);
+});
+
+const setDefaultSelectedHeaders = function () {
+  selectedHeaders.value = Object.values(headers.value)
+    .filter((value) => value.show)
+    .reduce((acc, val) => [...acc, val.key], []);
+};
+
+onMounted(() => {
+  setDefaultSelectedHeaders();
+});
+
+const props = defineProps<Props>();
+
+const store = useStore();
+
+const domain_options = computed(() => {
+  return helpers.getValuesArray(props.data, "domain_field", true);
+});
+
+const concept_options = computed(() => {
+  return helpers.getValuesArray(props.data, "concept_name", true);
+});
+
+const vocabulary_id_options = computed(() => {
+  return helpers.getValuesArray(props.data, "vocabulary_id", true);
+});
+
+const concept_id_options = computed(() => {
+  return helpers.getValuesArray(props.data, "concept_id", true);
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
new file mode 100644
index 00000000..e33da918
--- /dev/null
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
@@ -0,0 +1,172 @@
+<template>
+  <Panel header="Time Distribution" v-if="props.data">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-beforeIndex"
+      :chartSpec="specCohortTimeDistribution"
+      :data="priorToIndex"
+      title="observation time (days) prior to index"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-afterIndex"
+      :chartSpec="specCohortTimeDistribution"
+      :data="afterIndex"
+      title="observation time (days) after index"
+    />
+    <Chart
+      v-if="store.getters.dataInStore"
+      id="viz-between"
+      :chartSpec="specCohortTimeDistribution"
+      :data="betweenStartEnd"
+      title="time (days) between cohort start and end"
+    />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        :value="props.data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Time Measure" field="covariate_name"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Average"
+          field="mean"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.mean
+                ? parseFloat(slotProps.data.mean).toFixed(2)
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Sd"
+          field="sd"
+        >
+          <template #body="slotProps">
+            {{
+              slotProps.data.sd
+                ? parseFloat(slotProps.data.sd).toFixed(2)
+                : "No data"
+            }}
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MIN_VALUE"
+          field="min_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P10_VALUE"
+          field="p_10_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P25_VALUE"
+          field="p_25_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MEDIAN_VALUE"
+          field="median_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P75_VALUE"
+          field="p_75_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="P90_VALUE"
+          field="p_90_value"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="MAX_VALUE"
+          field="max_value"
+        >
+        </Column>
+      </DataTable>
+    </div>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import { Chart } from "@/widgets/chart";
+
+import { specCohortTimeDistribution } from "./specCohortTimeDistribution";
+import { useStore } from "vuex";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { computed, ref, defineProps } from "vue";
+
+interface Props {
+  data: [];
+}
+
+const priorToIndex = computed(() => {
+  return props.data.filter(
+    (val) => val.covariate_name === "observation time (days) prior to index"
+  );
+});
+
+const afterIndex = computed(() => {
+  return props.data.filter(
+    (val) => val.covariate_name === "observation time (days) after index"
+  );
+});
+
+const betweenStartEnd = computed(() => {
+  return props.data.filter(
+    (val) => val.covariate_name === "time (days) between cohort start and end"
+  );
+});
+
+const props = defineProps<Props>();
+
+const store = useStore();
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/specCohortTimeDistribution.ts b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/specCohortTimeDistribution.ts
new file mode 100644
index 00000000..f6a59861
--- /dev/null
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/specCohortTimeDistribution.ts
@@ -0,0 +1,51 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specCohortTimeDistribution(
+  zeroBaseline = false,
+  minMax = false,
+  labelColor
+): TopLevelSpec {
+  return {
+    $schema: VEGA_SCHEMA,
+    data: { name: "conceptData" },
+    layer: [
+      {
+        mark: { type: "rule" },
+        encoding: {
+          x: {
+            field: minMax ? "min_value" : "p_10_value",
+            type: "quantitative",
+            scale: { zero: false },
+            title: "Time in Days",
+          },
+          x2: { field: minMax ? "max_value" : "p_90_value" },
+        },
+      },
+      {
+        mark: { type: "bar", size: 28, tooltip: true },
+        encoding: {
+          tooltip: [
+            { field: "min_value", title: "MIN_VALUE" },
+            { field: "p_10_value", title: "P10_VALUE" },
+            { field: "p_25_value", title: "P25_VALUE" },
+            { field: "median_value", title: "MEDIAN_VALUE" },
+            { field: "p_75_value", title: "P75_VALUE" },
+            { field: "p_90_value", title: "P90_VALUE" },
+            { field: "max_value", title: "MAX_VALUE" },
+          ],
+          x: { field: "p_25_value", type: "quantitative" },
+          x2: { field: "p_75_value" },
+        },
+      },
+      {
+        mark: { type: "tick", color: "white", size: 28 },
+        encoding: {
+          x: { field: "median_value", type: "quantitative" },
+        },
+      },
+    ],
+    height: 100,
+    width: "container",
+  };
+}
diff --git a/src/pages/reports/release/CohortsTable/CohortsTable.vue b/src/pages/reports/release/CohortsTable/CohortsTable.vue
new file mode 100644
index 00000000..3ac844b9
--- /dev/null
+++ b/src/pages/reports/release/CohortsTable/CohortsTable.vue
@@ -0,0 +1,25 @@
+<template>
+  <div v-if="!store.getters.getErrors" class="flex flex-col gap-5">
+    <MainTable />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useStore } from "vuex";
+
+import MainTable from "./components/CohortsIndex.vue";
+
+const store = useStore();
+</script>
+
+<style scoped>
+td {
+  max-width: 400px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.viz-container {
+  width: 90%;
+}
+</style>
diff --git a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
new file mode 100644
index 00000000..380bb53c
--- /dev/null
+++ b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
@@ -0,0 +1,108 @@
+<template>
+  <Panel v-if="store.getters.dataInStore" header="Cohorts Table">
+    <div class="p-5">
+      <DataTable
+        size="small"
+        :value="data"
+        paginator
+        v-model:filters="newFilters"
+        :globalFilterFields="['cohort_id', 'cohort_name', '']"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <template #header>
+          <div class="flex flex-row gap-10">
+            <InputGroup unstyled>
+              <InputGroupAddon>
+                <i class="pi pi-search"></i>
+              </InputGroupAddon>
+              <InputText
+                class="rounded-r-lg"
+                style="width: 45rem"
+                unstyled
+                :value="route.query.search"
+                @update:modelValue="debouncedSearch"
+                placeholder="Search in Table"
+              />
+            </InputGroup>
+          </div>
+        </template>
+        <Column field="cohort_id" header="Cohort ID">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getReportRoute(slotProps.data)"
+              :title="slotProps.data.cohort_id"
+              >{{ slotProps.data.cohort_id }}
+            </router-link>
+          </template>
+        </Column>
+        <Column field="cohort_name" header="Cohort Name">
+          <template #body="slotProps">
+            <router-link
+              class="text-blue-400 hover:underline"
+              :to="getReportRoute(slotProps.data)"
+              :title="slotProps.data.cohort_name"
+              >{{ slotProps.data.cohort_name }}
+            </router-link>
+          </template>
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          field="cohort_subjects"
+          header="# People"
+        >
+        </Column>
+      </DataTable>
+    </div>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { debounce } from "lodash";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputText from "primevue/inputtext";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import { FilterMatchMode } from "primevue/api";
+import { COHORT_INDEX } from "@/shared/config/files";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+const newFilters = computed(() => ({
+  global: { value: route.query.search, matchMode: FilterMatchMode.CONTAINS },
+}));
+
+const debouncedSearch = debounce(function (data: string): void {
+  router.push({
+    query: {
+      search: data,
+    },
+  });
+}, 300);
+
+const getReportRoute = function (item) {
+  return {
+    name: "cohortReport",
+    params: { cohort_id: item.cohort_id },
+  };
+};
+
+const data = computed(() => {
+  return store.getters.getData[COHORT_INDEX];
+});
+</script>
+
+<style scoped>
+.p-inputtext {
+  width: 200%;
+}
+</style>
diff --git a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
index 973283b9..6f1b36ef 100644
--- a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
+++ b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
@@ -3,7 +3,10 @@
     v-if="store.getters.dataInStore && !store.getters.getErrors"
     class="pa-1"
   >
-    <PerformanceInformation />
+    <div class="flex flex-col gap-5">
+      <AchillesPerformance />
+      <CohortDiagnosticsPerformance />
+    </div>
   </div>
 </template>
 
@@ -12,7 +15,8 @@ import { useStore } from "vuex";
 
 const store = useStore();
 
-import PerformanceInformation from "@/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue";
+import AchillesPerformance from "@/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue";
+import CohortDiagnosticsPerformance from "@/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue";
 </script>
 
 <style scoped>
diff --git a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue b/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
similarity index 94%
rename from src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
rename to src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
index e94f7336..66c7c8cd 100644
--- a/src/pages/reports/release/PerformanceReport/components/PerformanceInformation.vue
+++ b/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
@@ -1,5 +1,5 @@
 <template>
-  <Panel header="Performance">
+  <Panel header="Achilles Performance">
     <DataTable
       size="small"
       :globalFilterFields="['analysis_id', 'analysis_name']"
@@ -42,6 +42,8 @@
       </Column>
       <Column sortable header="Analysis Name" field="analysis_name"></Column>
       <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
         sortable
         header="Duration (seconds)"
         field="elapsed_seconds"
@@ -99,7 +101,7 @@ const newFilters = ref({
 });
 
 const filteredRecords = computed(function () {
-  return store.getters.getData.domainTable.filter((d) => {
+  return store.getters.getData.achilles_performance.filter((d) => {
     return Object.keys(filters.value).every((f) => {
       return (
         filters.value[f as keyof typeof filters].length < 1 ||
diff --git a/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue b/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
new file mode 100644
index 00000000..45b5254a
--- /dev/null
+++ b/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
@@ -0,0 +1,69 @@
+<template>
+  <Panel header="Cohort Diagnostics Performance">
+    <DataTable
+      size="small"
+      :globalFilterFields="['task', 'cohortIds', 'parent']"
+      paginator
+      v-model:filters="newFilters"
+      :value="data"
+      :rows="10"
+      :rowsPerPageOptions="[5, 10, 20, 50]"
+    >
+      <template #header>
+        <div>
+          <InputGroup unstyled>
+            <InputGroupAddon>
+              <i class="pi pi-search"></i>
+            </InputGroupAddon>
+            <InputText
+              class="rounded-r-lg"
+              style="width: 45rem"
+              unstyled
+              v-model="newFilters['global'].value"
+              placeholder="Search in Table"
+            />
+          </InputGroup>
+        </div>
+      </template>
+      <Column sortable header="Task Name" field="task"> </Column>
+      <Column sortable header="ID" field="cohortIds"></Column>
+      <Column sortable header="Parent" field="parent"></Column>
+      <Column
+        style="text-align: end"
+        :pt="{ headerContent: 'justify-end' }"
+        sortable
+        header="Duration (seconds)"
+        field="executionTime"
+      >
+        <template v-slot:body="slotProps">
+          <span>{{ parseFloat(slotProps.data.executionTime).toFixed(2) }}</span>
+        </template>
+      </Column>
+    </DataTable>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { useStore } from "vuex";
+import Panel from "primevue/panel";
+import InputText from "primevue/inputtext";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import { FilterMatchMode } from "primevue/api";
+import { COHORT_DIAGNOSTICS_PERFORMANCE } from "@/shared/config/files";
+
+const store = useStore();
+
+const newFilters = ref({
+  global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+});
+
+const data = computed(() => {
+  return store.getters.getData[COHORT_DIAGNOSTICS_PERFORMANCE];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index ca73236b..9f3e4ed2 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -1,6 +1,11 @@
 import {
   ACHILLES_PERFORMANCE,
   CDM_SOURCE,
+  COHORT_CHARACTERIZATION,
+  COHORT_DIAGNOSTICS_PERFORMANCE,
+  COHORT_INDEX,
+  COHORT_INDEX_EVENT_BREAKDOWN,
+  COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
   CONCEPT,
   DEATH,
   DENSITY_DOMAIN_PERSON,
@@ -94,6 +99,22 @@ export default function getFilesByView(params = null) {
         files: [{ name: NETWORK_QUALITY_SUMMARY, required: true }],
       },
     },
+    cohorts: {
+      loadMethod: FETCH_FILES,
+      payload: {
+        files: [{ name: COHORT_INDEX, required: true }],
+      },
+    },
+    cohortReport: {
+      loadMethod: FETCH_FILES,
+      payload: {
+        files: [
+          { name: COHORT_CHARACTERIZATION, required: true },
+          { name: COHORT_INDEX_EVENT_BREAKDOWN, required: true },
+          { name: COHORT_TEMPORAL_COVARIATE_DISTRIBUTION, required: true },
+        ],
+      },
+    },
     dataStrandReport: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
@@ -171,7 +192,10 @@ export default function getFilesByView(params = null) {
     performance: {
       loadMethod: FETCH_FILES,
       payload: {
-        files: [{ name: ACHILLES_PERFORMANCE, required: true }],
+        files: [
+          { name: ACHILLES_PERFORMANCE, required: true },
+          { name: COHORT_DIAGNOSTICS_PERFORMANCE, required: false },
+        ],
       },
     },
     person: {
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index 86ec7938..d7b7c793 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -27,6 +27,8 @@ import DomainContinuity from "@/pages/reports/source/DomainContinuity/DomainCont
 import SourceConceptReport from "@/pages/reports/source/SourceConceptReport/SourceConceptReport.vue";
 import NetworkConceptDashboard from "@/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue";
 import NetworkDiversityReport from "@/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue";
+import CohortsTable from "@/pages/reports/release/CohortsTable/CohortsTable.vue";
+import CohortDrilldownReport from "@/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue";
 
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 
@@ -198,6 +200,16 @@ export const routes: RouteRecordRaw[] = [
         name: "person",
         components: { reportsView: PersonReport },
       },
+      {
+        path: "cohorts",
+        name: "cohorts",
+        components: { reportsView: CohortsTable },
+      },
+      {
+        path: "cohorts/:cohort_id/",
+        name: "cohortReport",
+        components: { reportsView: CohortDrilldownReport },
+      },
       {
         path: ":domain",
         components: { reportsView: DomainTable },
diff --git a/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
new file mode 100644
index 00000000..0d32d246
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
@@ -0,0 +1,23 @@
+import {
+  COHORT_CHARACTERIZATION,
+  COHORT_INDEX_EVENT_BREAKDOWN,
+  COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
+} from "@/shared/config/files";
+
+export default function cohortReport(data) {
+  const characterizationTable = data[COHORT_CHARACTERIZATION];
+  const indexEventBreakdownTable = data[COHORT_INDEX_EVENT_BREAKDOWN];
+  const timeMeasures = [
+    "observation time (days) prior to index",
+    "observation time (days) after index",
+    "time (days) between cohort start and end",
+  ];
+  const timeDistribution = data[COHORT_TEMPORAL_COVARIATE_DISTRIBUTION].filter(
+    (val) => timeMeasures.includes(val.covariate_name)
+  );
+  return {
+    characterizationTable,
+    indexEventBreakdownTable,
+    timeDistribution,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/index.ts b/src/processes/exploreReports/model/store/postprocessing/index.ts
index 7e8903b9..abba4ff2 100644
--- a/src/processes/exploreReports/model/store/postprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/index.ts
@@ -16,6 +16,7 @@ import domainTable from "@/processes/exploreReports/model/store/postprocessing/d
 import feasibility from "@/processes/exploreReports/model/store/postprocessing/feasibility";
 import networkUnmappedSourceCodes from "@/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes";
 import networkDiversityReport from "@/processes/exploreReports/model/store/postprocessing/networkDiversityReport";
+import cohortReport from "@/processes/exploreReports/model/store/postprocessing/cohortReport";
 
 export default {
   dataStrandReport,
@@ -36,4 +37,5 @@ export default {
   domainTable,
   feasibility,
   networkUnmappedSourceCodes,
+  cohortReport,
 };
diff --git a/src/processes/exploreReports/model/store/postprocessing/performance.ts b/src/processes/exploreReports/model/store/postprocessing/performance.ts
index b4eb1d64..a53f3825 100644
--- a/src/processes/exploreReports/model/store/postprocessing/performance.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/performance.ts
@@ -1,10 +1,15 @@
-import { ACHILLES_PERFORMANCE } from "@/shared/config/files";
+import {
+  ACHILLES_PERFORMANCE,
+  COHORT_DIAGNOSTICS_PERFORMANCE,
+} from "@/shared/config/files";
 import { AchillesPerformanceType } from "@/processes/exploreReports/model/interfaces/files/AchillesPerformanceType";
 
 export default function performance(data): {
-  domainTable: AchillesPerformanceType[];
+  achilles_performance: AchillesPerformanceType[];
+  cohort_diagnostics_performance: object[];
 } {
   return {
-    domainTable: data[ACHILLES_PERFORMANCE],
+    achilles_performance: data[ACHILLES_PERFORMANCE],
+    cohort_diagnostics_performance: data[COHORT_DIAGNOSTICS_PERFORMANCE],
   };
 }
diff --git a/src/processes/exploreReports/model/store/preprocessing/index.ts b/src/processes/exploreReports/model/store/preprocessing/index.ts
index c0348f81..2617bdfb 100644
--- a/src/processes/exploreReports/model/store/preprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/preprocessing/index.ts
@@ -15,6 +15,11 @@ import {
   QUALITY_COMPLETENESS,
   RECORDS_DOMAIN,
   TEMPORAL_CHARACTERIZATION,
+  COHORT_INDEX,
+  COHORT_CHARACTERIZATION,
+  COHORT_DIAGNOSTICS_PERFORMANCE,
+  COHORT_INDEX_EVENT_BREAKDOWN,
+  COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
 } from "@/shared/config/files";
 import csvParse from "@/processes/exploreReports/model/store/preprocessing/csvParse";
 
@@ -35,4 +40,9 @@ export default {
   [DENSITY_DOMAIN_PERSON]: csvParse,
   [NETWORK_PERFORMANCE]: csvParse,
   [TEMPORAL_CHARACTERIZATION]: csvParse,
+  [COHORT_INDEX]: csvParse,
+  [COHORT_CHARACTERIZATION]: csvParse,
+  [COHORT_DIAGNOSTICS_PERFORMANCE]: csvParse,
+  [COHORT_INDEX_EVENT_BREAKDOWN]: csvParse,
+  [COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: csvParse,
 };
diff --git a/src/shared/api/axios/files.ts b/src/shared/api/axios/files.ts
index ec917aa0..2cab0d39 100644
--- a/src/shared/api/axios/files.ts
+++ b/src/shared/api/axios/files.ts
@@ -37,5 +37,10 @@ export default function getFilePath(params: Params) {
     [files.EXPORT_QUERY_INDEX]: "data/export_query_index.json",
     [files.TEMPORAL_CHARACTERIZATION]: `data/${params.cdm}/${params.release}/temporal-characterization.csv`,
     [files.NOTES]: `data${params.cdm ? "/" + params.cdm : ""}/notes.json`,
+    [files.COHORT_INDEX]: `data/${params.cdm}/${params.release}/cohort_index.csv`,
+    [files.COHORT_CHARACTERIZATION]: `data/${params.cdm}/${params.release}/cohort_characterization.csv`,
+    [files.COHORT_DIAGNOSTICS_PERFORMANCE]: `data/${params.cdm}/${params.release}/cohort_diagnostics_performance.csv`,
+    [files.COHORT_INDEX_EVENT_BREAKDOWN]: `data/${params.cdm}/${params.release}/cohort_index_event_breakdown.csv`,
+    [files.COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: `data/${params.cdm}/${params.release}/cohort_temporal_covariate_distribution.csv`,
   };
 }
diff --git a/src/shared/config/files.ts b/src/shared/config/files.ts
index dd49324f..2899f3da 100644
--- a/src/shared/config/files.ts
+++ b/src/shared/config/files.ts
@@ -16,6 +16,7 @@ export const NETWORK_QUALITY_SUMMARY = "networkQualitySummary";
 export const RECORDS_DOMAIN = "recordsDomain";
 export const OBSERVATION_PERIOD = "observationPeriod";
 export const ACHILLES_PERFORMANCE = "achillesPerformance";
+export const COHORT_DIAGNOSTICS_PERFORMANCE = "cohort_diagnostics_performance";
 export const PERSON = "person";
 export const SOURCE_CONCEPT = "sourceConcept";
 export const QUALITY_COMPLETENESS = "qualityCompleteness";
@@ -27,3 +28,12 @@ export const DENSITY_DOMAIN_PERSON = "densityDomainPerson";
 export const NETWORK_PERFORMANCE = "networkPerformance";
 export const EXPORT_QUERY_INDEX = "exportQueryIndex";
 export const TEMPORAL_CHARACTERIZATION = "temporalCharacterization";
+
+export const COHORT_INDEX = "cohortsIndex";
+
+export const COHORT_CHARACTERIZATION = "cohortReport";
+
+export const COHORT_INDEX_EVENT_BREAKDOWN = "cohortIndexEventBreakdown";
+
+export const COHORT_TEMPORAL_COVARIATE_DISTRIBUTION =
+  "cohortTemporalCovariateDistribution";
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index 2407bf5f..c73252d7 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -4,13 +4,13 @@ import {
   mdiChartTimeline,
   mdiCheckNetwork,
   mdiDatabaseSearch,
-  mdiDiversify,
   mdiDna,
   mdiShape,
   mdiHistory,
   mdiSigmaLower,
   mdiSpeedometer,
   mdiTable,
+  mdiAccountGroupOutline,
 } from "@mdi/js";
 
 export const reports = [
@@ -26,6 +26,12 @@ export const reports = [
     name: "Person",
     routeName: "person",
   },
+  {
+    folder: "Data Source Release",
+    icon: mdiAccountGroupOutline,
+    name: "Cohorts",
+    routeName: "cohorts",
+  },
   {
     folder: "Data Network",
     icon: mdiDatabaseSearch,
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index fc59d4b1..0c4a3f33 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -63,13 +63,17 @@ const getters = {
       : getters.getReleases[0];
   },
   getSelectedReport: function (state, getters, rootState) {
-    return getters.getFilteredReports.find((report) =>
-      report.domain
-        ? rootState.route.params.domain === report.domain
-        : rootState.route.matched.some(
-            (route) => route.name === report.routeName
-          )
-    );
+    return getters.getFilteredReports.find((report) => {
+      if (report.domain) {
+        return rootState.route.params.domain === report.domain;
+      } else if (rootState.route.params.cohort_id) {
+        return report.routeName === "cohorts";
+      } else {
+        return rootState.route.matched.some(
+          (route) => route.name === report.routeName
+        );
+      }
+    });
   },
 };
 
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index d26c247d..79c3fa5c 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -91,6 +91,17 @@
           >Concept ID</label
         >
       </div>
+      <div v-if="showCohortSelector" class="p-float-label">
+        <dropdown
+          input-id="cohort"
+          :model-value="showCohortSelector"
+          :options="[showCohortSelector]"
+          disabled
+        />
+        <label class="left-3 font-light dark:text-white text-black" for="cohort"
+          >Cohort ID</label
+        >
+      </div>
     </div>
   </div>
 </template>
@@ -175,6 +186,10 @@ function changeReport(data): void {
 const showConceptSelector = computed(function (): string | string[] {
   return route.params.concept;
 });
+
+const showCohortSelector = computed(function (): string | string[] {
+  return route.params.cohort_id;
+});
 const showSourceSelector = computed(function (): boolean {
   return (
     store.getters.getSelectedFolder.key === "datasource" ||

From da39c7f715b505660fb5fafb8680dcd577182db7 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 13 Mar 2024 23:05:24 +0300
Subject: [PATCH 116/202] fix: sd column check mark triggering concept_id
 column

---
 .../reports/CohortCharacterizationTable.vue               | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index 384ea88d..c5de4dc1 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -240,7 +240,7 @@ const headers = ref({
     sortable: true,
     key: "domain_id",
     align: "start",
-    show: false,
+    show: true,
   },
   covariate_name: {
     title: "Covariate Name",
@@ -275,14 +275,14 @@ const headers = ref({
     sortable: true,
     key: "mean",
     align: "end",
-    show: false,
+    show: true,
   },
   sd: {
     title: "Sd",
     sortable: true,
-    key: "concept_id",
+    key: "sd",
     align: "end",
-    show: false,
+    show: true,
   },
 });
 

From 50a4ba4b68562377a2997dc33b59b6a858b8c013 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 20 Mar 2024 12:38:36 +0300
Subject: [PATCH 117/202] feat: added sorting to cohorts table # People column

---
 .../reports/release/CohortsTable/components/CohortsIndex.vue    | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
index 380bb53c..0e7be140 100644
--- a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
+++ b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
@@ -2,6 +2,7 @@
   <Panel v-if="store.getters.dataInStore" header="Cohorts Table">
     <div class="p-5">
       <DataTable
+        removable-sort
         size="small"
         :value="data"
         paginator
@@ -48,6 +49,7 @@
           </template>
         </Column>
         <Column
+          sortable
           style="text-align: end"
           :pt="{ headerContent: 'justify-end' }"
           field="cohort_subjects"

From 2ecbf9571182119e424685547d796293d0448e25 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 25 Mar 2024 16:51:48 +0300
Subject: [PATCH 118/202] fix: limit multiselect dropdown options to prevent
 horizontal scrolling

---
 .../reports/CohortCharacterizationTable.vue           | 11 ++++++-----
 .../reports/IndexEventBreakdownTable.vue              |  4 ++++
 .../DataQualityResults/components/ResultsTable.vue    | 10 +++++++++-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index c5de4dc1..e71cccf0 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -69,6 +69,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -91,6 +92,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -112,6 +114,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -133,6 +136,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -154,6 +158,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -190,11 +195,7 @@
           :hidden="!selectedHeaders.includes('sd')"
         >
           <template #body="slotProps">
-            {{
-              slotProps.data.sd
-                ? `${((1 - slotProps.data.sd) * 100).toFixed(2)} %`
-                : "No data"
-            }}
+            {{ parseFloat(slotProps.data.sd).toFixed(2) }}
           </template>
         </Column>
       </DataTable>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index df5a7ce2..dccf7b94 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -68,6 +68,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -89,6 +90,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -110,6 +112,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
@@ -131,6 +134,7 @@
         >
           <template #filter="{ filterModel, filterCallback }">
             <MultiSelect
+              :maxSelectedLabels="2"
               show-clear
               filter
               v-model="filterModel.value"
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 490e7860..94b311bd 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -72,6 +72,7 @@
       </template>
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           show-clear
           filter
           v-model="filterModel.value"
@@ -103,7 +104,7 @@
           v-model="filterModel.value"
           @change="filterCallback()"
           :options="cdmTableNamesOptions"
-          :maxSelectedLabels="1"
+          :maxSelectedLabels="2"
           placeholder="Select One"
           class="p-column-filter w-full"
           style="min-width: 12rem"
@@ -115,6 +116,7 @@
       </template>
     </Column>
     <Column
+      :maxSelectedLabels="2"
       :show-filter-menu="false"
       :show-clear-button="false"
       :pt="{ headerContent: 'justify-end' }"
@@ -160,6 +162,7 @@
       </template>
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -190,6 +193,7 @@
       </template>
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -220,6 +224,7 @@
       </template>
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -250,6 +255,7 @@
       </template>
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -277,6 +283,7 @@
     >
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"
@@ -304,6 +311,7 @@
     >
       <template #filter="{ filterModel, filterCallback }">
         <MultiSelect
+          :maxSelectedLabels="2"
           filter
           v-model="filterModel.value"
           @change="filterCallback()"

From abbfc812c5550b36fee6c7335c286a2ebdf1e880 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Apr 2024 11:49:55 +0700
Subject: [PATCH 119/202] fix: cohort characterization sd column showing
 incorrect values

---
 .../reports/CohortCharacterizationTable.vue                 | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index c5de4dc1..c0616517 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -190,11 +190,7 @@
           :hidden="!selectedHeaders.includes('sd')"
         >
           <template #body="slotProps">
-            {{
-              slotProps.data.sd
-                ? `${((1 - slotProps.data.sd) * 100).toFixed(2)} %`
-                : "No data"
-            }}
+            {{ parseFloat(slotProps.data.sd).toFixed(2) }}
           </template>
         </Column>
       </DataTable>

From 1496d18f5d979e46e857392688bbeb25af09e267 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Apr 2024 12:12:08 +0700
Subject: [PATCH 120/202] fix: node process using too much cpu

---
 vite.config.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index d7e29e40..6530d05a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,9 +9,6 @@ export default defineConfig({
   plugins: [vue(), vueJsx({})],
   server: {
     port: 8080,
-    watch: {
-      usePolling: true,
-    },
   },
   resolve: {
     alias: [

From 274e25cca8dec21e5056a5fa3defe07b34af9275 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Apr 2024 11:45:55 +0700
Subject: [PATCH 121/202] feat: added submenu to explorer report selector

---
 package-lock.json                             |   8 +-
 package.json                                  |   2 +-
 .../tailwind/components/cascadeSelect.ts      | 238 ++++++++++++
 .../plugins/tailwind/components/checkBox.ts   | 106 ++++++
 .../plugins/tailwind/components/dropdown.ts   |  73 +++-
 .../plugins/tailwind/components/floatLabel.ts |  26 ++
 .../tailwind/components/inputSwitch.ts        |  57 ++-
 .../plugins/tailwind/components/inputText.ts  |  40 +-
 .../tailwind/components/multiSelect.ts        | 349 ++++++++++++------
 .../plugins/tailwind/components/toolbar.ts    |  30 +-
 .../plugins/tailwind/components/tooltip.ts    |   4 +-
 src/app/plugins/tailwind/tailwindStyles.ts    |   6 +
 src/entities/toggleIcon/ToggleIcon.vue        |   4 +-
 .../reports/CohortCharacterizationTable.vue   |   1 +
 .../reports/IndexEventBreakdownTable.vue      |   2 +
 .../MeasurementValueDistribution.vue          |  13 +-
 .../release/DomainTable/DomainTable.vue       |  14 +-
 .../DomainTable/components/MainTable.vue      |   3 +
 src/widgets/bottomNav/ui/BottomNav.vue        |   2 +-
 src/widgets/explorer/config/folders.ts        |  12 +-
 src/widgets/explorer/config/reports.ts        | 171 +++++----
 .../explorer/model/store/explorer.module.ts   |  24 +-
 src/widgets/explorer/ui/Explorer.vue          |  48 +--
 .../toggleDarkMode/ToggleDarkMode.vue         |   2 +-
 24 files changed, 947 insertions(+), 288 deletions(-)
 create mode 100644 src/app/plugins/tailwind/components/cascadeSelect.ts
 create mode 100644 src/app/plugins/tailwind/components/checkBox.ts
 create mode 100644 src/app/plugins/tailwind/components/floatLabel.ts

diff --git a/package-lock.json b/package-lock.json
index eed3f40e..d3ab2813 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "lodash": "^4.17.21",
         "mdi": "^2.2.43",
         "primeicons": "^6.0.1",
-        "primevue": "^3.44.0",
+        "primevue": "^3.50.0",
         "uuid": "^9.0.1",
         "vega": "^5.25.0",
         "vega-embed": "^6.20.2",
@@ -5576,9 +5576,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "node_modules/primevue": {
-      "version": "3.44.0",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.44.0.tgz",
-      "integrity": "sha512-BqSg6rKP0vq7WRHhLlVt4BD4rQZbVVXjgSfOAcebv3mO4wJZcJbgC04mxAI9fl26PhmPy1jLOuCtNOBWo7IekA==",
+      "version": "3.50.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.50.0.tgz",
+      "integrity": "sha512-vYpQzvIXSmF0hWUkviHEGnwbFY/G8jI2RSxoa75noJloI2rWhzOX+JarJ8iaesVOr7b2se31N/p7zOx6uh3ddQ==",
       "peerDependencies": {
         "vue": "^3.0.0"
       }
diff --git a/package.json b/package.json
index c5e4c771..23f50dbf 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "lodash": "^4.17.21",
     "mdi": "^2.2.43",
     "primeicons": "^6.0.1",
-    "primevue": "^3.44.0",
+    "primevue": "^3.50.0",
     "uuid": "^9.0.1",
     "vega": "^5.25.0",
     "vega-embed": "^6.20.2",
diff --git a/src/app/plugins/tailwind/components/cascadeSelect.ts b/src/app/plugins/tailwind/components/cascadeSelect.ts
new file mode 100644
index 00000000..a0aba2d4
--- /dev/null
+++ b/src/app/plugins/tailwind/components/cascadeSelect.ts
@@ -0,0 +1,238 @@
+export default {
+  root: ({ props, state }) => ({
+    class: [
+      // Display and Position
+      "inline-flex",
+      "relative",
+
+      // Shape
+      "rounded-md",
+
+      // Color and Background
+      "bg-surface-0 dark:bg-surface-800",
+      "border",
+      { "border-surface-300 dark:border-surface-600": !props.invalid },
+
+      // Invalid State
+      { "border-red-500 dark:border-red-400": props.invalid },
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+
+      // States
+      {
+        "hover:border-primary-500 dark:hover:border-primary-300":
+          !props.invalid,
+      },
+      {
+        "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50":
+          state.focused,
+      },
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+      {
+        "opacity-60": props.disabled,
+        "pointer-events-none": props.disabled,
+        "cursor-default": props.disabled,
+      },
+    ],
+  }),
+  label: ({ props }) => ({
+    class: [
+      //Font
+      "font-sans",
+      "leading-none",
+
+      // Flex & Alignment
+      " flex flex-auto",
+
+      // Sizing and Spacing
+      "w-[1%]",
+      "p-3",
+
+      //Shape
+      "rounded-none",
+
+      // Color and Background
+      "bg-transparent",
+      "border-0",
+      {
+        "text-surface-800 dark:text-white/80": props.modelValue,
+        "text-surface-400 dark:text-surface-500": !props.modelValue,
+      },
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+
+      // Transitions
+      "transition",
+      "duration-200",
+
+      // States
+      "focus:outline-none focus:shadow-none",
+
+      // Misc
+      "relative",
+      "cursor-pointer",
+      "overflow-hidden overflow-ellipsis",
+      "whitespace-nowrap",
+      "appearance-none",
+    ],
+  }),
+  dropdownbutton: {
+    class: [
+      // Flexbox
+      "flex items-center justify-center",
+      "shrink-0",
+
+      // Color and Background
+      "bg-transparent",
+      "text-surface-500",
+
+      // Size
+      "w-12",
+
+      // Shape
+      "rounded-tr-md",
+      "rounded-br-md",
+    ],
+  },
+  panel: {
+    class: [
+      // Position
+      "absolute top-0 left-0",
+
+      // Shape
+      "border-0 dark:border",
+      "rounded-md",
+      "shadow-md",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+      "text-surface-800 dark:text-white/80",
+      "dark:border-surface-800",
+    ],
+  },
+  wrapper: {
+    class: [
+      // Sizing
+      "max-h-[200px]",
+
+      // Misc
+      "overflow-auto",
+    ],
+  },
+  list: {
+    class: "py-0 px-0 list-none m-1",
+  },
+  item: ({ context }) => ({
+    class: [
+      // Font
+      "font-normal",
+      "leading-none",
+
+      // Shape
+      "rounded",
+
+      // Spacing
+      "my-2 mx-1",
+      "py-1 px-2",
+
+      //  Colors
+      {
+        "text-surface-700 dark:text-white/80":
+          !context.focused && !context.selected && !context.disabled,
+      },
+      {
+        "text-surface-600 dark:text-white/70":
+          !context.focused && !context.selected && context.disabled,
+      },
+      {
+        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
+          context.focused && !context.selected,
+      },
+      {
+        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+          context.focused && context.selected,
+      },
+      {
+        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+          !context.focused && context.selected,
+      },
+
+      // Hover States
+      {
+        "hover:bg-surface-100 dark:hover:bg-surface-600/80": !context.active,
+        "hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80":
+          context.active,
+      },
+
+      // Transitions
+      "transition-shadow",
+      "duration-200",
+
+      // Misc
+      "cursor-pointer",
+      "overflow-hidden",
+      "whitespace-nowrap",
+    ],
+  }),
+  content: {
+    class: [
+      "relative",
+
+      // Flexbox
+      "flex",
+      "items-center",
+
+      // Spacing
+      // "py-3",
+      // "px-5",
+
+      // Misc
+      "no-underline",
+      "overflow-hidden",
+      "cursor-pointer",
+      "select-none",
+    ],
+  },
+  groupicon: {
+    class: [
+      // Alignment
+      "ml-auto",
+    ],
+  },
+  sublist: {
+    class: [
+      // Size
+      "w-full",
+
+      // Spacing
+      "list-none",
+      "p-1",
+      "m-1",
+
+      // Shape
+      "shadow-none sm:shadow-md",
+      "border-0",
+
+      // Position
+      "static sm:absolute",
+      "z-10",
+
+      // Color
+      "bg-surface-0 dark:bg-surface-800",
+    ],
+  },
+  separator: {
+    class: "border-t border-surface-200 dark:border-surface-600 my-1",
+  },
+  transition: {
+    enterFromClass: "opacity-0 scale-y-[0.8]",
+    enterActiveClass:
+      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
+    leaveActiveClass: "transition-opacity duration-100 ease-linear",
+    leaveToClass: "opacity-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/components/checkBox.ts b/src/app/plugins/tailwind/components/checkBox.ts
new file mode 100644
index 00000000..01443a32
--- /dev/null
+++ b/src/app/plugins/tailwind/components/checkBox.ts
@@ -0,0 +1,106 @@
+export default {
+  root: {
+    class: [
+      "relative",
+
+      // Alignment
+      "inline-flex",
+      "align-bottom",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Misc
+      "cursor-pointer",
+      "select-none",
+    ],
+  },
+  box: ({ props, context }) => ({
+    class: [
+      // Alignment
+      "flex",
+      "items-center",
+      "justify-center",
+
+      // Size
+      "w-6",
+      "h-6",
+
+      // Shape
+      "rounded-md",
+      "border-2",
+
+      // Colors
+      {
+        "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900":
+          !context.checked && !props.invalid,
+        "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+          context.checked,
+      },
+
+      // Invalid State
+      { "border-red-500 dark:border-red-400": props.invalid },
+
+      // States
+      {
+        "peer-hover:border-primary-500 dark:peer-hover:border-primary-400":
+          !props.disabled && !context.checked && !props.invalid,
+        "peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300":
+          !props.disabled && context.checked,
+        "peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20":
+          !props.disabled,
+        "cursor-default opacity-60": props.disabled,
+      },
+
+      // Transitions
+      "transition-colors",
+      "duration-200",
+    ],
+  }),
+  input: {
+    class: [
+      "peer",
+
+      // Size
+      "w-full ",
+      "h-full",
+
+      // Position
+      "absolute",
+      "top-0 left-0",
+      "z-10",
+
+      // Spacing
+      "p-0",
+      "m-0",
+
+      // Shape
+      "opacity-0",
+      "rounded-md",
+      "outline-none",
+      "border-2 border-surface-200 dark:border-surface-700",
+
+      // Misc
+      "appearance-none",
+      "cursor-pointer",
+    ],
+  },
+  icon: {
+    class: [
+      // Font
+      "text-base leading-none",
+
+      // Size
+      "w-4",
+      "h-4",
+
+      // Colors
+      "text-white dark:text-surface-900",
+
+      // Transitions
+      "transition-all",
+      "duration-200",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/dropdown.ts b/src/app/plugins/tailwind/components/dropdown.ts
index 6c58334a..9fb7ee3a 100644
--- a/src/app/plugins/tailwind/components/dropdown.ts
+++ b/src/app/plugins/tailwind/components/dropdown.ts
@@ -1,22 +1,49 @@
 export default {
-  root: ({ props }) => ({
+  root: ({ props, state, parent }) => ({
     class: [
       // Display and Position
       "inline-flex",
       "relative",
 
       // Shape
-      "rounded-md",
+      { "rounded-md": parent.instance.$name !== "InputGroup" },
+      {
+        "first:rounded-l-md rounded-none last:rounded-r-md":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "border-0 border-y border-l last:border-r":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "first:ml-0 ml-[-1px]":
+          parent.instance.$name == "InputGroup" && !props.showButtons,
+      },
 
       // Color and Background
       "bg-surface-0 dark:bg-surface-800",
-      "border border-surface-300 dark:border-surface-700",
+
+      "border border-surface-300",
+      { "dark:border-surface-700": parent.instance.$name != "InputGroup" },
+      { "dark:border-surface-600": parent.instance.$name == "InputGroup" },
+      { "border-surface-300 dark:border-surface-600": !props.invalid },
+
+      // Invalid State
+      { "border-red-500 dark:border-red-400": props.invalid },
 
       // Transitions
       "transition-all",
       "duration-200",
-      "hover:border-primary-500 dark:hover:border-primary-300",
-      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
+
+      // States
+      {
+        "hover:border-primary-500 dark:hover:border-primary-300":
+          !props.invalid,
+      },
+      {
+        "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50":
+          state.focused,
+      },
 
       // Misc
       "cursor-pointer",
@@ -35,14 +62,17 @@ export default {
       "leading-none",
 
       // Display
-      "flex",
-      "flex-wrap",
-      "content-center",
+      "block",
+      "flex-auto",
 
       // Color and Background
       "bg-transparent",
       "border-0",
-      "text-surface-800 dark:text-white/80",
+      {
+        "text-surface-800 dark:text-white/80": props.modelValue != undefined,
+        "text-surface-400 dark:text-surface-500": props.modelValue == undefined,
+      },
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
 
       // Sizing and Spacing
       "w-[1%]",
@@ -63,6 +93,7 @@ export default {
       "relative",
       "cursor-pointer",
       "overflow-hidden overflow-ellipsis",
+      "whitespace-nowrap",
       "appearance-none",
     ],
   }),
@@ -98,9 +129,6 @@ export default {
       "bg-surface-0 dark:bg-surface-800",
       "text-surface-800 dark:text-white/80",
       "dark:border-surface-700",
-
-      // misc
-      "my-1",
     ],
   },
   wrapper: {
@@ -134,18 +162,22 @@ export default {
       // Color
       {
         "text-surface-700 dark:text-white/80":
-          !context.focused && !context.selected,
+          !context.focused && !context.selected && !context.disabled,
+      },
+      {
+        "text-surface-600 dark:text-white/70":
+          !context.focused && !context.selected && context.disabled,
       },
       {
-        "bg-surface-50/80 dark:bg-surface-600 text-surface-700 dark:text-white":
+        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
           context.focused && !context.selected,
       },
       {
-        "bg-surface-200 dark:bg-surface-700 text-surface-700 dark:text-white":
+        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
           context.focused && context.selected,
       },
       {
-        "bg-surface-200 dark:bg-surface-700 text-surface-700 dark:text-white":
+        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
           !context.focused && context.selected,
       },
 
@@ -158,14 +190,17 @@ export default {
         "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80":
           context.focused && !context.selected,
       },
+      "focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
 
       // Transitions
       "transition-shadow",
       "duration-200",
 
       // Misc
-      "cursor-pointer",
+      { "pointer-events-none cursor-default": context.disabled },
+      { "cursor-pointer": !context.disabled },
       "overflow-hidden",
+      "whitespace-nowrap",
     ],
   }),
   itemgroup: {
@@ -175,7 +210,7 @@ export default {
 
       // Spacing
       "m-0",
-      "p-3",
+      "py-3 px-5",
 
       // Color
       "text-surface-800 dark:text-white/80",
@@ -253,7 +288,7 @@ export default {
     ],
   },
   filtericon: {
-    class: ["absolute", "top-1/2", "-mt-2"],
+    class: ["absolute", "top-1/2 right-3", "-mt-2"],
   },
   clearicon: {
     class: [
diff --git a/src/app/plugins/tailwind/components/floatLabel.ts b/src/app/plugins/tailwind/components/floatLabel.ts
new file mode 100644
index 00000000..cbb8f0d5
--- /dev/null
+++ b/src/app/plugins/tailwind/components/floatLabel.ts
@@ -0,0 +1,26 @@
+export default {
+  root: {
+    class: [
+      "block relative",
+
+      // Base Label Appearance
+      "[&>*:last-child]:text-surface-900/60 dark:[&>*:last-child]:text-white/60",
+      "[&>*:last-child]:absolute",
+      "[&>*:last-child]:top-[-10px]",
+      "[&>*:last-child]:-translate-y-1/2",
+      "[&>*:last-child]:left-3",
+      "[&>*:last-child]:pointer-events-none",
+      "[&>*:last-child]:transition-all",
+      "[&>*:last-child]:duration-200",
+      "[&>*:last-child]:ease",
+
+      // Focus Label Appearance
+      "[&>*:last-child]:has-[:focus]:-top-3",
+      "[&>*:last-child]:has-[:focus]:text-sm",
+
+      // Filled Input Label Appearance
+      "[&>*:last-child]:has-[.filled]:-top-3",
+      "[&>*:last-child]:has-[.filled]:text-sm",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/components/inputSwitch.ts b/src/app/plugins/tailwind/components/inputSwitch.ts
index 1321cc98..9bee6546 100644
--- a/src/app/plugins/tailwind/components/inputSwitch.ts
+++ b/src/app/plugins/tailwind/components/inputSwitch.ts
@@ -6,7 +6,7 @@ export default {
       "flex-shrink-0",
 
       // Size
-      "h-5 w-9",
+      "h-5 w-10",
 
       // States
       "focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
@@ -20,6 +20,10 @@ export default {
     class: [
       // Position
       "absolute top-0 left-0 right-0 bottom-0",
+      {
+        "before:transform before:translate-x-5":
+          props.modelValue == props.trueValue,
+      },
 
       // Shape
       "rounded-2xl",
@@ -35,14 +39,30 @@ export default {
       { "before:transform before:translate-x-4": props.modelValue },
 
       // Colors
-      "border-2 border-transparent",
+      "border",
       {
-        "bg-surface-200 dark:bg-surface-700": !props.modelValue,
-        "bg-primary-500 dark:bg-primary-400": props.modelValue,
+        "bg-surface-200 dark:bg-surface-700": !(
+          props.modelValue == props.trueValue
+        ),
+        "bg-primary-500 dark:bg-primary-400":
+          props.modelValue == props.trueValue,
       },
 
+      { "border-transparent": !props.invalid },
+
+      // Invalid State
+      { "border-red-500 dark:border-red-400": props.invalid },
+
       // States
-      { "hover:bg-surface-300 hover:dark:bg-surface-600 ": !props.modelValue },
+      {
+        "peer-hover:bg-surface-300 dark:peer-hover:bg-surface-600 ":
+          !(props.modelValue == props.trueValue) && !props.disabled,
+      },
+      {
+        "peer-hover:bg-primary-600 dark:peer-hover:bg-surface-300 ":
+          props.modelValue == props.trueValue && !props.disabled,
+      },
+      "peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50",
 
       // Transition
       "transition-colors duration-200",
@@ -51,4 +71,31 @@ export default {
       "cursor-pointer",
     ],
   }),
+  input: {
+    class: [
+      "peer",
+
+      // Size
+      "w-full ",
+      "h-full",
+
+      // Position
+      "absolute",
+      "top-0 left-0",
+      "z-10",
+
+      // Spacing
+      "p-0",
+      "m-0",
+
+      // Shape
+      "opacity-0",
+      "rounded-[2.5rem]",
+      "outline-none",
+
+      // Misc
+      "appearance-none",
+      "cursor-pointer",
+    ],
+  },
 };
diff --git a/src/app/plugins/tailwind/components/inputText.ts b/src/app/plugins/tailwind/components/inputText.ts
index c458107e..8c84b25d 100644
--- a/src/app/plugins/tailwind/components/inputText.ts
+++ b/src/app/plugins/tailwind/components/inputText.ts
@@ -1,32 +1,60 @@
 export default {
-  root: ({ props, context }) => ({
+  root: ({ props, context, parent }) => ({
     class: [
       // Font
-      "font-sans text-normal leading-none",
+      "font-sans leading-none",
+
+      // Flex
+      { "flex-1 w-[1%]": parent.instance.$name == "InputGroup" },
 
       // Spacing
       "m-0",
-      "px-4",
       {
         "px-4 py-4": props.size == "large",
         "px-2 py-2": props.size == "small",
         "p-3": props.size == null,
       },
 
+      // Shape
+      { "rounded-md": parent.instance.$name !== "InputGroup" },
+      {
+        "first:rounded-l-md rounded-none last:rounded-r-md":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "border-0 border-y border-l last:border-r":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "first:ml-0 -ml-px":
+          parent.instance.$name == "InputGroup" && !props.showButtons,
+      },
+
       // Colors
+      "text-surface-800 dark:text-white/80",
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
       "bg-surface-0 dark:bg-surface-800",
-      "border border-surface-300 dark:border-surface-600",
+      "border",
+      { "border-surface-300 dark:border-surface-600": !props.invalid },
+
+      // Invalid State
+      "invalid:focus:ring-red-200",
+      "invalid:hover:border-red-500",
+      { "border-red-500 dark:border-red-400": props.invalid },
 
       // States
       {
         "hover:border-primary-500 dark:hover:border-primary-400":
-          !context.disabled,
-        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50":
+          !context.disabled && !props.invalid,
+        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10":
           !context.disabled,
         "opacity-60 select-none pointer-events-none cursor-default":
           context.disabled,
       },
 
+      // Filled State *for FloatLabel
+      { filled: parent.instance?.$name == "FloatLabel" && context.filled },
+
       // Misc
       "appearance-none",
       "transition-colors duration-200",
diff --git a/src/app/plugins/tailwind/components/multiSelect.ts b/src/app/plugins/tailwind/components/multiSelect.ts
index 72e6f769..d4b50c7c 100644
--- a/src/app/plugins/tailwind/components/multiSelect.ts
+++ b/src/app/plugins/tailwind/components/multiSelect.ts
@@ -6,19 +6,25 @@ export default {
       "relative",
 
       // Shape
-      "w-full, overflow-hidden",
       "rounded-md",
 
       // Color and Background
       "bg-surface-0 dark:bg-surface-800",
-      "border border-surface-300 dark:border-surface-700",
+      "border",
+      { "border-surface-300 dark:border-surface-600": !props.invalid },
+
+      // Invalid State
+      { "border-red-500 dark:border-red-400": props.invalid },
 
       // Transitions
       "transition-all",
       "duration-200",
 
       // States
-      "hover:border-primary-500 dark:hover:border-primary-300",
+      {
+        "hover:border-primary-500 dark:hover:border-primary-300":
+          !props.invalid,
+      },
       {
         "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50":
           state.focused,
@@ -40,22 +46,20 @@ export default {
   label: ({ props }) => ({
     class: [
       "leading-none",
-      "h-full",
-      "content-center",
-      "flex flex-wrap",
+      "block ",
 
       // Spacing
       {
         "p-3": props.display !== "chip",
         "py-3 px-3": props.display === "chip" && !props?.modelValue?.length,
-        "py-1.5 px-3 mb-2":
+        "py-1.5 px-3":
           props.display === "chip" && props?.modelValue?.length > 0,
       },
 
       // Color
       {
-        "text-black dark:text-white/80": props.modelValue,
-        "text-surface-400 dark:text-surface-500": !props.modelValue,
+        "text-surface-800 dark:text-white/80": props.modelValue?.length,
+        "text-surface-400 dark:text-surface-500": !props.modelValue?.length,
       },
       "placeholder:text-surface-400 dark:placeholder:text-surface-500",
 
@@ -63,7 +67,7 @@ export default {
       "transition duration-200",
 
       // Misc
-      "overflow-wrap whitespace-nowrap cursor-pointer overflow-wrap",
+      "overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis",
     ],
   }),
   token: {
@@ -106,7 +110,7 @@ export default {
   trigger: {
     class: [
       // Flexbox
-      "flex items-center content-center justify-center",
+      "flex items-center justify-center",
       "shrink-0",
 
       // Color and Background
@@ -172,53 +176,217 @@ export default {
       "select-none",
     ],
   },
-  headerCheckbox: ({ context, state }) => ({
-    class: [
-      // Alignment
-      "flex",
-      "items-center",
-      "justify-center",
-
-      // Size
-      "w-6",
-      "h-6",
-
-      // Shape
-      "rounded-lg",
-      "border-2",
-
-      // Colors
-      "text-surface-600",
-      {
-        "border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-900":
-          !context?.selected,
-        "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
-          context?.selected,
-      },
-
-      "hover:border-primary-500",
-      {
-        "outline-none outline-offset-0 ring-2 ring-primary-400/50 dark:ring-primary-300/50":
-          state.focused,
-      },
-    ],
-  }),
-  headercheckboxicon: {
-    class: [
-      // Font
-      "text-base leading-none",
-
-      // Size
-      "w-4",
-      "h-4",
-
-      // Colors
-      "text-white dark:text-surface-900",
-
-      // Transitions
-      "transition-all",
-      "duration-200",
-    ],
+  headerCheckbox: {
+    root: {
+      class: [
+        "relative",
+
+        // Alignment
+        "inline-flex",
+        "align-bottom",
+
+        // Size
+        "w-6",
+        "h-6",
+
+        // Spacing
+        "mr-2",
+
+        // Misc
+        "cursor-pointer",
+        "select-none",
+      ],
+    },
+    box: ({ props, context }) => ({
+      class: [
+        // Alignment
+        "flex",
+        "items-center",
+        "justify-center",
+
+        // Size
+        "w-6",
+        "h-6",
+
+        // Shape
+        "rounded-md",
+        "border-2",
+
+        // Colors
+        {
+          "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900":
+            !context.checked,
+          "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+            context.checked,
+        },
+
+        // States
+        {
+          "peer-hover:border-primary-500 dark:peer-hover:border-primary-400":
+            !props.disabled && !context.checked,
+          "peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300":
+            !props.disabled && context.checked,
+          "peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20":
+            !props.disabled,
+          "cursor-default opacity-60": props.disabled,
+        },
+
+        // Transitions
+        "transition-colors",
+        "duration-200",
+      ],
+    }),
+    input: {
+      class: [
+        "peer",
+
+        // Size
+        "w-full ",
+        "h-full",
+
+        // Position
+        "absolute",
+        "top-0 left-0",
+        "z-10",
+
+        // Spacing
+        "p-0",
+        "m-0",
+
+        // Shape
+        "opacity-0",
+        "rounded-md",
+        "outline-none",
+        "border-2 border-surface-200 dark:border-surface-700",
+
+        // Misc
+        "appearance-none",
+        "cursor-pointer",
+      ],
+    },
+    icon: {
+      class: [
+        // Font
+        "text-base leading-none",
+
+        // Size
+        "w-4",
+        "h-4",
+
+        // Colors
+        "text-white dark:text-surface-900",
+
+        // Transitions
+        "transition-all",
+        "duration-200",
+      ],
+    },
+  },
+  itemCheckbox: {
+    root: {
+      class: [
+        "relative",
+
+        // Alignment
+        "inline-flex",
+        "align-bottom",
+
+        // Size
+        "w-6",
+        "h-6",
+
+        // Spacing
+        "mr-2",
+
+        // Misc
+        "cursor-pointer",
+        "select-none",
+      ],
+    },
+    box: ({ props, context }) => ({
+      class: [
+        // Alignment
+        "flex",
+        "items-center",
+        "justify-center",
+
+        // Size
+        "w-6",
+        "h-6",
+
+        // Shape
+        "rounded-md",
+        "border-2",
+
+        // Colors
+        {
+          "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900":
+            !context.checked,
+          "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
+            context.checked,
+        },
+
+        // States
+        {
+          "peer-hover:border-primary-500 dark:peer-hover:border-primary-400":
+            !props.disabled && !context.checked,
+          "peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300":
+            !props.disabled && context.checked,
+          "peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20":
+            !props.disabled,
+          "cursor-default opacity-60": props.disabled,
+        },
+
+        // Transitions
+        "transition-colors",
+        "duration-200",
+      ],
+    }),
+    input: {
+      class: [
+        "peer",
+
+        // Size
+        "w-full ",
+        "h-full",
+
+        // Position
+        "absolute",
+        "top-0 left-0",
+        "z-10",
+
+        // Spacing
+        "p-0",
+        "m-0",
+
+        // Shape
+        "opacity-0",
+        "rounded-md",
+        "outline-none",
+        "border-2 border-surface-200 dark:border-surface-700",
+
+        // Misc
+        "appearance-none",
+        "cursor-pointer",
+      ],
+    },
+    icon: {
+      class: [
+        // Font
+        "text-base leading-none",
+
+        // Size
+        "w-4",
+        "h-4",
+
+        // Colors
+        "text-white dark:text-surface-900",
+
+        // Transitions
+        "transition-all",
+        "duration-200",
+      ],
+    },
   },
   closeButton: {
     class: [
@@ -326,71 +494,6 @@ export default {
       "whitespace-nowrap",
     ],
   }),
-  checkboxContainer: {
-    class: [
-      "relative",
-
-      // Alignment
-      "inline-flex",
-      "align-bottom",
-
-      // Space
-      "mr-2",
-
-      // Size
-      "w-6",
-      "h-6",
-
-      // Misc
-      "cursor-pointer",
-      "select-none",
-    ],
-  },
-  checkbox: ({ context }) => ({
-    class: [
-      // Alignment
-      "flex",
-      "items-center",
-      "justify-center",
-
-      // Size
-      "w-6",
-      "h-6",
-
-      // Shape
-      "rounded-lg",
-      "border-2",
-
-      // Colors
-      "text-surface-600",
-      {
-        "border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-900":
-          !context?.selected,
-        "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400":
-          context?.selected,
-      },
-
-      "hover:border-primary-500 focus:outline-none",
-      "focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-    ],
-  }),
-  checkboxicon: {
-    class: [
-      // Font
-      "text-base leading-none",
-
-      // Size
-      "w-4",
-      "h-4",
-
-      // Colors
-      "text-white dark:text-surface-900",
-
-      // Transitions
-      "transition-all",
-      "duration-200",
-    ],
-  },
   itemgroup: {
     class: [
       //Font
diff --git a/src/app/plugins/tailwind/components/toolbar.ts b/src/app/plugins/tailwind/components/toolbar.ts
index 4253ab0c..b9aa67ab 100644
--- a/src/app/plugins/tailwind/components/toolbar.ts
+++ b/src/app/plugins/tailwind/components/toolbar.ts
@@ -1,8 +1,26 @@
 export default {
-  root: [
-    //background
-    "bg-white dark:bg-surface-800 shadow-lg shadow-black",
-    "p-3",
-    "z-50",
-  ],
+  root: {
+    class: [
+      // Flex & Alignment
+      "flex items-center justify-between flex-wrap",
+      "gap-2",
+
+      // Spacing
+      "p-3",
+
+      "z-50",
+
+      // Color
+      "bg-white dark:bg-surface-800 shadow-lg shadow-black",
+    ],
+  },
+  start: {
+    class: "flex items-center",
+  },
+  center: {
+    class: "flex items-center",
+  },
+  end: {
+    class: "flex items-center",
+  },
 };
diff --git a/src/app/plugins/tailwind/components/tooltip.ts b/src/app/plugins/tailwind/components/tooltip.ts
index 46e4767c..68b6c4e1 100644
--- a/src/app/plugins/tailwind/components/tooltip.ts
+++ b/src/app/plugins/tailwind/components/tooltip.ts
@@ -2,11 +2,10 @@ export default {
   root: ({ context, props }) => ({
     class: [
       // Position and Shadows
-      "bg-grey-200 dark:bg-grey-300",
-
       "absolute",
       "shadow-md",
       "p-fadein",
+      "z-50",
       // Spacing
       {
         "py-0 px-1":
@@ -64,6 +63,7 @@ export default {
   text: {
     class: [
       "p-3",
+      "bg-surface-600 dark:bg-surface-700",
       "text-white",
       "leading-none",
       "rounded-md",
diff --git a/src/app/plugins/tailwind/tailwindStyles.ts b/src/app/plugins/tailwind/tailwindStyles.ts
index 7bfd1288..09085622 100644
--- a/src/app/plugins/tailwind/tailwindStyles.ts
+++ b/src/app/plugins/tailwind/tailwindStyles.ts
@@ -22,6 +22,9 @@ import inputGroup from "@/app/plugins/tailwind/components/inputGroup";
 import inputGroupAddon from "@/app/plugins/tailwind/components/inputGroupAddon";
 import treeSelect from "@/app/plugins/tailwind/components/treeSelect";
 import slider from "@/app/plugins/tailwind/components/slider";
+import cascadeSelect from "@/app/plugins/tailwind/components/cascadeSelect";
+import floatLabel from "@/app/plugins/tailwind/components/floatLabel";
+import checkBox from "@/app/plugins/tailwind/components/checkBox";
 
 export const tailwindTheme = {
   tabview,
@@ -48,4 +51,7 @@ export const tailwindTheme = {
   inputGroupAddon,
   treeSelect,
   slider,
+  cascadeSelect,
+  floatLabel,
+  checkBox,
 };
diff --git a/src/entities/toggleIcon/ToggleIcon.vue b/src/entities/toggleIcon/ToggleIcon.vue
index bf1ccb04..19f02ed4 100644
--- a/src/entities/toggleIcon/ToggleIcon.vue
+++ b/src/entities/toggleIcon/ToggleIcon.vue
@@ -4,13 +4,13 @@
       v-tooltip.top="{
         value: props.tooltip,
         pt: {
-          root: '',
+          root: 'absolute',
           arrow: {
             style: {
               borderRightColor: 'var(--primary-color)',
             },
           },
-          text: 'border rounded bg-surface-800 dark:bg-surface-50 text-white dark:text-black font-light p-2',
+          text: 'border rounded bg-surface-800 dark:bg-surface-50 text-white dark:text-black font-light p-2 break-words text-wrap max-w-[20ch]',
         },
       }"
       @click="activate"
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index c5de4dc1..ade55061 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -50,6 +50,7 @@
               :options="getHeaders"
               placeholder="Select Columns"
             >
+              <template #dropdownicon><span></span></template>
               <template #value>
                 <span class="flex flex-row w-full text-white items-center">
                   <svg-icon type="mdi" :path="mdiTable"></svg-icon>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index df5a7ce2..11caf9db 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -48,6 +48,8 @@
               :options="getHeaders"
               placeholder="Select Columns"
             >
+              <template #dropdownicon><span></span></template>
+
               <template #value>
                 <span class="flex flex-row w-full text-white items-center">
                   <svg-icon type="mdi" :path="mdiTable"></svg-icon>
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index e5f3f258..1877bce9 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -8,15 +8,11 @@
     </template>
     <MultiSelect
       v-model="selectedMeasurementUnits"
-      class="mr-13"
-      :items="getMeasurementUnits"
-      attach
-      variant="outlined"
-      hide-selected
-      closable-chips
-      chips
-      label="Filter units"
+      class="mr-13 w-full"
+      :options="getMeasurementUnits"
       multiple
+      placeholder="Filter units"
+      display="chip"
     ></MultiSelect>
 
     <Chart
@@ -214,6 +210,7 @@ import { mdiCheckNetwork, mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import MultiSelect from "primevue/multiselect";
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
diff --git a/src/pages/reports/release/DomainTable/DomainTable.vue b/src/pages/reports/release/DomainTable/DomainTable.vue
index ff911cef..208a8488 100644
--- a/src/pages/reports/release/DomainTable/DomainTable.vue
+++ b/src/pages/reports/release/DomainTable/DomainTable.vue
@@ -1,9 +1,12 @@
 <template>
-  <div v-if="!store.getters.getErrors" class="flex flex-col gap-5">
-    <MainTable />
-    <DomainMetadataTable :data="store.getters.getData.metadataData" />
-    <DataStratificationByVisit />
-    <DataStratificationByDrug />
+  <div v-if="!store.getters.getErrors" class="flex flex-col gap-10">
+    <PageHeader title="Domain Table" />
+    <div class="flex flex-col gap-5">
+      <MainTable />
+      <DomainMetadataTable :data="store.getters.getData.metadataData" />
+      <DataStratificationByVisit />
+      <DataStratificationByDrug />
+    </div>
   </div>
 </template>
 
@@ -14,6 +17,7 @@ import MainTable from "@/pages/reports/release/DomainTable/components/MainTable.
 import DataStratificationByVisit from "@/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue";
 import DataStratificationByDrug from "@/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue";
 import DomainMetadataTable from "@/pages/reports/release/DomainTable/components/DomainMetadataTable.vue";
+import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index f43087b6..5c456440 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -63,6 +63,9 @@
                   <span class="uppercase text-base">Columns to display</span>
                 </span>
               </template>
+              <template #dropdownicon>
+                <span></span>
+              </template>
             </MultiSelect>
           </div>
         </template>
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 4c946156..2e1eb6e1 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -1,5 +1,5 @@
 <template>
-  <Toolbar class="fixed bottom-0 left-0 right-0">
+  <Toolbar unstyled class="fixed bottom-0 left-0 right-0">
     <template #end>
       <div class="flex flex-row gap-14 mr-3">
         <Button
diff --git a/src/widgets/explorer/config/folders.ts b/src/widgets/explorer/config/folders.ts
index 8da8b2b7..26dd4c16 100644
--- a/src/widgets/explorer/config/folders.ts
+++ b/src/widgets/explorer/config/folders.ts
@@ -1,18 +1,22 @@
-import { mdiDatabase, mdiDatabaseClock, mdiNetwork } from "@mdi/js";
+import {
+  mdiDatabaseClockOutline,
+  mdiDatabaseOutline,
+  mdiNetworkOutline,
+} from "@mdi/js";
 
 export const folders = [
   {
-    icon: mdiNetwork,
+    icon: mdiNetworkOutline,
     name: "Data Network",
     key: "network",
   },
   {
-    icon: mdiDatabase,
+    icon: mdiDatabaseOutline,
     name: "Data Source",
     key: "datasource",
   },
   {
-    icon: mdiDatabaseClock,
+    icon: mdiDatabaseClockOutline,
     name: "Data Source Release",
     key: "cdm",
   },
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index c73252d7..532ccb15 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -11,6 +11,17 @@ import {
   mdiSpeedometer,
   mdiTable,
   mdiAccountGroupOutline,
+  mdiTextBoxMultipleOutline,
+  mdiAccountOutline,
+  mdiTestTube,
+  mdiTransitConnectionVariant,
+  mdiHeartOffOutline,
+  mdiPill,
+  mdiVirusOutline,
+  mdiEyeCircleOutline,
+  mdiHospitalBuilding,
+  mdiNeedle,
+  mdiHeartFlash,
 } from "@mdi/js";
 
 export const reports = [
@@ -19,18 +30,21 @@ export const reports = [
     icon: mdiSigmaLower,
     name: "Data Quality",
     routeName: "dataQuality",
+    reports: [],
   },
   {
     folder: "Data Source Release",
-    icon: mdiChartLine,
+    icon: mdiAccountOutline,
     name: "Person",
     routeName: "person",
+    reports: [],
   },
   {
     folder: "Data Source Release",
     icon: mdiAccountGroupOutline,
     name: "Cohorts",
     routeName: "cohorts",
+    reports: [],
   },
   {
     folder: "Data Network",
@@ -67,12 +81,14 @@ export const reports = [
     icon: mdiChartLine,
     name: "Data Density",
     routeName: "dataDensity",
+    reports: [],
   },
   {
     folder: "Data Source Release",
-    icon: mdiChartLine,
+    icon: mdiEyeCircleOutline,
     name: "Observation Period",
     routeName: "observationPeriod",
+    reports: [],
   },
   {
     folder: "Data Source",
@@ -91,106 +107,121 @@ export const reports = [
     icon: mdiChartTimeline,
     name: "Domain Continuity",
     routeName: "domainContinuity",
+    reports: [],
   },
   {
     folder: "Data Source Release",
     icon: mdiTable,
-    name: "Conditions",
-    routeName: "domainTable",
-    domain: "condition_occurrence",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Condition Eras",
-    routeName: "domainTable",
-    domain: "condition_era",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Drugs",
-    routeName: "domainTable",
-    domain: "drug_exposure",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Drug Eras",
-    routeName: "domainTable",
-    domain: "drug_era",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Visit Occurrence",
-    routeName: "domainTable",
-    domain: "visit_occurrence",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Visit Detail",
-    routeName: "domainTable",
-    domain: "visit_detail",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Measurements",
+    name: "Domain Table",
     routeName: "domainTable",
-    domain: "measurement",
+    domain: true,
+    reports: [
+      {
+        folder: "Data Source Release",
+        icon: mdiVirusOutline,
+        name: "Conditions",
+        routeName: "domainTable",
+        domain: "condition_occurrence",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiVirusOutline,
+        name: "Condition Eras",
+        routeName: "domainTable",
+        domain: "condition_era",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiPill,
+        name: "Drugs",
+        routeName: "domainTable",
+        domain: "drug_exposure",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiPill,
+        name: "Drug Eras",
+        routeName: "domainTable",
+        domain: "drug_era",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiHospitalBuilding,
+        name: "Visit Occurrence",
+        routeName: "domainTable",
+        domain: "visit_occurrence",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiHospitalBuilding,
+        name: "Visit Detail",
+        routeName: "domainTable",
+        domain: "visit_detail",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiTestTube,
+        name: "Measurements",
+        routeName: "domainTable",
+        domain: "measurement",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiEyeCircleOutline,
+        name: "Observations",
+        routeName: "domainTable",
+        domain: "observation",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiNeedle,
+        name: "Procedures",
+        routeName: "domainTable",
+        domain: "procedure_occurrence",
+      },
+      {
+        folder: "Data Source Release",
+        icon: mdiHeartFlash,
+        name: "Device Exposures",
+        routeName: "domainTable",
+        domain: "device_exposure",
+      },
+    ],
   },
   {
     folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Observations",
-    routeName: "domainTable",
-    domain: "observation",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Procedures",
-    routeName: "domainTable",
-    domain: "procedure_occurrence",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Device Exposures",
-    routeName: "domainTable",
-    domain: "device_exposure",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
+    icon: mdiHeartOffOutline,
     name: "Death",
     routeName: "death",
+    reports: [],
   },
   {
     folder: "Data Source Release",
-    icon: mdiTable,
+    icon: mdiTransitConnectionVariant,
     name: "Unmapped Source Codes",
     routeName: "unmappedSourceCodes",
+    reports: [],
   },
   {
     folder: "Data Source Release",
-    icon: mdiTable,
+    icon: mdiTextBoxMultipleOutline,
     name: "Temporal Characterization",
     routeName: "temporalCharacterization",
+    reports: [],
   },
   {
     folder: "Data Source Release",
     icon: mdiSpeedometer,
     name: "Performance",
     routeName: "performance",
+    reports: [],
   },
   {
     folder: "Data Source Release",
     icon: mdiAlphaMCircleOutline,
     name: "Metadata",
     routeName: "metadata",
+    reports: [],
   },
   {
     folder: "Data Network",
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 0c4a3f33..4e892644 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -63,17 +63,27 @@ const getters = {
       : getters.getReleases[0];
   },
   getSelectedReport: function (state, getters, rootState) {
-    return getters.getFilteredReports.find((report) => {
-      if (report.domain) {
-        return rootState.route.params.domain === report.domain;
-      } else if (rootState.route.params.cohort_id) {
+    const isDomain = rootState.route.params.domain;
+    const isCohort = rootState.route.params.cohort_id;
+    if (isDomain) {
+      const domainTable = getters.getFilteredReports.find(
+        (report) => report.domain
+      );
+      return domainTable.reports.find((report) => {
+        return isDomain === report.domain;
+      });
+    }
+    if (isCohort) {
+      return getters.getFilteredReports.find((report) => {
         return report.routeName === "cohorts";
-      } else {
+      });
+    } else {
+      return getters.getFilteredReports.find((report) => {
         return rootState.route.matched.some(
           (route) => route.name === report.routeName
         );
-      }
-    });
+      });
+    }
   },
 };
 
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index cf4f7871..a8fe35a7 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -8,7 +8,7 @@
       <img :class="iconClass" :src="icon" alt="Ares logo" width="45" />
     </Button>
     <div class="flex flex-row gap-5">
-      <div class="p-float-label">
+      <FloatLabel>
         <dropdown
           inputId="folder"
           :model-value="store.getters.getSelectedFolder"
@@ -23,12 +23,12 @@
             </div>
           </template>
         </dropdown>
-        <label class="left-3 font-light dark:text-white text-black" for="folder"
+        <label class="font-light dark:text-white text-black" for="folder"
           >Report category</label
         >
-      </div>
+      </FloatLabel>
 
-      <div v-if="showSourceSelector" class="p-float-label">
+      <FloatLabel v-if="showSourceSelector">
         <dropdown
           input-id="source"
           :model-value="store.getters.getSelectedSource"
@@ -40,9 +40,9 @@
         <label class="left-3 font-light dark:text-white text-black" for="source"
           >Source</label
         >
-      </div>
+      </FloatLabel>
 
-      <div v-if="showReleaseSelector" class="p-float-label">
+      <FloatLabel v-if="showReleaseSelector">
         <dropdown
           input-id="release"
           :model-value="store.getters.getSelectedRelease"
@@ -52,19 +52,20 @@
         >
         </dropdown>
         <label
-          class="left-3 font-light dark:text-white text-black"
+          class="relative left-3 top-0 font-light dark:text-white text-black"
           for="release"
           >Release</label
         >
-      </div>
-
-      <div class="p-float-label">
-        <dropdown
+      </FloatLabel>
+      <FloatLabel>
+        <CascadeSelect
           input-id="report"
+          :options="store.getters.getFilteredReports"
           :model-value="store.getters.getSelectedReport"
           @update:modelValue="changeReport"
-          :options="store.getters.getFilteredReports"
           optionLabel="name"
+          optionGroupLabel="name"
+          :optionGroupChildren="['reports']"
         >
           <template #option="slotProps">
             <div class="flex items-center gap-2">
@@ -72,36 +73,33 @@
               <div>{{ slotProps.option.name }}</div>
             </div>
           </template>
-        </dropdown>
-        <label class="left-3 font-light dark:text-white text-black" for="report"
+        </CascadeSelect>
+        <label class="font-light dark:text-white text-black" for="concept"
           >Report</label
         >
-      </div>
-
-      <div v-if="showConceptSelector" class="p-float-label">
+      </FloatLabel>
+      <FloatLabel v-if="showConceptSelector">
         <dropdown
           input-id="concept"
           :model-value="showConceptSelector"
           :options="[showConceptSelector]"
           disabled
         />
-        <label
-          class="left-3 font-light dark:text-white text-black"
-          for="concept"
+        <label class="font-light dark:text-white text-black" for="concept"
           >Concept ID</label
         >
-      </div>
-      <div v-if="showCohortSelector" class="p-float-label">
+      </FloatLabel>
+      <FloatLabel v-if="showCohortSelector">
         <dropdown
           input-id="cohort"
           :model-value="showCohortSelector"
           :options="[showCohortSelector]"
           disabled
         />
-        <label class="left-3 font-light dark:text-white text-black" for="cohort"
+        <label class="font-light dark:text-white text-black" for="cohort"
           >Cohort ID</label
         >
-      </div>
+      </FloatLabel>
     </div>
   </div>
 </template>
@@ -120,6 +118,8 @@ import {
   Source,
   SourceRelease,
 } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
+import CascadeSelect from "primevue/cascadeselect";
+import FloatLabel from "primevue/floatlabel";
 
 const route = useRoute();
 const store = useStore();
diff --git a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
index 3fa89695..d2dc8e87 100644
--- a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-row gap-5">
+  <div class="flex flex-row gap-5 mb">
     <InputSwitch v-model="darkMode" />
     <div>
       <h3>{{ darkMode ? "Dark Mode" : "Light mode" }}</h3>

From 151d254cbea957308c05fe58bbb262337faf0a59 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 9 Apr 2024 14:48:20 +0700
Subject: [PATCH 122/202] fix: data quality results filters update error

---
 .../components/ResultsTable.vue               | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index 94b311bd..c934e754 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -35,11 +35,11 @@
         </InputGroup>
         <MultiSelect
           :pt="{
-            root: 'dark:bg-primary-500 bg-primary-400 text-white rounded',
+            root: 'dark:bg-primary-400 bg-primary-500 text-white rounded',
             labelContainer:
-              'dark:bg-primary-500 bg-primary-400 text-white rounded',
+              'dark:bg-primary-400 bg-primary-500 text-white rounded',
             trigger: [
-              'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-500 w-12',
+              'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
             ],
           }"
           v-model="selectedHeaders"
@@ -47,11 +47,16 @@
           option-label="title"
           option-value="key"
           :options="headers"
-          style="width: 15rem"
           placeholder="Select Columns"
         >
           <template #value>
-            <span class="uppercase text-white">Select Columns</span>
+            <span class="flex flex-row w-full text-white items-center">
+              <svg-icon type="mdi" :path="mdiTable"></svg-icon>
+              <span class="uppercase text-base">Columns to display</span>
+            </span>
+          </template>
+          <template #dropdownicon>
+            <span></span>
           </template>
         </MultiSelect>
       </div>
@@ -528,6 +533,7 @@ import { links } from "@/shared/config/links";
 import { helpers } from "@/shared/lib/mixins";
 import { useStore } from "vuex";
 import { computed, onBeforeMount, Ref, ref, watch } from "vue";
+import SvgIcon from "@jamescoyle/vue-icon";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { debounce } from "lodash";
 import { useRoute, useRouter } from "vue-router";
@@ -545,6 +551,7 @@ import Dropdown from "primevue/dropdown";
 import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import MultiSelect from "primevue/multiselect";
+import { mdiTable } from "@mdi/js";
 
 const checks = ref(store.getters.getData.checkResults);
 
@@ -759,7 +766,7 @@ const updateFiltersFromUrl = function (): void {
 
   for (const key in filters.value) {
     if (parsedParams[key]) {
-      filters.value[key].value = parsedParams[key];
+      filters.value[key].value = [parsedParams[key]];
     } else {
       filters.value[key].value = null;
     }

From cc8119d2c9bea9444be60bbcab391e4a0d1de14f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 14 Apr 2024 16:07:59 +0700
Subject: [PATCH 123/202] feat: added config for custom error messages feat:
 added accordion for technical details of an error

---
 .../plugins/tailwind/components/accordion.ts  |  86 ++++
 src/app/plugins/tailwind/tailwindStyles.ts    |   2 +
 src/main.ts                                   |   4 +-
 .../exploreReports/model/store/data.module.ts | 380 +++++++++---------
 .../error/model/config/errorMessages.ts       |  40 ++
 src/widgets/error/ui/Error.vue                | 101 +++--
 .../explorer/model/store/explorer.module.ts   |  13 +-
 7 files changed, 374 insertions(+), 252 deletions(-)
 create mode 100644 src/app/plugins/tailwind/components/accordion.ts
 create mode 100644 src/widgets/error/model/config/errorMessages.ts

diff --git a/src/app/plugins/tailwind/components/accordion.ts b/src/app/plugins/tailwind/components/accordion.ts
new file mode 100644
index 00000000..a353e755
--- /dev/null
+++ b/src/app/plugins/tailwind/components/accordion.ts
@@ -0,0 +1,86 @@
+export default {
+  accordiontab: {
+    root: {
+      class: "mb-1",
+    },
+    header: ({ props }) => ({
+      class: [
+        // State
+        {
+          "select-none pointer-events-none cursor-default opacity-60":
+            props?.disabled,
+        },
+      ],
+    }),
+    headerAction: ({ context }) => ({
+      class: [
+        //Font
+        "font-bold",
+        "leading-none",
+
+        // Alignments
+        "flex items-center",
+        "relative",
+
+        // Sizing
+        "p-5",
+
+        // Shape
+        "rounded-t-md",
+        {
+          "rounded-br-md rounded-bl-md": !context.active,
+          "rounded-br-0 rounded-bl-0": context.active,
+        },
+
+        // Color
+        "border border-surface-200 dark:border-surface-700",
+        "bg-surface-50 dark:bg-surface-800",
+        "text-surface-600 dark:text-surface-0/80",
+        { "text-surface-900": context.active },
+
+        // Transition
+        "transition duration-200 ease-in-out",
+        "transition-shadow duration-200",
+
+        // States
+        "hover:bg-surface-100 dark:hover:bg-surface-700",
+        "hover:text-surface-900",
+        "focus:outline-none focus:outline-offset-0 focus-visible:ring focus-visible:ring-primary-400/50 ring-inset dark:focus-visible:ring-primary-300/50", // Focus
+
+        // Misc
+        "cursor-pointer no-underline select-none",
+      ],
+    }),
+    headerIcon: {
+      class: "inline-block mr-2",
+    },
+    headerTitle: {
+      class: "leading-none",
+    },
+    content: {
+      class: [
+        // Spacing
+        "p-5",
+
+        //Shape
+        "rounded-tl-none rounded-tr-none rounded-br-lg rounded-bl-lg",
+        "border-t-0",
+
+        // Color
+        "bg-surface-0 dark:bg-surface-800",
+        "border border-surface-200 dark:border-surface-700",
+        "text-surface-700 dark:text-surface-0/80",
+      ],
+    },
+    transition: {
+      enterFromClass: "max-h-0",
+      enterActiveClass:
+        "overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]",
+      enterToClass: "max-h-[1000px]",
+      leaveFromClass: "max-h-[1000px]",
+      leaveActiveClass:
+        "overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]",
+      leaveToClass: "max-h-0",
+    },
+  },
+};
diff --git a/src/app/plugins/tailwind/tailwindStyles.ts b/src/app/plugins/tailwind/tailwindStyles.ts
index 09085622..799a31f6 100644
--- a/src/app/plugins/tailwind/tailwindStyles.ts
+++ b/src/app/plugins/tailwind/tailwindStyles.ts
@@ -25,6 +25,7 @@ import slider from "@/app/plugins/tailwind/components/slider";
 import cascadeSelect from "@/app/plugins/tailwind/components/cascadeSelect";
 import floatLabel from "@/app/plugins/tailwind/components/floatLabel";
 import checkBox from "@/app/plugins/tailwind/components/checkBox";
+import accordion from "@/app/plugins/tailwind/components/accordion";
 
 export const tailwindTheme = {
   tabview,
@@ -54,4 +55,5 @@ export const tailwindTheme = {
   cascadeSelect,
   floatLabel,
   checkBox,
+  accordion,
 };
diff --git a/src/main.ts b/src/main.ts
index 40979a59..a08b9ba7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,6 +20,7 @@ import { tailwindTheme } from "@/app/plugins/tailwind/tailwindStyles";
 import ConfirmationService from "primevue/confirmationservice";
 import resize from "@/shared/lib/directives/resize";
 import { errorActions } from "@/widgets/error";
+import errorMessages from "@/widgets/error/model/config/errorMessages";
 // adds reactive router module to global state
 
 sync(store, router);
@@ -34,12 +35,11 @@ environment.load().then(() => {
         app.config.errorHandler = (err) => {
           // Handle the error globally
           store.dispatch(errorActions.NEW_ERROR, {
-            message: `An unexpected error has occurred (${err.name})`,
+            userMessage: errorMessages.technicalError.codeError,
             name: err.name,
             details: err.message,
             stack: err.stack,
             type: "unexpected",
-            page: store.state.route.name,
           });
         };
         app
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index b7af3d3d..3f4d30a6 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -13,10 +13,10 @@ import {
 } from "./actions.type";
 
 import { errorActions } from "@/widgets/error";
-import { SourceRelease } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
 import db from "@/shared/api/duckdb/instance";
 import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
+import errorMessages from "@/widgets/error/model/config/errorMessages";
 
 const state = {
   data: {},
@@ -73,6 +73,65 @@ async function fetchDuckDBData(file, payload, path) {
     }));
 }
 
+function commitData(data, { dispatch, commit }, reportName) {
+  try {
+    postprocessing[reportName]
+      ? commit(SET_DATA, postprocessing[reportName](data))
+      : commit(SET_DATA, data);
+  } catch (e) {
+    dispatch(errorActions.NEW_ERROR, {
+      userMessage: errorMessages.technicalError.codeError,
+      name: e.name,
+      details: e.message,
+      stack: e.stack,
+      type: "unexpected",
+      page: reportName,
+    });
+  }
+}
+
+function processData(data, isDuckDb, fileName) {
+  if (isDuckDb) {
+    return convertTableToArray(data);
+  }
+  if (!isDuckDb && preprocessing[fileName]) {
+    return preprocessing[fileName](data);
+  } else {
+    return data;
+  }
+}
+
+function handleNetworkError(responses, { dispatch }, reportName, isDuckDb) {
+  const errorCode = responses[0].reason?.response?.status;
+  let errorMessage;
+  const errorDetails = responses.map((val) => ({
+    url: val.reason?.config?.url,
+    errorCode,
+  }));
+  if (isDuckDb) {
+    errorMessage =
+      "The file is unavailable or the server isn't responding. Please check your internet connection and your data folder then try again";
+  }
+  if (errorCode === 404 && !isDuckDb) {
+    errorMessage = errorMessages.reportsMissingFiles[reportName];
+  }
+  if (
+    ((errorCode && errorCode >= 500) || typeof errorCode !== "number") &&
+    !isDuckDb
+  ) {
+    errorMessage = errorMessages.technicalError.networkError;
+  }
+
+  if (errorMessage) {
+    const message = responses[0].reason.stack;
+    dispatch(errorActions.NEW_ERROR, {
+      userMessage: errorMessage,
+      technicalMessage: { errorCode, errorDetails, message },
+      details: errorDetails,
+    });
+  }
+}
+
 function convertTableToArray(table) {
   const dataTable = [];
   for (const row of table) {
@@ -94,6 +153,9 @@ const actions = {
   },
 
   async [FETCH_FILES]({ commit, dispatch, rootState }, payload) {
+    const isDuckDb =
+      payload.duckdb_supported && environment.DUCKDB_ENABLED === "true";
+    const reportName = rootState.route.name;
     const path = {
       cdm: { cdm_source_key: rootState.route.params.cdm },
       release: rootState.route.params.release,
@@ -101,11 +163,7 @@ const actions = {
       concept: rootState.route.params.concept,
     };
     const promises = payload.files.map((file) => {
-      if (
-        payload.duckdb_supported &&
-        environment.DUCKDB_ENABLED === "true" &&
-        file.source !== "axios"
-      ) {
+      if (isDuckDb && file.source !== "axios") {
         return fetchDuckDBData(file, payload, path);
       } else {
         return fetchAxiosData(file, path);
@@ -113,47 +171,37 @@ const actions = {
     });
 
     let data = {};
-
     await Promise.allSettled(promises).then((responses) => {
       responses.forEach((response, index) => {
         const status = response.status;
         const fileData = response.value?.data;
         const fileName = payload.files[index].name;
+        const isRequired = payload.files[index].required;
 
         if (status === "fulfilled") {
-          data[fileName] =
-            response.value.duckdb_supported &&
-            environment.DUCKDB_ENABLED === "true" &&
-            payload.files[index].source !== "axios"
-              ? convertTableToArray(fileData)
-              : preprocessing[fileName]
-              ? preprocessing[fileName](fileData)
-              : fileData;
-        } else if (status === "rejected" && payload.files[index].required) {
-          const message = response.reason.message;
-          const url = response.reason?.config?.url;
-          dispatch(errorActions.NEW_ERROR, { message, details: url });
-          data = null;
-          return;
+          //data processing
+          data[fileName] = processData(
+            fileData,
+            isDuckDb && payload.files[index].source !== "axios",
+            fileName
+          );
         } else {
+          if (isRequired) {
+            handleNetworkError(
+              [response],
+              { dispatch },
+              reportName,
+              isDuckDb && payload.files[index].source !== "axios"
+            );
+            data = null;
+            return;
+          }
           data[fileName] = [];
         }
       });
-      try {
-        if (data) {
-          postprocessing[rootState.route.name]
-            ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-            : commit(SET_DATA, data);
-        }
-      } catch (e) {
-        dispatch(errorActions.NEW_ERROR, {
-          message: `An unexpected error has occurred (${e.name})`,
-          name: e.name,
-          details: e.message,
-          stack: e.stack,
-          type: "unexpected",
-          page: rootState.route.name,
-        });
+
+      if (data) {
+        commitData(data, { dispatch, commit }, reportName);
       }
     });
   },
@@ -162,94 +210,61 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
-    const promises = payload.files.reduce(
-      (obj, file) => ({
-        ...obj,
-        [file.name]: rootGetters.getSources.reduce(
-          (filesArray, currentSource) => {
-            const loadedFiles = file.instanceParams.reduce(
-              (array, currentInstance) => {
-                return [
-                  ...array,
-                  payload.duckdb_supported &&
-                  environment.DUCKDB_ENABLED === "true" &&
-                  file.source !== "axios"
-                    ? fetchDuckDBData(file, payload, {
-                        cdm: currentSource,
-                        release: currentSource.releases[0].release_id,
-                        domain: currentInstance.domain
-                          ? currentInstance.domain
-                          : rootState.route.params.domain,
-                        concept: currentInstance.concept
-                          ? currentInstance.concept
-                          : rootState.route.params.concept,
-                      })
-                    : fetchAxiosData(file, {
-                        cdm: currentSource,
-                        release: currentSource.releases[0].release_id,
-                        domain: currentInstance.domain
-                          ? currentInstance.domain
-                          : rootState.route.params.domain,
-                        concept: currentInstance.concept
-                          ? currentInstance.concept
-                          : rootState.route.params.concept,
-                      }),
-                ];
-              },
-              []
-            );
-            return [...filesArray, ...loadedFiles];
-          },
-          []
-        ),
-      }),
-      {}
-    );
+    const isDuckDb =
+      environment.DUCKDB_ENABLED === "true" && payload.duckdb_supported;
 
-    let data = {};
-    for (const file in promises) {
-      await Promise.allSettled(promises[file]).then((responses) => {
-        data[file] = responses
-          .filter((response) => response.status === "fulfilled")
-          .map(
-            (
-              filtered: PromiseFulfilledResult<{
-                data: never[];
-                payload: { cdm: string };
-              }>
-            ) => ({
-              data:
-                payload.duckdb_supported &&
-                environment.DUCKDB_ENABLED === "true"
-                  ? convertTableToArray(filtered.value.data)
-                  : preprocessing[file]
-                  ? preprocessing[file](filtered.value.data)
-                  : filtered.value?.data,
-              source: filtered.value?.payload.cdm,
-            })
+    const reportName = rootState.route.name;
+    const promises = payload.files.reduce((obj, file) => {
+      obj[file.name] = rootGetters.getSources.reduce(
+        (filesArray, currentSource) => {
+          const loadedFiles = file.instanceParams.reduce(
+            (array, currentInstance) => {
+              const path = {
+                cdm: currentSource,
+                release: currentSource.releases[0].release_id,
+                domain: currentInstance.domain || rootState.route.params.domain,
+                concept:
+                  currentInstance.concept || rootState.route.params.concept,
+              };
+              const fetchData =
+                isDuckDb && file.source !== "axios"
+                  ? fetchDuckDBData(file, payload, path)
+                  : fetchAxiosData(file, path);
+              return [...array, fetchData];
+            },
+            []
           );
-        if (data[file].length === 0 && payload.criticalError) {
-          data = null;
-          dispatch(errorActions.NEW_ERROR, {
-            message: "No files found across data sources",
-            details: "No additional data",
-          });
-        }
-      });
-    }
-    try {
-      if (data) {
-        postprocessing[rootState.route.name]
-          ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-          : commit(SET_DATA, data);
+
+          return [...filesArray, ...loadedFiles];
+        },
+        []
+      );
+
+      return obj;
+    }, {});
+
+    const data = {};
+    for (const file in promises) {
+      const responses = await Promise.allSettled(promises[file]);
+
+      data[file] = responses
+        .filter((response) => response.status === "fulfilled")
+        .map((filtered) => ({
+          data: isDuckDb
+            ? convertTableToArray(filtered.value.data)
+            : preprocessing[file]
+            ? preprocessing[file](filtered.value.data)
+            : filtered.value?.data,
+          source: filtered.value?.payload.cdm,
+        }));
+
+      //handle network error
+      if (data[file].length === 0) {
+        handleNetworkError(responses, { dispatch }, reportName, isDuckDb);
       }
-    } catch (e) {
-      dispatch(errorActions.NEW_ERROR, {
-        message: `An unexpected error has occurred (${e.name})`,
-        details: e.message,
-        stack: e.stack,
-        type: "unexpected",
-      });
+    }
+    if (data) {
+      commitData(data, { dispatch, commit }, reportName);
     }
   },
 
@@ -257,82 +272,61 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
-    const promises = payload.files.reduce(
-      (obj, file) => ({
-        ...obj,
-        [file.name]: rootGetters.getSelectedSource.releases.map((release) => {
-          if (
-            payload.duckdb_supported &&
-            environment.DUCKDB_ENABLED === "true" &&
-            file.source !== "axios"
-          ) {
-            return fetchDuckDBData(file, payload, {
-              cdm: rootGetters.getSelectedSource,
-              release: release.release_id,
-              domain: rootState.route.params.domain,
-              concept: rootState.route.params.concept,
-            });
-          } else {
-            return apiService(
-              {
-                url: getFilePath({
-                  cdm: rootGetters.getSelectedSource.cdm_source_key,
-                  release: release.release_id,
-                  domain: rootState.route.params.domain,
-                  concept: rootState.route.params.concept,
-                })[file.name],
-                method: "get",
-              },
-              release.release_name
-            );
-          }
-        }),
-      }),
-      {}
-    );
-    let data = {};
-    for (const file in promises) {
-      await Promise.allSettled(promises[file]).then((responses) => {
-        data[file] = responses
-          .filter((response) => response.status === "fulfilled")
-          .map(
-            (
-              filtered: PromiseFulfilledResult<{
-                data: never;
-                payload: SourceRelease;
-              }>
-            ) => ({
-              data:
-                payload.duckdb_supported &&
-                environment.DUCKDB_ENABLED === "true"
-                  ? convertTableToArray(filtered.value?.data)
-                  : filtered.value.data,
-              release: filtered.value?.payload,
-            })
-          );
-        if (data[file].length === 0) {
-          data = null;
-          dispatch(errorActions.NEW_ERROR, {
-            message: "No files found across current data source releases",
-            details: rootGetters.getSelectedSource.cdm_source_abbreviation,
+    const isDuckDb =
+      payload.duckdb_supported && environment.DUCKDB_ENABLED === "true";
+    const reportName = rootState.route.name;
+    const promises = payload.files.reduce((obj, file) => {
+      const selectedSource = rootGetters.getSelectedSource;
+      const params = {
+        cdm: selectedSource.cdm_source_key,
+        domain: rootState.route.params.domain,
+        concept: rootState.route.params.concept,
+      };
+
+      obj[file.name] = selectedSource.releases.map((release) => {
+        if (isDuckDb && file.source !== "axios") {
+          return fetchDuckDBData(file, payload, {
+            ...params,
+            release: release.release_id,
           });
+        } else {
+          const url = getFilePath({
+            ...params,
+            release: release.release_id,
+          })[file.name];
+
+          return apiService(
+            {
+              url,
+              method: "get",
+            },
+            release.release_name
+          );
         }
       });
-    }
-    try {
-      if (data) {
-        postprocessing[rootState.route.name]
-          ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-          : commit(SET_DATA, data);
+
+      return obj;
+    }, {});
+
+    let data = {};
+    for (const file in promises) {
+      const responses = await Promise.allSettled(promises[file]);
+      data[file] = responses
+        .filter((response) => response.status === "fulfilled")
+        .map((filtered) => {
+          const { data, payload } = filtered.value;
+          return {
+            data: isDuckDb ? convertTableToArray(data) : data,
+            release: payload,
+          };
+        });
+      if (data[file].length === 0) {
+        handleNetworkError(responses[0], { dispatch }, reportName, isDuckDb);
+        data = null;
       }
-    } catch (e) {
-      dispatch(errorActions.NEW_ERROR, {
-        message: `An unexpected error has occurred (${e.name})`,
-        details: e.message,
-        stack: e.stack,
-        type: "unexpected",
-        page: rootState.route.name,
-      });
+    }
+    if (data) {
+      commitData(data, { dispatch, commit }, reportName);
     }
   },
 };
diff --git a/src/widgets/error/model/config/errorMessages.ts b/src/widgets/error/model/config/errorMessages.ts
new file mode 100644
index 00000000..39e7c169
--- /dev/null
+++ b/src/widgets/error/model/config/errorMessages.ts
@@ -0,0 +1,40 @@
+import * as files from "@/shared/config/files";
+
+export default {
+  reportsMissingFiles: {
+    temporalCharacterization:
+      "Temporal characterization file is not found. Please make sure it exists within the current release folder then try again",
+    feasibility: "",
+    networkPerformance:
+      "Network performance file is not found. Please make sure it exists within the data directory then try again",
+    networkDiversityReport: "1",
+    networkUnmappedSourceCodes: "",
+    networkConcept: "",
+    networkDataQuality: "",
+    cohorts: "",
+    cohortReport: "",
+    dataStrandReport: "",
+    population: "No files found across all data sources",
+    concept: "Seems like the data file for that particular concept is missing.",
+    dataQuality: "",
+    death: "",
+    dataDensity: "",
+    domainTable: "",
+    metadata: "",
+    observationPeriod: "",
+    performance: "",
+    person: "Person files not found",
+    unmappedSourceCodes: "",
+    dataQualityHistory: "",
+    domainContinuity: "",
+    sourceConceptOverlay: "",
+    index: "Index file is missing. Please run AresIndexer then try again",
+  },
+  technicalError: {
+    codeError:
+      "Something went wrong. Please submit an issue on Github and describe the steps to reproduce it",
+    networkError:
+      "It seems that the server is not available at this time. Please make sure you have internet connection" +
+      " and the server is running then reload the page",
+  },
+};
diff --git a/src/widgets/error/ui/Error.vue b/src/widgets/error/ui/Error.vue
index 5661b369..1a29a0a8 100644
--- a/src/widgets/error/ui/Error.vue
+++ b/src/widgets/error/ui/Error.vue
@@ -12,26 +12,20 @@
           <h3 class="text-xl">Something went wrong</h3>
           <div class="flex flex-col gap-5">
             <div>
-              <span style="color: white">{{
-                store.getters.getErrors[0].message
-              }}</span>
-              --
-              <span style="color: white"
-                >{ {{ store.getters.getErrors[0].details }} }</span
-              >
-            </div>
-
-            <div>
-              <h4 class="text-lg">Additional information:</h4>
-              <p v-for="row in callStackRows" :key="row">{{ row }}</p>
+              <span style="color: white">{{ errors[0].userMessage }}</span>
             </div>
           </div>
         </div>
       </div>
-      <div
-        v-if="isUnexpectedError"
-        class="flex justify-center bg-surface-800 rounded-b-md"
-      >
+      <div class="px-8 mb-5">
+        <Accordion>
+          <AccordionTab header="See error details">
+            <p v-for="row in callStackRows" :key="row">{{ row }}</p>
+          </AccordionTab>
+        </Accordion>
+      </div>
+
+      <div class="flex justify-center bg-surface-800 rounded-b-md">
         <Button
           size="block"
           class="self-center"
@@ -51,42 +45,35 @@
   </Message>
   <Message v-else unstyled :closable="false" severity="error">
     <template #container>
-      <div class="flex flex-row items-center gap-3 p-8">
-        <svg-icon
-          v-if="isUnexpectedError"
-          size="45"
-          type="mdi"
-          :path="mdiAlertCircleOutline"
-        ></svg-icon>
-        <svg-icon v-else size="45" type="mdi" :path="mdiCloudAlert"></svg-icon>
-        <div class="flex flex-col gap-2">
-          <h3 class="text-xl">Something went wrong</h3>
-          <ul class="flex flex-col gap-1">
-            <li v-for="(error, index) in store.getters.getErrors" :key="index">
-              <span style="color: white">{{ error.message }}</span> --
-              <span style="color: white">{ {{ error.details }} }</span>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div
-        v-if="isUnexpectedError"
-        class="flex justify-center bg-surface-800 rounded-b-md"
-      >
-        <Button
-          size="block"
-          class="self-center"
-          @click="redirectToGithub"
-          text
-          plain
-        >
-          <div class="flex flex-row gap-2 items-center">
-            <span>Submit the issue on</span>
-            <span>
-              <svg-icon size="40" type="mdi" :path="mdiGithub"></svg-icon
-            ></span>
+      <div class="flex flex-col gap-5 p-8">
+        <div class="flex flex-row items-center gap-3">
+          <svg-icon size="45" type="mdi" :path="mdiCloudAlert"></svg-icon>
+          <div class="flex flex-col gap-2">
+            <h3 class="text-xl">Something went wrong</h3>
+            <ul class="flex flex-col gap-1">
+              <li v-for="(error, index) in errors" :key="index">
+                <span style="color: white">{{ error.userMessage }}</span>
+              </li>
+            </ul>
           </div>
-        </Button>
+        </div>
+        <Accordion>
+          <AccordionTab header="See technical details">
+            <div v-if="errorDetails.technicalMessage.errorDetails[0].url">
+              <div
+                v-for="detail in errorDetails.technicalMessage.errorDetails"
+                :key="detail.url"
+              >
+                <span>Path: </span><span>{{ detail.url }}</span
+                >, <span>Error code: </span> <span>{{ detail.errorCode }}</span>
+              </div>
+            </div>
+            <div v-if="errorDetails.technicalMessage.message">
+              <span>Message: </span>
+              <span>{{ errorDetails.technicalMessage.message }}</span>
+            </div>
+          </AccordionTab>
+        </Accordion>
       </div>
     </template>
   </Message>
@@ -100,6 +87,12 @@ import { mdiAlertCircleOutline, mdiCloudAlert, mdiGithub } from "@mdi/js";
 import { links } from "@/shared/config/links";
 import Button from "primevue/button";
 import { computed } from "vue";
+import Accordion from "primevue/accordion";
+import AccordionTab from "primevue/accordiontab";
+
+const errors = computed(() => {
+  return store.getters.getErrors;
+});
 
 function getStackTraceWithoutURL(stack) {
   return stack
@@ -109,15 +102,15 @@ function getStackTraceWithoutURL(stack) {
 }
 
 const isUnexpectedError = computed(() => {
-  return store.getters.getErrors[0].type === "unexpected";
+  return errors.value[0].type === "unexpected";
 });
 
 const errorDetails = computed(() => {
-  return store.getters.getErrors[0];
+  return errors.value[0];
 });
 
 const callStackRows = computed(() => {
-  return getStackTraceWithoutURL(errorDetails.value.stack).split("\n");
+  return errorDetails.value.stack.split("\n");
 });
 
 function redirectToGithub() {
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 4e892644..2cccae32 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -18,6 +18,7 @@ import {
   Source,
   SourceRelease,
 } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
+import errorMessages from "@/widgets/error/model/config/errorMessages";
 
 const state = {
   folders: config.folders,
@@ -64,8 +65,9 @@ const getters = {
   },
   getSelectedReport: function (state, getters, rootState) {
     const isDomain = rootState.route.params.domain;
+    const isRelease = rootState.route.params.release;
     const isCohort = rootState.route.params.cohort_id;
-    if (isDomain) {
+    if (isDomain && isRelease) {
       const domainTable = getters.getFilteredReports.find(
         (report) => report.domain
       );
@@ -95,9 +97,14 @@ const actions = {
         commit(EXPLORER_LOADED);
       })
       .catch((error) => {
+        const errorMessage = errorMessages.reportsMissingFiles.index;
+        const url = error.config.url;
+        const errorCode = error.response.status;
+
         dispatch(errorActions.NEW_ERROR, {
-          message: "Unable to load data source index file",
-          details: error.message,
+          userMessage: errorMessage,
+          technicalMessage: { errorCode, url },
+          details: url,
         });
       });
   },

From 853f6dd4d242c06259b87ad0799ab819140d1184 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 14 Apr 2024 16:18:41 +0700
Subject: [PATCH 124/202] fix: drug domain stratification table incorrect
 formatting

---
 .../DataStratificationByDrug.vue                         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 6422d110..090eacee 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -23,7 +23,14 @@
       >
         <Column sortable header="Concept ID" field="CONCEPT_ID"> </Column>
         <Column sortable header="CONCEPT_NAME" field="CONCEPT_NAME"> </Column>
-        <Column sortable header="# Records" field="RECORD_COUNT"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# Records"
+          field="RECORD_COUNT"
+        >
+        </Column>
       </DataTable>
     </div>
     <template #footer>

From b29cd12cec68b9800e339c927fb9f2b6b9e6815d Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 16 Apr 2024 16:14:56 +0700
Subject: [PATCH 125/202] fix: unpredictable width of faceted charts

---
 .../RecordCountProportionByMonth.vue          |  1 -
 .../AgeAtFirstDiagnosis.vue                   |  1 -
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |  1 -
 .../AgeAtFirstOccurrence.vue                  |  1 -
 .../conditionsByType/ConditionsByType.vue     |  1 -
 .../charts/daysSupply/DaysSupply.vue          |  7 +-----
 .../charts/drugsByType/DrugsByType.vue        |  7 +-----
 .../charts/lengthOfEra/LengthOfEra.vue        |  7 +-----
 .../measurementsByType/MeasurementsByType.vue |  1 -
 .../QuantityDistribution.vue                  |  7 +-----
 .../charts/recordsByUnit/RecordsByUnit.vue    |  7 +-----
 .../VisitDurationByType.vue                   |  1 -
 .../RecordCountProportionByAgeSexYear.vue     |  1 -
 .../RecordCountProportionByMonth.vue          |  1 -
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  1 -
 .../charts/DeathByType/DeathByType.vue        |  1 -
 .../RecordCountProportionByAgeSexYear.vue     |  1 -
 .../RecordCountProportionByMonth.vue          |  1 -
 .../charts/DomainDensity/DomainDensity.vue    |  1 -
 .../DomainRecordsPerPerson.vue                |  1 -
 .../ObservationOverTime.vue                   |  1 -
 .../charts/domainRecords/specOverview.ts      |  2 +-
 .../RecordProportionByMonth.vue               |  1 -
 .../DataQualityIssuesHistory.vue              |  1 -
 .../populationHistory/PopulationHistory.vue   |  1 -
 src/widgets/chart/ui/Chart.vue                | 22 +++++++++++++------
 26 files changed, 21 insertions(+), 57 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 356f923e..173cc32b 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -6,7 +6,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="85"
       :chartSpec="specRecordProportionByMonth"
       :data="data"
     />
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 139dfd2c..57412f62 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -7,7 +7,6 @@
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="data"
-      width="90"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 29c2e2eb..51a6a589 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -7,7 +7,6 @@
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="props.data"
-      width="85"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 1ece4bce..468d0fec 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -7,7 +7,6 @@
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
       :data="data"
-      width="90"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index a39d04bd..bb5dfae0 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -7,7 +7,6 @@
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
       :data="data"
-      width="85"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index 37a13151..620df35d 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      id="viz-dayssupply"
-      :chartSpec="specDaysSupply"
-      :data="data"
-      width="95"
-    />
+    <Chart id="viz-dayssupply" :chartSpec="specDaysSupply" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index 550a0ccd..92942289 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      id="viz-drugsbytype"
-      :chartSpec="specDrugsByType"
-      :data="data"
-      width="90"
-    />
+    <Chart id="viz-drugsbytype" :chartSpec="specDrugsByType" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index 5c2f5013..8f3fb879 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      id="viz-lengthofera"
-      :chartSpec="specLengthOfEra"
-      :data="data"
-      width="80"
-    />
+    <Chart id="viz-lengthofera" :chartSpec="specLengthOfEra" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index 982ce750..90f42e1b 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -7,7 +7,6 @@
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
       :data="data"
-      width="85"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index 3ba85f32..ba80d5c4 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      id="viz-quantity"
-      :chartSpec="specQuantity"
-      :data="data"
-      width="95"
-    />
+    <Chart id="viz-quantity" :chartSpec="specQuantity" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index 25302fdf..5e0af22f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      id="viz-recordsbyunit"
-      :chartSpec="specRecordsByUnit"
-      :data="data"
-      width="85"
-    />
+    <Chart id="viz-recordsbyunit" :chartSpec="specRecordsByUnit" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index 406846cd..35cf9845 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -7,7 +7,6 @@
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
       :data="data"
-      width="90"
     />
     <div v-if="showTable" class="p-4">
       <DataTable
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index e3083b18..0672bde0 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -9,7 +9,6 @@
     <Chart
       v-if="store.getters.getData"
       id="viz-recordproportionbyagesexyear"
-      width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="data"
     />
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index e6071f47..0f9f4da5 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -15,7 +15,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="98"
       :chartSpec="specRecordProportionByMonth"
       :annotations-config="{
         chartSpec: specRecordProportionByMonthAnnotation,
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index 9d5e4948..84aa62e0 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -6,7 +6,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-ageatdeath"
-      width="100"
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index c2d00dfd..cfcfde2a 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -6,7 +6,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathbytype"
-      width="100"
       :chartSpec="specDeathByType"
       :data="data"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 7735b90d..f2d3bde3 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -6,7 +6,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
-      width="90"
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="data"
     />
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 7dd059de..8cf02c44 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -15,7 +15,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-deathrecordproportionbymonth"
-      width="90"
       :annotations="annotations"
       :signal-listener="listeners.setSelectionAreaSignal"
       :annotation-mode="annotationsMode"
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 3a010136..ef6b3be9 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -16,7 +16,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="80"
       :chartSpec="defOverview"
       :annotations-config="{
         chartSpec: defOverviewAnnotation,
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index ab406454..a78bfbfb 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -17,7 +17,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       :id="reportId"
-      width="80"
       :chartSpec="defRecordsPerPerson"
       :annotations-config="{
         chartSpec: defRecordsPerPersonAnnotation,
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index e9e15b81..29f3ae44 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -15,7 +15,6 @@
     <Chart
       v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
-      width="95"
       :annotations-config="{
         chartSpec: specObservationByMonthAnnotation,
         annotationsParentElement: 'g',
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
index 9679d4d8..486c43c2 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
@@ -24,7 +24,7 @@ export function specOverview(zeroBaseline = false) {
     },
     spec: {
       height: 75,
-      width: 600,
+      width: "container",
       description: "Domain Continuity",
       encoding: {
         x: {
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 5bab832b..696399eb 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -22,7 +22,6 @@
         annotationsParentElement: 'g',
         brushParentElement: 'g g',
       }"
-      width="95"
       :signal-listener="listeners.setSelectionAreaSignal"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 4042e0f4..595344a5 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -13,7 +13,6 @@
     </template>
     <Chart
       :id="reportId"
-      width="95"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
       :chartSpec="specIssuesByRelease"
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index d5ef785b..d79ace97 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -13,7 +13,6 @@
     </template>
     <Chart
       :id="reportId"
-      width="95"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
       :chartSpec="specPopulationByRelease"
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index f84ee53e..a3e06f98 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="p-4">
+  <div ref="containerRef" class="p-4">
     <h3 class="mx-10" v-if="props.title">{{ props.title }}</h3>
-    <div v-resize="load" :id="id" :style="style"></div>
+    <div ref="chart" v-resize="load" :id="id"></div>
     <ContextMenu v-if="annotationMode" :items="actions" />
   </div>
 </template>
@@ -36,12 +36,12 @@ import { SET_SELECTED_RECTANGLE } from "@/widgets/notesPanel/model/store/mutatio
 import { OPEN_MENU } from "@/entities/contextMenu/model/store/actions.type";
 import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
 import { Annotation } from "@/shared/interfaces/Annotations";
+import { ref } from "vue";
 
 interface Props {
   title?: string;
   data: object[] | string[];
   id: string;
-  width?: string;
   chartSpec: (a?: boolean, b?: boolean, c?: string) => any;
   annotationMode?: boolean;
   annotationsConfig?: {
@@ -63,6 +63,9 @@ interface Props {
   annotations?: Annotation[];
 }
 
+const containerRef = ref(null);
+const elementWidth = ref(0);
+
 const actions = [
   {
     title: "Edit selection details",
@@ -143,14 +146,11 @@ const vgSpec = computed(() => {
 
 let view;
 
-const style = computed(function (): string {
-  return props.width ? "width: " + props.width + "%" : "width: 100%";
-});
-
 function rerenderAnnotationsOnClick(view, makeAnnotations, parentContainer) {
   view.addEventListener("click", function () {
     renderAnnotations(view, makeAnnotations(view), parentContainer);
     initializeTooltip();
+    initializeBrush(view);
   });
 }
 
@@ -183,7 +183,14 @@ const load = function (): void {
   view.error = () => {
     return;
   };
+
   view.runAsync().then(() => {
+    if (containerRef.value) {
+      const { width } = containerRef.value.getClientRects();
+      elementWidth.value = width;
+      const chartSvg = d3.select(`#${props.id} svg`);
+      chartSvg.attr("width", `${width}px`);
+    }
     const annotations = initializeAnnotationsInstance(view);
 
     if (props.annotationMode) {
@@ -418,6 +425,7 @@ function initializeBrush(view) {
 }
 
 function renderAnnotations(view, makeAnnotations, parentContainer) {
+  console.log("annotations rendered");
   const svg = d3.select(`#${props.id} svg ${parentContainer}`);
 
   svg.selectAll(".annotation-group").remove();

From 850b322a124d1aa8270aba0ec03196ea2ec38aed Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 16 Apr 2024 16:14:01 +0700
Subject: [PATCH 126/202] feat: added progress circle

---
 src/entities/ProgressCircle.vue                 | 11 +++++++++++
 .../exploreReports/model/store/data.module.ts   |  9 +++++++--
 src/processes/exploreReports/ui/ReportsView.vue | 17 +++++++++++------
 3 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 src/entities/ProgressCircle.vue

diff --git a/src/entities/ProgressCircle.vue b/src/entities/ProgressCircle.vue
new file mode 100644
index 00000000..7b6c00f0
--- /dev/null
+++ b/src/entities/ProgressCircle.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div
+    class="inline-block h-40 w-40 animate-spin rounded-full border-4 border-solid border-current border-e-transparent align-[-0.125em] text-surface motion-reduce:animate-[spin_1.5s_linear_infinite] dark:text-white"
+    role="status"
+  ></div>
+  <h3 class="text-lg dark:text-white">Loading...</h3>
+</template>
+
+<style scoped></style>
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index b7af3d3d..f89ac5fa 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -17,6 +17,7 @@ import { SourceRelease } from "@/processes/exploreReports/model/interfaces/files
 import db from "@/shared/api/duckdb/instance";
 import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
+import getFilesByView from "@/processes/exploreReports/config/dataLoadConfig";
 
 const state = {
   data: {},
@@ -26,8 +27,12 @@ const getters = {
   getData: (state) => {
     return state.data;
   },
-  dataInStore: (state) => {
-    return Object.keys(state.data).length;
+  dataInStore: (state, getters, rootState) => {
+    if (getFilesByView({ files: [] })[rootState.route.name]) {
+      return Object.keys(state.data).length;
+    } else {
+      return rootState.explorerStore.dataLoaded;
+    }
   },
 };
 
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index f86758d6..6b649f98 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -1,8 +1,17 @@
 <template>
   <Explorer v-if="showExplorer" />
-  <div v-if="!store.getters.getErrors" class="my-20">
+  <div
+    v-if="!store.getters.getErrors && store.getters.dataInStore"
+    class="my-20"
+  >
     <router-view name="reportsView" />
   </div>
+  <div
+    v-if="!store.getters.dataInStore && !store.getters.getErrors"
+    class="flex flex-col gap-2 justify-center items-center content-center h-[70vh]"
+  >
+    <ProgressCircle />
+  </div>
   <BottomNav />
 
   <!-- Conditional components />-->
@@ -19,11 +28,6 @@
   />
 </template>
 
-<script lang="ts">
-export default {
-  name: "ReportsView",
-};
-</script>
 <script setup lang="ts">
 import { Error } from "@/widgets/error";
 import { Explorer, explorerActions } from "@/widgets/explorer";
@@ -42,6 +46,7 @@ import { LOAD_NOTES } from "@/widgets/notesPanel/model/store/actions.type";
 import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 import { SET_DIALOG } from "@/widgets/notesPanel/model/store/mutations.type";
 import SelectionEditDialog from "@/widgets/selectionEditDialog/ui/selectionEditDialog.vue";
+import ProgressCircle from "@/entities/ProgressCircle.vue";
 
 const route = useRoute();
 const store = useStore();

From 8db3e9df3c1711908a6b4b005048d415529add00 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 20 Apr 2024 17:57:40 +0700
Subject: [PATCH 127/202] fix: no default sorting enabled for domain table

---
 src/pages/reports/release/DomainTable/components/MainTable.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 5c456440..c9f8edd8 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -17,6 +17,8 @@
     </template>
     <div class="p-5">
       <DataTable
+        sortField="PERCENT_PERSONS"
+        :sortOrder="-1"
         size="small"
         :value="store.getters.getData.domainTable"
         paginator

From d5351b2e7d98499c50103331d58091332d8d6bdf Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 20 Apr 2024 17:41:53 +0700
Subject: [PATCH 128/202] fix: column values mismatch in the observation
 periods per person table feat: added optional sorting to observation periods
 per person table

---
 .../ObservationPeriodsPerPerson.vue                    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index 775f52c5..410660ad 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -4,6 +4,7 @@
     v-if="store.getters.dataInStore"
   >
     <DataTable
+      removable-sort
       size="small"
       :value="store.getters.getData.personPeriods"
       paginator
@@ -11,17 +12,18 @@
       :rowsPerPageOptions="[5, 10, 20, 50]"
     >
       <Column
+        sortable
         field="CONCEPT_NAME"
         header="Number of Observation Periods"
       ></Column>
-      <Column field="COUNT_VALUE" header="Number of People">
+      <Column sortable field="COUNT_VALUE" header="Number of People">
         <template #body="slotProps">
-          {{ slotProps.data.PERCENT_PEOPLE }}%
+          {{ helpers.formatComma(slotProps.data.COUNT_VALUE) }}
         </template>
       </Column>
-      <Column field="PERCENT_PEOPLE" header="% of People">
+      <Column sortable field="PERCENT_PEOPLE" header="% of People">
         <template #body="slotProps">
-          {{ helpers.formatComma(slotProps.data.COUNT_VALUE) }}
+          {{ slotProps.data.PERCENT_PEOPLE }}%
         </template>
       </Column>
     </DataTable>

From 828688f22a9125843a4f0b32ac9d6bb4b79cd746 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 24 Apr 2024 18:03:15 +0700
Subject: [PATCH 129/202] fix: pivot table crashes if field name is selected in
 exclude values field

---
 src/widgets/pivot/ui/Pivot.vue | 40 ++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 7fcd7392..6a3a728a 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -295,16 +295,32 @@ const getFilters = computed(() => {
 const getParsedFiltersForPivotTable = computed(() => {
   const keys = Object.keys(selectedFilterAttributes.value);
   return keys.reduce((acc, current) => {
-    const keyArray = current.split("-");
-    const attribute = keyArray[0];
-    const value = keyArray[1];
-    return {
-      ...acc,
-      [getFilters.value[attribute].data]: {
-        ...acc[getFilters.value[attribute].data],
-        [getFilters.value[attribute].children[value].data]: true,
-      },
-    };
+    if (current.includes("-")) {
+      const keyArray = current.split("-");
+      const attribute = keyArray[0];
+      const value = keyArray[1];
+      return {
+        ...acc,
+        [getFilters.value[attribute].data]: {
+          ...acc[getFilters.value[attribute].data],
+          [getFilters.value[attribute].children[value].data]: true,
+        },
+      };
+    } else {
+      const childrenObj = getFilters.value[current].children.reduce(
+        (obj, curr) => {
+          return { ...obj, [curr.data]: true };
+        },
+        {}
+      );
+      return {
+        ...acc,
+        [getFilters.value[current].data]: {
+          ...acc[getFilters.value[current].data],
+          ...childrenObj,
+        },
+      };
+    }
   }, {});
 });
 
@@ -341,8 +357,8 @@ const removeCols = function (item: string) {
 };
 
 const selectedFilterAttributes: Ref<string[]> = ref([]);
-const selectedFilterValues: Ref<{ [key: string]: { [key: string]: boolean } }> =
-  ref({});
+// const selectedFilterValues: Ref<{ [key: string]: { [key: string]: boolean } }> =
+//   ref({});
 
 const aggregateFunction: Ref<string> = ref("");
 const aggregateValue: Ref<string[]> = ref([""]);

From 5d7a4c3934f733e2b2f27ed4dfbc2ded92a4dc8c Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 27 Apr 2024 00:25:41 +0700
Subject: [PATCH 130/202] fix: feasibility report isn't loading

---
 .../components/RequiredConcepts.vue           |  2 +-
 .../NetworkDataFeasibilityReport/index.vue    | 25 ++++++++-----------
 .../model/store/postprocessing/feasibility.ts |  3 +--
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 19a9d9f1..c234c0f5 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -271,7 +271,6 @@ const save = function (item) {
     errors.value = "This concept has already been loaded";
     return;
   }
-  console.log(environment.DUCKDB_ENABLED);
   store
     .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
       files:
@@ -304,6 +303,7 @@ const save = function (item) {
         };
         return;
       }
+      let withMeasurement;
       if (environment.DUCKDB_ENABLED === "true") {
         withMeasurement = conceptsData.value.filter(
           (value) =>
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
index 29d4030a..8f4c0c92 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col gap-5" v-if="store.getters.dataInStore">
+  <div class="flex flex-col gap-5">
     <DomainRequirements
       :data="loadedData.sources"
       @domainsDataChanged="changeDomainData"
@@ -32,7 +32,7 @@ import RequiredConcepts from "@/pages/reports/network/NetworkDataFeasibilityRepo
 import FinalEstimation from "@/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue";
 import DesiredDomains from "@/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue";
 
-import { computed, watch, ref } from "vue";
+import { computed, ref, onBeforeMount } from "vue";
 
 const store = useStore();
 const loadedData = ref({});
@@ -57,19 +57,16 @@ const getData = computed(() => {
   return store.getters.getData;
 });
 
-watch(getData, () => {
-  if (Object.keys(getData.value).length) {
-    if (!Object.keys(loadedData.value).length) {
-      loadedData.value = {
-        sources: getData.value.sources,
-        person: getData.value.person,
-        domainSummary: getData.value.domainSummary,
-        observationPeriod: getData.value.observationPeriod,
-      };
-    }
-  }
-});
+function loadData() {
+  loadedData.value = {
+    sources: getData.value.sources,
+    person: getData.value.person,
+    domainSummary: getData.value.domainSummary,
+    observationPeriod: getData.value.observationPeriod,
+  };
+}
 
+onBeforeMount(loadData);
 function changeDomainData(value) {
   chosenDomains.value = value;
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index 923238e9..2b5b18f5 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -6,7 +6,6 @@ import {
   PERSON,
 } from "@/shared/config/files";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
-import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 import environment from "@/shared/api/environment";
 import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
@@ -42,7 +41,7 @@ export default function feasibility(data) {
   let sources = data[DENSITY_DOMAIN_PERSON];
   const observationPeriod: ObservationPeriodType = data[OBSERVATION_PERIOD];
   const person: PersonData = data[PERSON];
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED === "true" && data[CONCEPT_METADATA]) {
     concept = combineObjectsBySource(data);
   } else {
     concept = data[CONCEPT];

From 76b97eab38c9c8848038692adcee22786633cc22 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 30 Apr 2024 16:59:12 +0700
Subject: [PATCH 131/202] fix: network concept report not loading

---
 .../exploreReports/model/store/data.module.ts        | 12 ++++++++++++
 src/widgets/explorer/model/store/explorer.module.ts  |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index f89ac5fa..728d0333 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -105,6 +105,10 @@ const actions = {
       domain: rootState.route.params.domain,
       concept: rootState.route.params.concept,
     };
+    if (!payload.files) {
+      commit(SET_DATA, { data: [] });
+      return;
+    }
     const promises = payload.files.map((file) => {
       if (
         payload.duckdb_supported &&
@@ -167,6 +171,10 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
+    if (!payload.files) {
+      commit(SET_DATA, { data: [] });
+      return;
+    }
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
@@ -262,6 +270,10 @@ const actions = {
     { commit, dispatch, rootState, rootGetters },
     payload
   ) {
+    if (!payload.files) {
+      commit(SET_DATA, { data: [] });
+      return;
+    }
     const promises = payload.files.reduce(
       (obj, file) => ({
         ...obj,
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 4e892644..be2c7f15 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -65,7 +65,8 @@ const getters = {
   getSelectedReport: function (state, getters, rootState) {
     const isDomain = rootState.route.params.domain;
     const isCohort = rootState.route.params.cohort_id;
-    if (isDomain) {
+    const isRelease = rootState.route.params.release;
+    if (isDomain && isRelease) {
       const domainTable = getters.getFilteredReports.find(
         (report) => report.domain
       );

From eb449fbeaed353633add2bb2bb9f3ed99890e186 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 30 Apr 2024 20:20:48 +0700
Subject: [PATCH 132/202] fix: charts overflowing in case there are any changes
 to the visualization caused by vega

---
 src/widgets/chart/ui/Chart.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index a3e06f98..ebb4cec7 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -146,6 +146,14 @@ const vgSpec = computed(() => {
 
 let view;
 
+function setChartWidth() {
+  if (containerRef.value) {
+    const { width } = containerRef.value.getClientRects();
+    elementWidth.value = width;
+    const chartSvg = d3.select(`#${props.id} svg`);
+    chartSvg.attr("width", `${width}px`);
+  }
+}
 function rerenderAnnotationsOnClick(view, makeAnnotations, parentContainer) {
   view.addEventListener("click", function () {
     renderAnnotations(view, makeAnnotations(view), parentContainer);
@@ -185,13 +193,13 @@ const load = function (): void {
   };
 
   view.runAsync().then(() => {
-    if (containerRef.value) {
-      const { width } = containerRef.value.getClientRects();
-      elementWidth.value = width;
-      const chartSvg = d3.select(`#${props.id} svg`);
-      chartSvg.attr("width", `${width}px`);
-    }
+    setChartWidth();
     const annotations = initializeAnnotationsInstance(view);
+    view.addEventListener("click", function () {
+      setTimeout(() => {
+        setChartWidth();
+      }, 0);
+    });
 
     if (props.annotationMode) {
       renderAnnotations(

From 3b1ce87a2cb856599a9ea27231356d88db834c10 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 17 May 2024 06:41:07 +0700
Subject: [PATCH 133/202] feat: added default missing files messages to
 remaining reports

---
 .../error/model/config/errorMessages.ts       | 42 +++++++++----------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/widgets/error/model/config/errorMessages.ts b/src/widgets/error/model/config/errorMessages.ts
index 39e7c169..080a4d5b 100644
--- a/src/widgets/error/model/config/errorMessages.ts
+++ b/src/widgets/error/model/config/errorMessages.ts
@@ -1,33 +1,31 @@
-import * as files from "@/shared/config/files";
-
 export default {
   reportsMissingFiles: {
     temporalCharacterization:
       "Temporal characterization file is not found. Please make sure it exists within the current release folder then try again",
-    feasibility: "",
+    feasibility: "Requested files not found",
     networkPerformance:
       "Network performance file is not found. Please make sure it exists within the data directory then try again",
-    networkDiversityReport: "1",
-    networkUnmappedSourceCodes: "",
-    networkConcept: "",
-    networkDataQuality: "",
-    cohorts: "",
-    cohortReport: "",
-    dataStrandReport: "",
+    networkDiversityReport: "Requested files not found",
+    networkUnmappedSourceCodes: "Requested files not found",
+    networkConcept: "Requested files not found",
+    networkDataQuality: "Requested files not found",
+    cohorts: "Requested files not found",
+    cohortReport: "Requested files not found",
+    dataStrandReport: "Requested files not found",
     population: "No files found across all data sources",
     concept: "Seems like the data file for that particular concept is missing.",
-    dataQuality: "",
-    death: "",
-    dataDensity: "",
-    domainTable: "",
-    metadata: "",
-    observationPeriod: "",
-    performance: "",
-    person: "Person files not found",
-    unmappedSourceCodes: "",
-    dataQualityHistory: "",
-    domainContinuity: "",
-    sourceConceptOverlay: "",
+    dataQuality: "Requested files not found",
+    death: "Requested files not found",
+    dataDensity: "Requested files not found",
+    domainTable: "Requested files not found",
+    metadata: "Requested files not found",
+    observationPeriod: "Requested files not found",
+    performance: "Requested files not found",
+    person: "Requested files not found",
+    unmappedSourceCodes: "Requested files not found",
+    dataQualityHistory: "Requested files not found",
+    domainContinuity: "Requested files not found",
+    sourceConceptOverlay: "Requested files not found",
     index: "Index file is missing. Please run AresIndexer then try again",
   },
   technicalError: {

From 8ac5bb14f3b5215b62fa242c89547483fa7bb91f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 20 May 2024 04:42:32 +0700
Subject: [PATCH 134/202] feat: added support for webapi concept search to
 networkConceptReport

---
 src/entities/pageHeader/PageHeader.vue        |   2 +-
 .../NetworkConceptReport.vue                  | 230 ++++++++-------
 .../RecordCountProportionByMonth.vue          |   1 -
 .../components/RequiredConcepts.vue           | 267 ++++++++----------
 .../NetworkDataQualityIssuesByCategory.vue    |   1 -
 .../NetworkDataQualityIssuesByCdmTable.vue    |   1 -
 .../charts/ethnicityChart/EthnicityChart.vue  |   1 -
 .../charts/raceChart/RaceChart.vue            |   1 -
 .../AgeAtFirstObservation.vue                 |   1 -
 .../CumulativeObservation.vue                 |   1 -
 .../NetworkUnmappedSourceCodes.vue            |   7 +-
 .../CohortDrilldownReport.vue                 |   5 +-
 .../reports/CohortCharacterizationTable.vue   |   5 +-
 .../reports/IndexEventBreakdownTable.vue      |   2 +-
 .../TimeDistributionChart.vue                 |   3 -
 .../CohortsTable/components/CohortsIndex.vue  |   2 +-
 .../release/ConceptReport/ConceptReport.vue   | 116 ++++----
 .../AgeAtFirstDiagnosis.vue                   |   1 -
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |   1 -
 .../AgeAtFirstOccurrence.vue                  |   1 -
 .../ConditionsByType/ConditionsByType.vue     |   1 -
 .../charts/DaysSupply/DaysSupply.vue          |   7 +-
 .../charts/DrugsByType/DrugsByType.vue        |   7 +-
 .../charts/LengthOfEra/LengthOfEra.vue        |   7 +-
 .../MeasurementValueDistribution.vue          |   1 -
 .../MeasurementsByType/MeasurementsByType.vue |   1 -
 .../QuantityDistribution.vue                  |   7 +-
 .../RecordCountProportionByAgeSexYear.vue     |   5 +-
 .../charts/RecordsByUnit/RecordsByUnit.vue    |   7 +-
 .../RecordCountProportionByMonth.vue          |   1 -
 .../VisitDurationByType.vue                   |   1 -
 .../DataQualityResults/DataQualityResults.vue |   8 +-
 .../charts/AgeAtDeath/AgeAtDeath.vue          |   1 -
 .../charts/DeathByType/DeathByType.vue        |   7 +-
 .../RecordCountProportionByAgeSexYear.vue     |   1 -
 .../RecordCountProportionByMonth.vue          |   1 -
 .../charts/DomainDensity/DomainDensity.vue    |   3 +-
 .../DomainRecordsPerPerson.vue                |   6 +-
 .../DataStratificationByDrug.vue              |   2 +-
 .../DataStratificationByVisit.vue             |   2 +-
 .../DomainTable/components/MainTable.vue      |   5 +-
 .../MetadataReport/tables/Metadata.vue        |   1 -
 .../ObservationPeriodReport.vue               |   5 +-
 .../AgeAtFirstObservation.vue                 |   1 -
 .../AgeAtFirstObservationBySex.vue            |   7 +-
 .../CumulativeObservation.vue                 |   1 -
 .../ObservationOverTime.vue                   |   1 -
 .../ObservationPeriodsPerPerson.vue           |   5 +-
 .../YearsOfObservationByAge.vue               |   1 -
 .../YearsOfObservationBySex.vue               |   1 -
 .../PerformanceReport/PerformanceTable.vue    |   5 +-
 .../release/PersonReport/PersonReport.vue     |   2 +-
 .../PopulationByAgeSex/PopulationByAgeSex.vue |   2 -
 .../PopulationByEthnicity.vue                 |   7 +-
 .../PopulationByRace/PopulationByRace.vue     |   7 +-
 .../PopulationByYearBirth.vue                 |   1 -
 .../TemporalCharacterization.vue              |   2 +-
 .../UnmappedSourceCodes.vue                   |   4 +-
 .../HistoricalDataQuality.vue                 |   2 -
 .../HistoricalDataQualityByCategory.vue       |   3 -
 .../HistoricalDataQualityByDomain.vue         |   9 +-
 .../charts/domainRecords/DomainRecords.vue    |   6 +-
 .../RecordProportionByMonth.vue               |   5 +-
 .../exploreReports/model/store/data.module.ts | 217 +++++++-------
 .../model/store/mutations.type.ts             |   1 +
 .../model/store/postprocessing/feasibility.ts |  34 +--
 .../postprocessing/networkConceptReport.ts    | 168 ++++++-----
 .../ui/ConceptSearchForm.vue                  | 212 ++++++++++----
 src/widgets/infoPanel/infoPanel.vue           |  23 +-
 69 files changed, 733 insertions(+), 730 deletions(-)

diff --git a/src/entities/pageHeader/PageHeader.vue b/src/entities/pageHeader/PageHeader.vue
index e579dd3d..29b9a2c3 100644
--- a/src/entities/pageHeader/PageHeader.vue
+++ b/src/entities/pageHeader/PageHeader.vue
@@ -3,7 +3,7 @@
     <h1 class="font-light uppercase text-2xl text-black dark:text-white">
       {{ props.title }}
     </h1>
-    <slot></slot>
+    <slot name="action"></slot>
   </div>
 </template>
 
diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 354144e7..02cd30aa 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -1,82 +1,84 @@
 <template>
   <div v-if="!store.getters.getErrors">
-    <div>
-      <div class="flex flex-col gap-5">
-        <PageHeader title="NETWORK CONCEPT REPORT">
-          <template> <ReturnButton /> </template>
-        </PageHeader>
-        <div class="flex flex-row gap-5">
-          <InputText
-            class="rounded-md text-black dark:text-white dark:bg-surface-800 border border-surface-300 dark:border-surface-700"
-            v-model="concept"
-            placeholder="Concept ID"
-          ></InputText>
-          <Dropdown
-            :options="domains"
-            v-model="selected"
-            variant="outlined"
-            density="compact"
-            option-label="text"
-            option-value="value"
-          ></Dropdown>
-          <Button @click="atClick">
-            <span class="uppercase font-light text-white py-1 px-2"
-              >Update Report
-            </span></Button
-          >
-        </div>
-        <div class="flex flex-col gap-5" v-if="store.getters.getData">
-          <info-panel
-            v-if="metadata"
-            :concept="metadata.conceptId"
-            :population="metadata.numPersons"
-          />
-          <AgeAtFirstOccurrence
-            v-if="ageAtFirstOccurrence.length"
-            :data="ageAtFirstOccurrence"
-          />
-          <RecordCountProportionByMonth
-            v-if="recordCountProportionByMonth.length"
-            :data="recordCountProportionByMonth"
-          />
-          <MeasurementValueDistributionChart
-            v-if="measurementValueDistribution.chart.length"
-            :data="measurementValueDistribution"
-          />
-          <AgeAtFirstExposure
-            v-if="ageAtFirstExposure.length"
-            :data="ageAtFirstExposure"
-          />
-          <AgeAtFirstDiagnosis
-            v-if="ageAtFirstDiagnosis.length"
-            :data="ageAtFirstDiagnosis"
-          />
-          <DaysSupply v-if="daysSupply.length" :data="daysSupply" />
-          <DrugsByType v-if="drugsByType.length" :data="drugsByType" />
-          <QuantityDistribution
-            v-if="quantityDistribution.length"
-            :data="quantityDistribution"
-          />
-          <ConditionsByType
-            v-if="conditionsByType.length"
-            :data="conditionsByType"
-          />
-          <VisitDurationByType
-            v-if="visitDurationByType.length"
-            :data="visitDurationByType"
-          />
-          <RecordsByUnit v-if="recordsByUnit.length" :data="recordsByUnit" />
-          <MeasurementsByType
-            v-if="measurementsByType.length"
-            :data="measurementsByType"
-          />
-          <LengthOfEra v-if="lengthOfEra.length" :data="lengthOfEra" />
-        </div>
-        <div v-else>
-          <h3 class="text-center">No data available</h3>
-        </div>
+    <div class="flex flex-col gap-5">
+      <PageHeader title="NETWORK CONCEPT REPORT">
+        <template #action>
+          <div class="flex flex-row gap-2">
+            <Button @click="atClick">
+              <span class="uppercase font-light text-white py-1 px-2">
+                Search concepts
+              </span></Button
+            >
+            <ReturnButton />
+          </div>
+        </template>
+      </PageHeader>
+
+      <div class="flex flex-col gap-5" v-if="data">
+        <info-panel
+          v-if="metadata"
+          :concept="metadata.conceptId"
+          :population="metadata.numPersons"
+          :domain="metadata.domain"
+        />
+        <AgeAtFirstOccurrence
+          v-if="ageAtFirstOccurrence.length"
+          :data="ageAtFirstOccurrence"
+        />
+        <RecordCountProportionByMonth
+          v-if="recordCountProportionByMonth.length"
+          :data="recordCountProportionByMonth"
+        />
+        <MeasurementValueDistributionChart
+          v-if="measurementValueDistribution.chart.length"
+          :data="measurementValueDistribution"
+        />
+        <AgeAtFirstExposure
+          v-if="ageAtFirstExposure.length"
+          :data="ageAtFirstExposure"
+        />
+        <AgeAtFirstDiagnosis
+          v-if="ageAtFirstDiagnosis.length"
+          :data="ageAtFirstDiagnosis"
+        />
+        <DaysSupply v-if="daysSupply.length" :data="daysSupply" />
+        <DrugsByType v-if="drugsByType.length" :data="drugsByType" />
+        <QuantityDistribution
+          v-if="quantityDistribution.length"
+          :data="quantityDistribution"
+        />
+        <ConditionsByType
+          v-if="conditionsByType.length"
+          :data="conditionsByType"
+        />
+        <VisitDurationByType
+          v-if="visitDurationByType.length"
+          :data="visitDurationByType"
+        />
+        <RecordsByUnit v-if="recordsByUnit.length" :data="recordsByUnit" />
+        <MeasurementsByType
+          v-if="measurementsByType.length"
+          :data="measurementsByType"
+        />
+        <LengthOfEra v-if="lengthOfEra.length" :data="lengthOfEra" />
+      </div>
+      <div
+        class="flex items-center content-center justify-center h-[50vh]"
+        v-else
+      >
+        <span class="text-center text-2xl text-black dark:text-white">
+          No data available. Please select a concept.
+        </span>
       </div>
     </div>
+    <ConceptSearchForm
+      :added-concepts="selectedConcept"
+      :success-message="successMessage"
+      :errors="errors"
+      @close="close"
+      @inputChanged="clearMessages"
+      :show="showWebApiSearchForm"
+    />
   </div>
 </template>
 
@@ -103,80 +105,90 @@ import AgeAtFirstOccurrence from "@/pages/reports/network/NetworkConceptReport/c
 import InfoPanel from "@/widgets/infoPanel";
 import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 import Button from "primevue/button";
-import InputText from "primevue/inputtext";
-import Dropdown from "primevue/dropdown";
+import environment from "@/shared/api/environment";
+import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
+import { webApiActions } from "@/shared/api/webAPI";
 
 const store = useStore();
-const router = useRouter();
 const route = useRoute();
 
+const selectedConcept = ref([]);
+
+const isDataLoaded = computed(() => {
+  return Object.keys(data.value).length;
+});
+
+const showWebApiSearchForm = ref(false);
+const clearMessages = function () {
+  errors.value = "";
+  successMessage.value = [];
+};
+
+const data = computed(() => {
+  return store.getters.getData.concept;
+});
+
 function atClick() {
-  router.push({
-    params: {
-      domain: selected.value,
-      concept: concept.value,
-    },
-  });
+  showWebApiSearchForm.value = true;
 }
 
+const errors = ref("");
+const close = function () {
+  showWebApiSearchForm.value = false;
+  store.dispatch(webApiActions.RESET_API_STORAGE);
+  successMessage.value = [];
+};
+
+const successMessage = ref([]);
+
 const concept = ref("");
 const selected = ref(null);
-const domains = [
-  { value: "condition_occurrence", text: "Condition occurrence" },
-  { value: "drug_exposure", text: "Drug exposure" },
-  { value: "visit_occurrence", text: "Visit Occurrence" },
-  { value: "device_exposure", text: "Device exposure" },
-  { value: "measurement", text: "Measurement" },
-  { value: "death", text: "Death" },
-  { value: "procedure_occurrence", text: "Procedure occurrence" },
-  { value: "observation_period", text: "Observation" },
-];
 
 const metadata = computed(() => {
-  return store.getters.getData?.metadata;
+  return data.value?.metadata;
 });
 const recordCountProportionByMonth = computed(() => {
-  return store.getters.getData?.chart?.recordCountProportionByMonth || [];
+  return data.value?.chart?.recordCountProportionByMonth || [];
 });
 
 const ageAtFirstExposure = computed(() => {
-  return store.getters.getData?.chart?.ageAtFirstExposure || [];
+  return data.value?.chart?.ageAtFirstExposure || [];
 });
 const drugsByType = computed(() => {
-  return store.getters.getData?.chart?.drugsByType || [];
+  return data.value?.chart?.drugsByType || [];
 });
 const daysSupply = computed(() => {
-  return store.getters.getData?.chart?.daysSupply || [];
+  return data.value?.chart?.daysSupply || [];
 });
 const measurementValueDistribution = computed(() => {
   return {
-    table: store.getters.getData?.table?.measurementValueDistribution || [],
-    chart: store.getters.getData?.chart?.measurementValueDistribution || [],
+    table: data.value?.table?.measurementValueDistribution || [],
+    chart: data.value?.chart?.measurementValueDistribution || [],
   };
 });
 const quantityDistribution = computed(() => {
-  return store.getters.getData?.chart?.quantityDistribution || [];
+  return data.value?.chart?.quantityDistribution || [];
 });
 const ageAtFirstDiagnosis = computed(() => {
-  return store.getters.getData?.chart?.ageAtFirstDiagnosis || [];
+  return data.value?.chart?.ageAtFirstDiagnosis || [];
 });
 const conditionsByType = computed(() => {
-  return store.getters.getData?.chart?.conditionsByType || [];
+  return data.value?.chart?.conditionsByType || [];
 });
 const visitDurationByType = computed(() => {
-  return store.getters.getData?.chart?.visitDurationByType || [];
+  return data.value?.chart?.visitDurationByType || [];
 });
 const recordsByUnit = computed(() => {
-  return store.getters.getData?.chart?.recordsByUnit || [];
+  return data.value?.chart?.recordsByUnit || [];
 });
 const measurementsByType = computed(() => {
-  return store.getters.getData?.chart?.measurementsByType || [];
+  return data.value?.chart?.measurementsByType || [];
 });
 const lengthOfEra = computed(() => {
-  return store.getters.getData?.chart?.lengthOfEra || [];
+  return data.value?.chart?.lengthOfEra || [];
 });
 const ageAtFirstOccurrence = computed(() => {
-  return store.getters.getData?.chart?.ageAtFirstOccurrence || [];
+  return data.value?.chart?.ageAtFirstOccurrence || [];
 });
 
 onMounted(() => {
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 173cc32b..28bd2696 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specRecordProportionByMonth"
       :data="data"
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index c234c0f5..24a1a32e 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -19,12 +19,11 @@
 
         <ConceptSearchForm
           :added-concepts="addedConcepts"
-          :success-message="successMessage"
-          :errors="errors"
           @close="close"
           @save="(item) => save(item)"
-          @inputChanged="clearMessages"
+          @missing-concepts-changed="(item) => (missingConcepts = item)"
           :show="dialog"
+          multi-selection
         />
       </template>
       <Column header="Source" field="cdm_name"> </Column>
@@ -32,7 +31,11 @@
       <Column header="Time-series issues" field="time_series_issues"></Column>
       <Column sortable header="Available concepts" field="concepts.length">
         <template #body="slotProps">
-          {{ `${slotProps.data.concepts.length}/${addedConceptsCount}` }}
+          {{
+            `${slotProps.data.concepts.length}/${
+              addedConceptsCount + missingConcepts
+            }`
+          }}
         </template>
       </Column>
       <Column header="Min population" field="min_population">
@@ -56,11 +59,7 @@
         >
           <Column header="Concept ID" field="concept_id"></Column>
           <Column sortable header="Concept Name" field="concept_name"> </Column>
-          <Column sortable header="Domain" field="domain">
-            <template #body="slotProps">
-              {{ (slotProps.data.percentage * 100).toFixed(2) }}
-            </template>
-          </Column>
+          <Column sortable header="Domain" field="domain"> </Column>
           <Column sortable header="Population" field="population">
             <template #body="slotProps">
               {{ helpers.formatComma(slotProps.data.population) }}
@@ -123,12 +122,11 @@
 </template>
 
 <script setup lang="ts">
-import { CONCEPT, DOMAIN_SUMMARY } from "@/shared/config/files";
+import { DOMAIN_SUMMARY } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import { helpers } from "@/shared/lib/mixins";
 import { computed, ref, watch, defineEmits, Ref, onBeforeMount } from "vue";
-import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
 import DataTable from "primevue/datatable";
@@ -137,17 +135,16 @@ import Message from "primevue/message";
 import Divider from "primevue/divider";
 import Panel from "primevue/panel";
 import environment from "@/shared/api/environment";
-import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 const store = useStore();
 const dialog: Ref<boolean> = ref(false);
 const addedConcepts = ref({});
-const errors = ref("");
 const conceptsData = ref([]);
 const successMessage = ref([]);
 const expanded = ref([]);
 const sources = ref([]);
+const missingConcepts = ref([]);
 
 const addedConceptsCount = computed(function () {
   return Object.keys(addedConcepts.value).filter(
@@ -164,169 +161,133 @@ watch(filterSourcesWithData, () => {
   emit("overlappingDataChanged", filterSourcesWithData.value);
 });
 
-const getSourcesOverview = computed(function () {
-  return filterSourcesWithData.value.map((value) => ({
-    ...value,
-    min_population: Math.min(
-      ...value.concepts.reduce(
-        (prev, current) => [...prev, current.population],
-        []
-      )
-    ),
-    max_population: Math.max(
-      ...value.concepts.reduce(
-        (prev, current) => [...prev, current.population],
-        []
-      )
-    ),
-    issues: value.concepts.filter((value) => value.issues === false).length,
-    time_series_issues: value.concepts.filter((value) =>
-      value.time_series ? value.time_series[0] === false : false
-    ).length,
-  }));
+const getSourcesOverview = computed(() => {
+  return filterSourcesWithData.value.map((source) => {
+    const populations = source.concepts.map((concept) => concept.population);
+    const issuesCount = source.concepts.filter(
+      (concept) => !concept.issues
+    ).length;
+    const timeSeriesIssuesCount = source.concepts.filter(
+      (concept) => concept.time_series?.[0] === false
+    ).length;
+
+    return {
+      ...source,
+      min_population: Math.min(...populations),
+      max_population: Math.max(...populations),
+      issues: issuesCount,
+      time_series_issues: timeSeriesIssuesCount,
+    };
+  });
 });
+const getDomainSummary = async () => {
+  await store.dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+    files: [
+      {
+        name: DOMAIN_SUMMARY,
+        instanceParams: [{ domain: "measurement", concept: "" }],
+      },
+    ],
+    criticalError: false,
+  });
 
-const clearMessages = function () {
-  errors.value = "";
-  successMessage.value = [];
-};
-const getDomainSummary = function () {
-  return store
-    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files: [
-        {
-          name: DOMAIN_SUMMARY,
-          instanceParams: [{ domain: "measurement", concept: "" }],
-        },
-      ],
-      criticalError: false,
-    })
-    .then(() => {
-      return store.getters.getData.domainSummary.map((value) => ({
-        parsedData: value.data,
-        source: value.source,
-      }));
-    });
+  return store.getters.getData.domainSummary.map(({ data, source }) => ({
+    parsedData: data,
+    source,
+  }));
 };
+
 const addConceptToList = function (concepts) {
-  sources.value.forEach((source) => {
-    const sourceConcept = concepts.filter(
-      (concept) => source.cdm_name === concept.cdm_name
+  concepts.forEach((concept) => {
+    const source = sources.value.find(
+      (source) => source.cdm_name === concept.cdm_name
     );
-    if (sourceConcept.length) {
-      source.concepts.push(...sourceConcept);
+    if (source) {
+      source.concepts.push(concept);
     }
   });
 };
-const getConceptsForRequest = function (measurement = []) {
+const getConceptsForRequest = (measurement = []) => {
   return conceptsData.value.map((value) => {
-    const missingData = measurement.length
-      ? measurement
-          .filter(
-            (source) => source.source === value.source?.cdm_source_abbreviation
-          )[0]
-          ?.parsedData.filter(
-            (summaryReport) =>
-              summaryReport.CONCEPT_ID == value?.data.CONCEPT_ID[0]
-          )[0].PERCENT_MISSING_VALUES
-      : [];
+    const sourceAbbreviation = value.source?.cdm_source_abbreviation;
+    let conceptId,
+      conceptName,
+      domain,
+      population,
+      percentage,
+      timeSeries,
+      issues;
+
     if (environment.DUCKDB_ENABLED === "true") {
-      return {
-        concept_id: value?.data[CONCEPT_METADATA][0].CONCEPT_ID,
-        concept_name: value?.data[CONCEPT_METADATA][0].CONCEPT_NAME,
-        domain: value?.data[CONCEPT_METADATA][0].CDM_TABLE_NAME,
-        population: value?.data[CONCEPT_METADATA][0].NUM_PERSONS,
-        percentage: value?.data[CONCEPT_METADATA][0].PERCENT_PERSONS,
-        cdm_name: value?.source.cdm_source_abbreviation,
-        time_series: value?.data[CONCEPT_METADATA][0].IS_STATIONARY,
-        issues: value?.data[CONCEPT_METADATA][0].COUNT_FAILED,
-        measurement: measurement.length
-          ? (1 - missingData) * (100).toFixed(2)
-          : null,
-      };
+      const metadata = value?.data[CONCEPT_METADATA][0];
+      conceptId = metadata.CONCEPT_ID;
+      conceptName = metadata.CONCEPT_NAME;
+      domain = metadata.DOMAIN;
+      population = metadata.NUM_PERSONS;
+      percentage = metadata.PERCENT_PERSONS;
+      timeSeries = metadata.IS_STATIONARY;
+      issues = metadata.COUNT_FAILED;
     } else {
-      return {
-        concept_id: value?.data.CONCEPT_ID[0],
-        concept_name: value?.data.CONCEPT_NAME[0],
-        domain: value?.data.CDM_TABLE_NAME[0],
-        population: value?.data.NUM_PERSONS[0],
-        percentage: value?.data.PERCENT_PERSONS[0],
-        cdm_name: value?.source.cdm_source_abbreviation,
-        time_series: value?.data.IS_STATIONARY,
-        issues: value?.data.COUNT_FAILED,
-        measurement: measurement.length
-          ? (1 - missingData) * (100).toFixed(2)
-          : null,
-      };
+      conceptId = value?.data.CONCEPT_ID[0];
+      conceptName = value?.data.CONCEPT_NAME[0];
+      domain = value?.data.CDM_TABLE_NAME[0];
+      population = value?.data.NUM_PERSONS[0];
+      percentage = value?.data.PERCENT_PERSONS[0];
+      timeSeries = value?.data.IS_STATIONARY;
+      issues = value?.data.COUNT_FAILED;
     }
+
+    const missingData = measurement.length
+      ? measurement
+          .find((source) => source.source === sourceAbbreviation)
+          ?.parsedData.find(
+            (summaryReport) => summaryReport.CONCEPT_ID == conceptId
+          )?.PERCENT_MISSING_VALUES
+      : null;
+
+    return {
+      concept_id: conceptId,
+      concept_name: conceptName,
+      domain: domain,
+      population: population,
+      percentage: percentage,
+      cdm_name: sourceAbbreviation,
+      time_series: timeSeries,
+      issues: issues,
+      measurement:
+        missingData !== null ? ((1 - missingData) * 100).toFixed(2) : null,
+    };
   });
 };
+
 const close = function () {
   dialog.value = false;
   store.dispatch(webApiActions.RESET_API_STORAGE);
   successMessage.value = [];
 };
 const save = function (item) {
-  if (addedConcepts.value[item.CONCEPT_ID] === "Loaded") {
-    errors.value = "This concept has already been loaded";
+  conceptsData.value = store.getters.getData.concept;
+  addedConcepts.value = { ...addedConcepts.value, ...item };
+  if (!conceptsData.value) {
     return;
   }
-  store
-    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files:
-        environment.DUCKDB_ENABLED === "true"
-          ? getDuckDBTables({
-              domain: webApiKeyMap.domains[item.DOMAIN_ID],
-              concept: item.CONCEPT_ID,
-            })[webApiKeyMap.domains[item.DOMAIN_ID]]
-          : [
-              {
-                name: CONCEPT,
-                instanceParams: [
-                  {
-                    domain: webApiKeyMap.domains[item.DOMAIN_ID],
-                    concept: item.CONCEPT_ID,
-                  },
-                ],
-              },
-            ],
-      criticalError: false,
-      duckdb_supported: true,
-    })
-    .then(() => {
-      conceptsData.value = store.getters.getData.concept;
-      if (!conceptsData.value.length) {
-        errors.value = "Requested concept is not found across data sources";
-        addedConcepts.value = {
-          ...addedConcepts.value,
-          [item.CONCEPT_ID]: "Not found",
-        };
-        return;
-      }
-      let withMeasurement;
-      if (environment.DUCKDB_ENABLED === "true") {
-        withMeasurement = conceptsData.value.filter(
-          (value) =>
-            value.data[CONCEPT_METADATA].CDM_TABLE_NAME === "MEASUREMENT"
-        );
-      } else {
-        withMeasurement = conceptsData.value.filter(
-          (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
-        );
-      }
-      if (withMeasurement.length) {
-        getDomainSummary().then((value) => {
-          addConceptToList(getConceptsForRequest(value));
-        });
-      } else {
-        addConceptToList(getConceptsForRequest());
-      }
-      addedConcepts.value = {
-        ...addedConcepts.value,
-        [item.CONCEPT_ID]: "Loaded",
-      };
-      successMessage.value = ["Concept loaded"];
+  let withMeasurement;
+  if (environment.DUCKDB_ENABLED === "true") {
+    withMeasurement = conceptsData.value.filter(
+      (value) => value.data[CONCEPT_METADATA].CDM_TABLE_NAME === "MEASUREMENT"
+    );
+  } else {
+    withMeasurement = conceptsData.value.filter(
+      (value) => value.data.CDM_TABLE_NAME[0] === "MEASUREMENT"
+    );
+  }
+  if (withMeasurement.length) {
+    getDomainSummary().then((value) => {
+      addConceptToList(getConceptsForRequest(value));
     });
+  } else {
+    addConceptToList(getConceptsForRequest());
+  }
 };
 
 onBeforeMount(() => {
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
index d507f29b..35d567e3 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCategory/NetworkDataQualityIssuesByCategory.vue
@@ -1,7 +1,6 @@
 <template>
   <Panel header="Network Data Quality Issues By Category">
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-category"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByCategory"
diff --git a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
index 174e3792..ef5b3abf 100644
--- a/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
+++ b/src/pages/reports/network/NetworkDataQualitySummary/charts/NetworkDataQualityIssuesByCdmTable/NetworkDataQualityIssuesByCdmTable.vue
@@ -1,7 +1,6 @@
 <template>
   <Panel header="Network Data Quality Issues by CDM Table">
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-table"
       :data="store.getters.getData[NETWORK_QUALITY_SUMMARY]"
       :chartSpec="specIssueStratificationByTable"
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
index 458e6521..9b268353 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
@@ -1,7 +1,6 @@
 <template>
   <Panel header="Ethnicity">
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-network-ethnicity"
       :chartSpec="specEthnicity"
       :data="store.getters.getData.ethnicityData"
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
index e20a9a71..b9accc2f 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
@@ -1,7 +1,6 @@
 <template>
   <Panel header="Race">
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-race"
       :chartSpec="specRace"
       :data="store.getters.getData.raceData"
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index e30c7111..324120e8 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-networkageatfirstobservation"
       :chartSpec="specAgeAtFirstObservation"
       :data="data"
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index 6cf11409..c82b5ddb 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-networkcumulativeobservation"
       :chartSpec="specCumulativeObservation"
       :data="data"
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index 9efe733a..db89d38b 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="flex flex-col gap-5">
-    <Panel
-      v-if="store.getters.dataInStore"
-      header="Network Unmapped Source Codes"
-    >
+    <Panel header="Network Unmapped Source Codes">
       <DataTable
         removable-sort
         size="small"
@@ -68,7 +65,7 @@
       </DataTable>
     </Panel>
 
-    <Panel v-if="store.getters.dataInStore" header="Pivot Table">
+    <Panel header="Pivot Table">
       <Pivot
         :data="store.getters.getData.domainTable"
         :attributes="[
diff --git a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
index c4cd512f..24975671 100644
--- a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="!store.getters.getErrors && store.getters.dataInStore"
-    class="flex flex-col gap-10"
-  >
+  <div class="flex flex-col gap-10">
     <PageHeader :title="cohortName || 'Report name unknown'">
       <template #default>
         <div class="flex flex-row gap-2">
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index c4709d59..e25ee48a 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    v-if="store.getters.dataInStore"
-    header="Cohort Characterization report"
-  >
+  <Panel header="Cohort Characterization report">
     <div class="p-5">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index 6f179f7f..ebcb30d5 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <Panel v-if="store.getters.dataInStore" header="Index Event Breakdown">
+  <Panel header="Index Event Breakdown">
     <div class="p-5">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
index e33da918..a8f4dda7 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
@@ -4,21 +4,18 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-beforeIndex"
       :chartSpec="specCohortTimeDistribution"
       :data="priorToIndex"
       title="observation time (days) prior to index"
     />
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-afterIndex"
       :chartSpec="specCohortTimeDistribution"
       :data="afterIndex"
       title="observation time (days) after index"
     />
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-between"
       :chartSpec="specCohortTimeDistribution"
       :data="betweenStartEnd"
diff --git a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
index 0e7be140..16668673 100644
--- a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
+++ b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
@@ -1,5 +1,5 @@
 <template>
-  <Panel v-if="store.getters.dataInStore" header="Cohorts Table">
+  <Panel header="Cohorts Table">
     <div class="p-5">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/ConceptReport.vue b/src/pages/reports/release/ConceptReport/ConceptReport.vue
index e804259f..80adbfc0 100644
--- a/src/pages/reports/release/ConceptReport/ConceptReport.vue
+++ b/src/pages/reports/release/ConceptReport/ConceptReport.vue
@@ -1,66 +1,60 @@
 <template>
-  <div v-if="!store.getErrors && store.getters.dataInStore">
-    <div class="flex flex-col gap-10">
-      <PageHeader
-        :title="store.getters.getData.conceptName || 'Report name unknown'"
-      >
-        <template #default>
-          <div class="flex flex-row gap-2">
-            <Button
-              size="small"
-              style="width: 180px; height: 30px"
-              @click="navigateToNetworkConcept"
-            >
-              <svg-icon
-                class="text-white"
-                type="mdi"
-                :path="mdiCheckNetwork"
-              ></svg-icon>
-              <span class="text-white uppercase text-base">
-                Network Report
-              </span>
-            </Button>
-            <ReturnButton />
-          </div>
-        </template>
-      </PageHeader>
-      <InfoPanel
-        :network-concept-report="navigateToNetworkConcept"
-        :concept="store.getters.getData.conceptId"
-        :population="store.getters.getData.numPersons"
-        :percent-people="store.getters.getData.percentPersons"
-        :records-per-person="store.getters.getData.recordsPerPerson"
-        :percent-values="
-          route.params.domain === 'measurement'
-            ? getPercentWithValues
-            : undefined
-        "
-        :count-failed="
-          store.getters.getData.countFailed
-            ? {
-                value: store.getters.getData.countFailed,
-                action: navigateToDataQuality,
-              }
-            : undefined
-        "
-        :not-stationary="store.getters.getData.isNotStationary"
-      />
+  <div class="flex flex-col gap-10">
+    <PageHeader
+      :title="store.getters.getData.conceptName || 'Report name unknown'"
+    >
+      <template #action>
+        <div class="flex flex-row gap-2">
+          <Button
+            size="small"
+            style="width: 180px; height: 30px"
+            @click="navigateToNetworkConcept"
+          >
+            <svg-icon
+              class="text-white"
+              type="mdi"
+              :path="mdiCheckNetwork"
+            ></svg-icon>
+            <span class="text-white uppercase text-base"> Network Report </span>
+          </Button>
+          <ReturnButton />
+        </div>
+      </template>
+    </PageHeader>
+    <InfoPanel
+      :network-concept-report="navigateToNetworkConcept"
+      :concept="store.getters.getData.conceptId"
+      :population="store.getters.getData.numPersons"
+      :percent-people="store.getters.getData.percentPersons"
+      :records-per-person="store.getters.getData.recordsPerPerson"
+      :percent-values="
+        route.params.domain === 'measurement' ? getPercentWithValues : undefined
+      "
+      :count-failed="
+        store.getters.getData.countFailed
+          ? {
+              value: store.getters.getData.countFailed,
+              action: navigateToDataQuality,
+            }
+          : undefined
+      "
+      :not-stationary="store.getters.getData.isNotStationary"
+    />
 
-      <MeasurementValueDistribution />
-      <AgeAtFirstDiagnosis />
-      <AgeAtFirstExposure />
-      <LengthOfEra />
-      <ConditionsByType />
-      <DrugsByType />
-      <RecordsByUnit />
-      <MeasurementsByType />
-      <AgeAtFirstOccurrence />
-      <RecordCountProportionByMonth />
-      <DaysSupply />
-      <QuantityDistribution />
-      <VisitDurationByType />
-      <RecordCountProportionByAgeSexYear />
-    </div>
+    <MeasurementValueDistribution />
+    <AgeAtFirstDiagnosis />
+    <AgeAtFirstExposure />
+    <LengthOfEra />
+    <ConditionsByType />
+    <DrugsByType />
+    <RecordsByUnit />
+    <MeasurementsByType />
+    <AgeAtFirstOccurrence />
+    <RecordCountProportionByMonth />
+    <DaysSupply />
+    <QuantityDistribution />
+    <VisitDurationByType />
+    <RecordCountProportionByAgeSexYear />
   </div>
 </template>
 
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 6ba71b6c..effef035 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-ageatfirstdiagnosis"
       :chartSpec="specAgeAtFirstDiagnosis"
       :data="data"
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index 44ca8e17..d5f984df 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-ageatfirstexposure"
       :chartSpec="specAgeAtFirstExposure"
       :data="data"
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 336f3b3b..52ce365e 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-ageatfirstoccurrence"
       :chartSpec="specAgeAtFirstOccurrence"
       :data="data"
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index c5da8741..71028cbf 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-conditionsbytype"
       :chartSpec="specConditionsByType"
       :data="data"
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index bfa1b0bf..a3a62586 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-dayssupply"
-      :chartSpec="specDaysSupply"
-      :data="data"
-    />
+    <Chart id="viz-dayssupply" :chartSpec="specDaysSupply" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index 2e76200f..e3c3fc66 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-drugsbytype"
-      :chartSpec="specDrugsByType"
-      :data="data"
-    />
+    <Chart id="viz-drugsbytype" :chartSpec="specDrugsByType" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index 609980eb..13fbd114 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-lengthofera"
-      :chartSpec="specLengthOfEra"
-      :data="data"
-    />
+    <Chart id="viz-lengthofera" :chartSpec="specLengthOfEra" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index 1877bce9..bab1810e 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -16,7 +16,6 @@
     ></MultiSelect>
 
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-measurementvaluedistribution"
       ref="measurementvalue"
       :chartSpec="specMeasurementValueDistribution"
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index 9cdca85f..ca10c3c4 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-measurementsbytype"
       :chartSpec="specMeasurementsByType"
       :data="data"
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 531b930d..6c163fc9 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-quantity"
-      :chartSpec="specQuantity"
-      :data="data"
-    />
+    <Chart id="viz-quantity" :chartSpec="specQuantity" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 0672bde0..fcbe1e15 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    header="Record Count Proportion By Age, Sex, Year"
-    :loading="!store.getters.dataInStore"
-  >
+  <Panel header="Record Count Proportion By Age, Sex, Year">
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index 751bbb1a..891a3d94 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-recordsbyunit"
-      :chartSpec="specRecordsByUnit"
-      :data="data"
-    />
+    <Chart id="viz-recordsbyunit" :chartSpec="specRecordsByUnit" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 0f9f4da5..2801ab43 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -13,7 +13,6 @@
     </template>
 
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specRecordProportionByMonth"
       :annotations-config="{
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index fdef7284..32abe9d6 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-visitdurationbytype"
       :chartSpec="specVisitDurationByType"
       :data="data"
diff --git a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
index 213177d6..f180585c 100644
--- a/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
+++ b/src/pages/reports/release/DataQualityResults/DataQualityResults.vue
@@ -6,16 +6,16 @@
         :active-index="getCurrentTab"
       >
         <TabPanel header="Overview">
-          <OverviewTable v-if="store.getters.dataInStore" />
+          <OverviewTable />
         </TabPanel>
         <TabPanel header="Metadata">
-          <MetadataTable v-if="store.getters.dataInStore" />
+          <MetadataTable />
         </TabPanel>
         <TabPanel header="Results">
-          <ResultsTable v-if="store.getters.dataInStore" />
+          <ResultsTable />
         </TabPanel>
         <TabPanel header="Pivot Table">
-          <PivotDataTable v-if="store.getters.dataInStore" />
+          <PivotDataTable />
         </TabPanel>
       </TabView>
     </template>
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index 84aa62e0..cbbe0916 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-ageatdeath"
       :chartSpec="specAgeAtDeath"
       :data="store.getters.getData.AGE_AT_DEATH"
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index cfcfde2a..68c5b8d0 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-deathbytype"
-      :chartSpec="specDeathByType"
-      :data="data"
-    />
+    <Chart id="viz-deathbytype" :chartSpec="specDeathByType" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index f2d3bde3..25958269 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-recordproportionbyagesexyear"
       :chartSpec="specRecordProportionByAgeSexYear"
       :data="data"
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 8cf02c44..26a536ff 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -13,7 +13,6 @@
     </template>
 
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-deathrecordproportionbymonth"
       :annotations="annotations"
       :signal-listener="listeners.setSelectionAreaSignal"
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index ef6b3be9..6a7839c8 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -1,5 +1,5 @@
 <template>
-  <Panel header="Domain Density" :loading="!store.getters.dataInStore">
+  <Panel header="Domain Density">
     <template #icons>
       <ChartHeader
         title="Domain
@@ -14,7 +14,6 @@
     </template>
 
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="defOverview"
       :annotations-config="{
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index a78bfbfb..702ee5f8 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    header="Domain Records per Person"
-    :loading="!store.getters.dataInStore"
-  >
+  <Panel header="Domain Records per Person">
     <template #icons>
       <ChartHeader
         title="Domain Records per Person"
@@ -15,7 +12,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="defRecordsPerPerson"
       :annotations-config="{
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index 090eacee..a4813806 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -7,7 +7,7 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore && data"
+      v-if="data"
       id="viz-stratificationbydrugtype"
       :chartSpec="specDrugTypeStratification"
       :data="data"
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index b114a575..42e535db 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -7,7 +7,7 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore && data"
+      v-if="data"
       id="viz-stratificationbyvisit"
       :chartSpec="specVisitStratification"
       :data="data"
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index c9f8edd8..0be32cc4 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    v-if="store.getters.dataInStore"
-    :header="openedDomain.split('_').join(' ')"
-  >
+  <Panel :header="openedDomain.split('_').join(' ')">
     <template #icons>
       <ChartActionIcon
         :icon="mdiDatabase"
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
index 59a5f736..232640b6 100644
--- a/src/pages/reports/release/MetadataReport/tables/Metadata.vue
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -3,7 +3,6 @@
     <div class="p-5" v-if="store.getters.getData.metadataData" fluid>
       <DataTable
         size="small"
-        v-if="store.getters.dataInStore"
         :value="store.getters.getData.metadataData"
         paginator
         :rows="10"
diff --git a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
index b65e7e61..20466494 100644
--- a/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/ObservationPeriodReport.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="flex flex-col gap-10"
-    v-if="!store.getters.getErrors && store.getters.dataInStore"
-  >
+  <div class="flex flex-col gap-10">
     <PageHeader title="Observation Period Report" />
     <div class="flex flex-col gap-5">
       <CumulativeObservation />
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 65d3d070..50ebc05c 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -13,7 +13,6 @@
     </template>
 
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specAgeAtFirstObservation"
       :annotations-config="{
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index 16f36159..6166be2a 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-agebysex"
-      :chartSpec="specAgeBySex"
-      :data="data"
-    />
+    <Chart id="viz-agebysex" :chartSpec="specAgeBySex" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index c919d22b..8ff9c46e 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -12,7 +12,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specCumulativeObservation"
       :annotations-config="{
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index 29f3ae44..0c7eca12 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -13,7 +13,6 @@
     </template>
 
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-observationbymonth"
       :annotations-config="{
         chartSpec: specObservationByMonthAnnotation,
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index 410660ad..ab3442ba 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    header="Observation Periods per Person"
-    v-if="store.getters.dataInStore"
-  >
+  <Panel header="Observation Periods per Person">
     <DataTable
       removable-sort
       size="small"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index 90aa2f94..bb7ca0bd 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-observationbyage"
       :chartSpec="specObservationByAge"
       :data="data"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index 68a06f66..ad334304 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -4,7 +4,6 @@
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       id="viz-observationbysex"
       :chartSpec="specObservationBySex"
       :data="data"
diff --git a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
index 6f1b36ef..7bb1082e 100644
--- a/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
+++ b/src/pages/reports/release/PerformanceReport/PerformanceTable.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="store.getters.dataInStore && !store.getters.getErrors"
-    class="pa-1"
-  >
+  <div class="pa-1">
     <div class="flex flex-col gap-5">
       <AchillesPerformance />
       <CohortDiagnosticsPerformance />
diff --git a/src/pages/reports/release/PersonReport/PersonReport.vue b/src/pages/reports/release/PersonReport/PersonReport.vue
index 6fe65c1a..ea23d9e1 100755
--- a/src/pages/reports/release/PersonReport/PersonReport.vue
+++ b/src/pages/reports/release/PersonReport/PersonReport.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!store.getters.getErrors && store.getters.dataInStore" fluid>
+  <div fluid>
     <div class="flex flex-col gap-10">
       <PageHeader title="Person Report" />
       <InfoPanel
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index 3ea18a53..bbbac312 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -15,7 +15,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="maleReportId"
       title="Male"
       :annotations-config="{
@@ -30,7 +29,6 @@
       :annotation-mode="annotationsMode"
     />
     <Chart
-      v-if="store.getters.dataInStore"
       :id="femaleReportId"
       title="Female"
       :annotations-config="{
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index 5fd772a9..f96c970c 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -8,12 +8,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-ethnicity"
-      :chartSpec="specEthnicity"
-      :data="data"
-    />
+    <Chart id="viz-ethnicity" :chartSpec="specEthnicity" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 7602ab8c..7ed143de 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -3,12 +3,7 @@
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
-    <Chart
-      v-if="store.getters.dataInStore"
-      id="viz-race"
-      :chartSpec="specRace"
-      :data="data"
-    />
+    <Chart id="viz-race" :chartSpec="specRace" :data="data" />
     <div v-if="showTable" class="p-4">
       <DataTable
         removable-sort
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index e2789a5c..7425016a 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -12,7 +12,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specBirthYear"
       :annotations-config="{
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index 9fa7cbb2..a6092db4 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -1,5 +1,5 @@
 <template>
-  <Panel v-if="store.getters.dataInStore" header="Temporal Characterization">
+  <Panel header="Temporal Characterization">
     <DataTable
       size="small"
       :globalFilterFields="[
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index 12221ae8..db4dcd8e 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col gap-5">
-    <Panel v-if="store.getters.dataInStore" header="Unmapped Source Codes">
+    <Panel header="Unmapped Source Codes">
       <DataTable
         removable-sort
         size="small"
@@ -71,7 +71,7 @@
         </div>
       </template>
     </Panel>
-    <Panel v-if="store.getters.dataInStore" header="Pivot Table">
+    <Panel header="Pivot Table">
       <Pivot
         :data="store.getters.getData.domainTable"
         :attributes="[
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index 36b9fd49..eff793db 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -16,7 +16,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :annotations="annotations"
       :annotation-mode="annotationsMode"
@@ -31,7 +30,6 @@
     <div v-if="showTable" class="p-4">
       <DataTable
         size="small"
-        v-if="store.getters.dataInStore"
         :value="data"
         paginator
         :rows="5"
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 94139fac..56089ad5 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -1,7 +1,6 @@
 <template>
   <Panel
     header="Historical Data Quality by Category"
-    :loading="!store.getters.dataInStore"
     elevation="2"
     class="ma-4"
   >
@@ -17,7 +16,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :data="data"
       :chartSpec="specDataQualityResultsByCategory"
@@ -32,7 +30,6 @@
     <div v-if="showTable" class="p-4">
       <DataTable
         size="small"
-        v-if="store.getters.dataInStore"
         :value="data"
         paginator
         :rows="5"
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index 19e0f0d2..d6b65c46 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -1,10 +1,5 @@
 <template>
-  <Panel
-    header="Historical Data Quality by Domain"
-    :loading="!store.getters.dataInStore"
-    elevation="2"
-    class="ma-4"
-  >
+  <Panel header="Historical Data Quality by Domain" elevation="2" class="ma-4">
     <template #icons>
       <ChartHeader
         title="Historical Data Quality by Domain"
@@ -17,7 +12,6 @@
       />
     </template>
     <Chart
-      v-if="store.getters.dataInStore"
       :id="reportId"
       :chartSpec="specDataQualityResultsByDomain"
       :data="store.getters.getData[QUALITY_INDEX].dataQualityRecordsStratified"
@@ -32,7 +26,6 @@
     <div v-if="showTable" class="p-4">
       <DataTable
         size="small"
-        v-if="store.getters.dataInStore"
         :value="data"
         paginator
         :rows="5"
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 6f9baad1..34bdee6f 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    header="Domain Continuity"
-    v-if="!store.getters.getErrors & store.getters.dataInStore"
-  >
+  <Panel header="Domain Continuity">
     <template #icons>
       <ChartHeader table-toggle @table-toggled="toggleTable" />
     </template>
@@ -15,7 +12,6 @@
     <div v-if="showTable" class="p-4">
       <DataTable
         size="small"
-        v-if="store.getters.dataInStore"
         :value="data"
         paginator
         :rows="5"
diff --git a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
index 696399eb..3f5be102 100644
--- a/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
+++ b/src/pages/reports/source/SourceConceptReport/charts/recordProportionByMonth/RecordProportionByMonth.vue
@@ -1,8 +1,5 @@
 <template>
-  <Panel
-    header="Record Proportion by Month"
-    v-if="!store.getErrors && store.getters.dataInStore"
-  >
+  <Panel header="Record Proportion by Month">
     <template #icons>
       <ChartHeader
         :notes-count="notes.length"
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 728d0333..1d081960 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -18,6 +18,7 @@ import db from "@/shared/api/duckdb/instance";
 import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
 import getFilesByView from "@/processes/exploreReports/config/dataLoadConfig";
+import { webApiActions } from "@/shared/api/webAPI";
 
 const state = {
   data: {},
@@ -25,7 +26,7 @@ const state = {
 
 const getters = {
   getData: (state) => {
-    return state.data;
+    return state.data.data;
   },
   dataInStore: (state, getters, rootState) => {
     if (getFilesByView({ files: [] })[rootState.route.name]) {
@@ -94,8 +95,12 @@ function convertTableToArray(table) {
 }
 
 const actions = {
-  [RESET_DATA_STORAGE]({ commit }) {
-    commit(CLEAR_DATA);
+  [RESET_DATA_STORAGE]({ commit }, payload) {
+    if (payload?.skipLoading) {
+      commit(CLEAR_DATA, payload?.skipLoading);
+    } else {
+      commit(CLEAR_DATA);
+    }
   },
 
   async [FETCH_FILES]({ commit, dispatch, rootState }, payload) {
@@ -106,7 +111,7 @@ const actions = {
       concept: rootState.route.params.concept,
     };
     if (!payload.files) {
-      commit(SET_DATA, { data: [] });
+      commit(SET_DATA, { data: {} });
       return;
     }
     const promises = payload.files.map((file) => {
@@ -149,10 +154,14 @@ const actions = {
         }
       });
       try {
-        if (data) {
+        if (data && Object.keys(data).length) {
           postprocessing[rootState.route.name]
-            ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-            : commit(SET_DATA, data);
+            ? commit(SET_DATA, {
+                data: postprocessing[rootState.route.name](data),
+              })
+            : commit(SET_DATA, { data });
+        } else {
+          commit(SET_DATA, {});
         }
       } catch (e) {
         dispatch(errorActions.NEW_ERROR, {
@@ -172,97 +181,102 @@ const actions = {
     payload
   ) {
     if (!payload.files) {
-      commit(SET_DATA, { data: [] });
+      commit(SET_DATA, { data: {} });
       return;
-    }
-    const promises = payload.files.reduce(
-      (obj, file) => ({
-        ...obj,
-        [file.name]: rootGetters.getSources.reduce(
-          (filesArray, currentSource) => {
-            const loadedFiles = file.instanceParams.reduce(
-              (array, currentInstance) => {
-                return [
-                  ...array,
+    } else {
+      const promises = payload.files.reduce(
+        (obj, file) => ({
+          ...obj,
+          [file.name]: rootGetters.getSources.reduce(
+            (filesArray, currentSource) => {
+              const loadedFiles = file.instanceParams.reduce(
+                (array, currentInstance) => {
+                  return [
+                    ...array,
+                    payload.duckdb_supported &&
+                    environment.DUCKDB_ENABLED === "true" &&
+                    file.source !== "axios"
+                      ? fetchDuckDBData(file, payload, {
+                          cdm: currentSource,
+                          release: currentSource.releases[0].release_id,
+                          domain: currentInstance.domain
+                            ? currentInstance.domain
+                            : rootState.route.params.domain,
+                          concept: currentInstance.concept
+                            ? currentInstance.concept
+                            : rootState.route.params.concept,
+                        })
+                      : fetchAxiosData(file, {
+                          cdm: currentSource,
+                          release: currentSource.releases[0].release_id,
+                          domain: currentInstance.domain
+                            ? currentInstance.domain
+                            : rootState.route.params.domain,
+                          concept: currentInstance.concept
+                            ? currentInstance.concept
+                            : rootState.route.params.concept,
+                        }),
+                  ];
+                },
+                []
+              );
+              return [...filesArray, ...loadedFiles];
+            },
+            []
+          ),
+        }),
+        {}
+      );
+
+      let data = {};
+      for (const file in promises) {
+        await Promise.allSettled(promises[file]).then((responses) => {
+          data[file] = responses
+            .filter((response) => response.status === "fulfilled")
+            .map(
+              (
+                filtered: PromiseFulfilledResult<{
+                  data: never[];
+                  payload: { cdm: string };
+                }>
+              ) => ({
+                data:
                   payload.duckdb_supported &&
-                  environment.DUCKDB_ENABLED === "true" &&
-                  file.source !== "axios"
-                    ? fetchDuckDBData(file, payload, {
-                        cdm: currentSource,
-                        release: currentSource.releases[0].release_id,
-                        domain: currentInstance.domain
-                          ? currentInstance.domain
-                          : rootState.route.params.domain,
-                        concept: currentInstance.concept
-                          ? currentInstance.concept
-                          : rootState.route.params.concept,
-                      })
-                    : fetchAxiosData(file, {
-                        cdm: currentSource,
-                        release: currentSource.releases[0].release_id,
-                        domain: currentInstance.domain
-                          ? currentInstance.domain
-                          : rootState.route.params.domain,
-                        concept: currentInstance.concept
-                          ? currentInstance.concept
-                          : rootState.route.params.concept,
-                      }),
-                ];
-              },
-              []
+                  environment.DUCKDB_ENABLED === "true"
+                    ? convertTableToArray(filtered.value.data)
+                    : preprocessing[file]
+                    ? preprocessing[file](filtered.value.data)
+                    : filtered.value?.data,
+                source: filtered.value?.payload.cdm,
+              })
             );
-            return [...filesArray, ...loadedFiles];
-          },
-          []
-        ),
-      }),
-      {}
-    );
-
-    let data = {};
-    for (const file in promises) {
-      await Promise.allSettled(promises[file]).then((responses) => {
-        data[file] = responses
-          .filter((response) => response.status === "fulfilled")
-          .map(
-            (
-              filtered: PromiseFulfilledResult<{
-                data: never[];
-                payload: { cdm: string };
-              }>
-            ) => ({
-              data:
-                payload.duckdb_supported &&
-                environment.DUCKDB_ENABLED === "true"
-                  ? convertTableToArray(filtered.value.data)
-                  : preprocessing[file]
-                  ? preprocessing[file](filtered.value.data)
-                  : filtered.value?.data,
-              source: filtered.value?.payload.cdm,
-            })
-          );
-        if (data[file].length === 0 && payload.criticalError) {
-          data = null;
-          dispatch(errorActions.NEW_ERROR, {
-            message: "No files found across data sources",
-            details: "No additional data",
-          });
+          if (data[file].length === 0 && payload.criticalError) {
+            data = null;
+            dispatch(errorActions.NEW_ERROR, {
+              message: "No files found across data sources",
+              details: "No additional data",
+            });
+          }
+        });
+      }
+      try {
+        if (data && Object.keys(data).length) {
+          postprocessing[rootState.route.name]
+            ? commit(SET_DATA, {
+                data: postprocessing[rootState.route.name](data),
+              })
+            : commit(SET_DATA, { data });
+        } else {
+          commit(SET_DATA, {});
         }
-      });
-    }
-    try {
-      if (data) {
-        postprocessing[rootState.route.name]
-          ? commit(SET_DATA, postprocessing[rootState.route.name](data))
-          : commit(SET_DATA, data);
+      } catch (e) {
+        dispatch(errorActions.NEW_ERROR, {
+          message: `An unexpected error has occurred (${e.name})`,
+          details: e.message,
+          stack: e.stack,
+          type: "unexpected",
+        });
       }
-    } catch (e) {
-      dispatch(errorActions.NEW_ERROR, {
-        message: `An unexpected error has occurred (${e.name})`,
-        details: e.message,
-        stack: e.stack,
-        type: "unexpected",
-      });
     }
   },
 
@@ -271,7 +285,7 @@ const actions = {
     payload
   ) {
     if (!payload.files) {
-      commit(SET_DATA, { data: [] });
+      commit(SET_DATA, { data: {} });
       return;
     }
     const promises = payload.files.reduce(
@@ -337,10 +351,12 @@ const actions = {
       });
     }
     try {
-      if (data) {
+      if (data && Object.keys(data).length) {
         postprocessing[rootState.route.name]
           ? commit(SET_DATA, postprocessing[rootState.route.name](data))
           : commit(SET_DATA, data);
+      } else {
+        commit(RESET_DATA_STORAGE);
       }
     } catch (e) {
       dispatch(errorActions.NEW_ERROR, {
@@ -358,9 +374,14 @@ const mutations = {
   [SET_DATA](state, payload) {
     state.data = { ...state.data, ...payload };
   },
-  [CLEAR_DATA](state) {
-    state.data = {};
-    state.webApiData = {};
+  [CLEAR_DATA](state, payload) {
+    if (payload) {
+      state.data = { showLoading: false };
+      state.webApiData = {};
+    } else {
+      state.data = {};
+      state.webApiData = {};
+    }
   },
 };
 
diff --git a/src/processes/exploreReports/model/store/mutations.type.ts b/src/processes/exploreReports/model/store/mutations.type.ts
index c6ff8522..549d3f90 100644
--- a/src/processes/exploreReports/model/store/mutations.type.ts
+++ b/src/processes/exploreReports/model/store/mutations.type.ts
@@ -1,2 +1,3 @@
 export const SET_DATA = "setData";
 export const CLEAR_DATA = "clearData";
+export const SET_LOADING_STATUS = "setLoadingStatus";
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index 2b5b18f5..7a1b31ef 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -36,27 +36,29 @@ function combineObjectsBySource(inputObject) {
 }
 
 export default function feasibility(data) {
-  let concept;
-  let domainSummary = data[DOMAIN_SUMMARY];
-  let sources = data[DENSITY_DOMAIN_PERSON];
   const observationPeriod: ObservationPeriodType = data[OBSERVATION_PERIOD];
   const person: PersonData = data[PERSON];
+
+  let concept, conceptId;
   if (environment.DUCKDB_ENABLED === "true" && data[CONCEPT_METADATA]) {
     concept = combineObjectsBySource(data);
+    conceptId = concept?.[0]?.data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
   } else {
     concept = data[CONCEPT];
+    conceptId = concept?.[0]?.data?.CONCEPT_ID?.[0];
   }
-  if (sources && sources.length) {
-    sources = sources.map((file) => ({
-      data: file.data,
-      source: file.source.cdm_source_abbreviation,
-    }));
-  }
-  if (domainSummary && domainSummary.length) {
-    domainSummary = data[DOMAIN_SUMMARY]?.map((file) => ({
-      data: file.data,
-      source: file.source.cdm_source_abbreviation,
-    }));
-  }
-  return { observationPeriod, person, sources, domainSummary, concept };
+
+  const sources = (data[DENSITY_DOMAIN_PERSON] || []).map((file) => ({
+    data: file.data,
+    source: file.source.cdm_source_abbreviation,
+  }));
+
+  const domainSummary = (data[DOMAIN_SUMMARY] || []).map((file) => ({
+    data: file.data,
+    source: file.source.cdm_source_abbreviation,
+  }));
+
+  return conceptId
+    ? { observationPeriod, person, sources, domainSummary, concept }
+    : { observationPeriod, person, sources, domainSummary };
 }
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 5a3e1653..29e5f573 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -48,13 +48,15 @@ function combineObjectsBySource(inputObject) {
 
 export default function networkConcept(data) {
   const dateParse = d3.timeParse("%Y%m");
-  let concept: MultipleFilesRawInterface<ConceptType>[];
-  let conceptName;
-  let conceptId;
-  let numPersons;
+  let concept: MultipleFilesRawInterface<ConceptType>[],
+    conceptName,
+    conceptId,
+    numPersons,
+    conceptDomain;
   if (environment.DUCKDB_ENABLED === "true") {
     concept = combineObjectsBySource(data);
     conceptName = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_NAME;
+    conceptDomain = concept[0].data[CONCEPT_METADATA]?.[0]?.DOMAIN;
     conceptId = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
     numPersons = _.sumBy(concept[0], (r) =>
       r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
@@ -69,79 +71,89 @@ export default function networkConcept(data) {
       r.data.NUM_PERSONS[0] ? r.data.NUM_PERSONS[0] : 0
     );
   }
-
-  if (!concept) {
-    return;
+  if (!conceptId) {
+    return {};
+  } else {
+    return {
+      concept: {
+        metadata: {
+          conceptName: conceptName,
+          conceptId: conceptId,
+          numPersons: numPersons,
+          domain: conceptDomain,
+        },
+        chart: {
+          measurementValueDistribution: concept.filter(
+            (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
+          ).length
+            ? concept.reduce(
+                (prevValue, current) => [
+                  ...prevValue,
+                  ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map(
+                    (value) => ({
+                      ...value,
+                      SOURCE_UNIT_KEY: `${current.source.cdm_source_key} - ${value.CATEGORY}`,
+                    })
+                  ),
+                ],
+                []
+              )
+            : null,
+          ageAtFirstExposure: augmentReport(concept, "AGE_AT_FIRST_EXPOSURE"),
+          drugsByType: augmentReport(concept, "DRUGS_BY_TYPE"),
+          visitDurationByType: augmentReport(concept, "VISIT_DURATION_BY_TYPE"),
+          daysSupply: augmentReport(concept, "DAYS_SUPPLY_DISTRIBUTION"),
+          quantityDistribution: augmentReport(concept, "QUANTITY_DISTRIBUTION"),
+          ageAtFirstDiagnosis: augmentReport(concept, "AGE_AT_FIRST_DIAGNOSIS"),
+          conditionsByType: augmentReport(concept, "CONDITIONS_BY_TYPE"),
+          recordsByUnit: augmentReport(concept, "RECORDS_BY_UNIT"),
+          measurementsByType: augmentReport(concept, "MEASUREMENTS_BY_TYPE"),
+          lengthOfEra: augmentReport(concept, "LENGTH_OF_ERA"),
+          ageAtFirstOccurrence: augmentReport(
+            concept,
+            "AGE_AT_FIRST_OCCURRENCE"
+          ),
+          recordCountProportionByMonth: concept.filter(
+            (value) => value.data.PREVALENCE_BY_MONTH?.length
+          ).length
+            ? concept.reduce(
+                (prevValue, current) => [
+                  ...prevValue,
+                  ...current.data.PREVALENCE_BY_MONTH.map((value) => ({
+                    ...value,
+                    SOURCE: current.source.cdm_source_key,
+                    date: dateParse(value.X_CALENDAR_MONTH.toString()),
+                  })),
+                ],
+                []
+              )
+            : null,
+        },
+        table: {
+          measurementValueDistribution: concept.filter(
+            (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
+          ).length
+            ? concept.reduce(
+                (prevValue, current) => [
+                  ...prevValue,
+                  ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map(
+                    (value) => ({
+                      ...value,
+                      SOURCE: current.source.cdm_source_key,
+                      RELEASE: current.source.releases[0].release_name,
+                      UNIT_COUNT: current.data.RECORDS_BY_UNIT.filter(
+                        (val) => val.CONCEPT_NAME === value.CATEGORY
+                      )[0].COUNT_VALUE,
+                      CONCEPT_NAME: conceptName,
+                      CONCEPT_ID: conceptId,
+                    })
+                  ),
+                ],
+                []
+              )
+            : null,
+        },
+      },
+    };
   }
-  return {
-    metadata: {
-      conceptName: conceptName,
-      conceptId: conceptId,
-      numPersons: numPersons,
-    },
-    chart: {
-      measurementValueDistribution: concept.filter(
-        (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
-      ).length
-        ? concept.reduce(
-            (prevValue, current) => [
-              ...prevValue,
-              ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
-                ...value,
-                SOURCE_UNIT_KEY: `${current.source.cdm_source_key} - ${value.CATEGORY}`,
-              })),
-            ],
-            []
-          )
-        : null,
-      ageAtFirstExposure: augmentReport(concept, "AGE_AT_FIRST_EXPOSURE"),
-      drugsByType: augmentReport(concept, "DRUGS_BY_TYPE"),
-      visitDurationByType: augmentReport(concept, "VISIT_DURATION_BY_TYPE"),
-      daysSupply: augmentReport(concept, "DAYS_SUPPLY_DISTRIBUTION"),
-      quantityDistribution: augmentReport(concept, "QUANTITY_DISTRIBUTION"),
-      ageAtFirstDiagnosis: augmentReport(concept, "AGE_AT_FIRST_DIAGNOSIS"),
-      conditionsByType: augmentReport(concept, "CONDITIONS_BY_TYPE"),
-      recordsByUnit: augmentReport(concept, "RECORDS_BY_UNIT"),
-      measurementsByType: augmentReport(concept, "MEASUREMENTS_BY_TYPE"),
-      lengthOfEra: augmentReport(concept, "LENGTH_OF_ERA"),
-      ageAtFirstOccurrence: augmentReport(concept, "AGE_AT_FIRST_OCCURRENCE"),
-      recordCountProportionByMonth: concept.filter(
-        (value) => value.data.PREVALENCE_BY_MONTH?.length
-      ).length
-        ? concept.reduce(
-            (prevValue, current) => [
-              ...prevValue,
-              ...current.data.PREVALENCE_BY_MONTH.map((value) => ({
-                ...value,
-                SOURCE: current.source.cdm_source_key,
-                date: dateParse(value.X_CALENDAR_MONTH.toString()),
-              })),
-            ],
-            []
-          )
-        : null,
-    },
-    table: {
-      measurementValueDistribution: concept.filter(
-        (value) => value.data.MEASUREMENT_VALUE_DISTRIBUTION?.length
-      ).length
-        ? concept.reduce(
-            (prevValue, current) => [
-              ...prevValue,
-              ...current.data.MEASUREMENT_VALUE_DISTRIBUTION.map((value) => ({
-                ...value,
-                SOURCE: current.source.cdm_source_key,
-                RELEASE: current.source.releases[0].release_name,
-                UNIT_COUNT: current.data.RECORDS_BY_UNIT.filter(
-                  (val) => val.CONCEPT_NAME === value.CATEGORY
-                )[0].COUNT_VALUE,
-                CONCEPT_NAME: conceptName,
-                CONCEPT_ID: conceptId,
-              })),
-            ],
-            []
-          )
-        : null,
-    },
-  };
 }
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 019d3fc2..8495fd0c 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -2,18 +2,19 @@
   <Dialog
     v-if="environment.WEB_API_ENABLED === 'true' && store.getters.authenticated"
     :pt="{
-      root: { class: 'h-[520px] w-[850px]' },
+      root: { class: 'w-[850px]' },
     }"
     header="Vocabulary Search"
     unstyled
     modal
-    v-model:visible="sh"
+    v-model:visible="displayForm"
   >
     <div class="h-full relative">
       <div class="p-6">
         <div class="flex flex-col gap-10 p-3">
           <div class="flex flex-row gap-5">
             <InputText
+              class="flex-grow"
               v-model="query"
               title="Search concepts"
               label="Search concepts"
@@ -33,11 +34,15 @@
               style="width: 12rem"
               class="search-btn"
               @click="searchApi"
-              >Search</Button
+              ><span class="uppercase font-light text-white px-2"
+                >Search</span
+              ></Button
             >
           </div>
           <div>
             <DataTable
+              scrollable
+              scrollHeight="550px"
               :loading="store.getters.getApiData.loading"
               removable-sort
               size="small"
@@ -46,7 +51,11 @@
               :rows="10"
               :rowsPerPageOptions="[5, 10, 20, 50]"
             >
-              <template #empty> No concepts found </template>
+              <template #empty>
+                <div class="flex justify-center">
+                  <span class="">No data available</span>
+                </div>
+              </template>
               <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
               <Column
                 sortable
@@ -54,43 +63,71 @@
                 field="CONCEPT_NAME"
               ></Column>
               <Column sortable header="Domain" field="DOMAIN_ID"></Column>
-              <Column header="">
+              <Column
+                style="text-align: center"
+                :pt="{ headerContent: 'justify-center' }"
+                header=""
+              >
+                <template #header>
+                  <div
+                    class="flex items-center content-center align-middle gap-1"
+                  >
+                    <span>Status</span>
+                    <i
+                      class="pi pi-question-circle"
+                      v-tooltip.top="{
+                        value: tooltipValue,
+                        escape: false,
+                        pt: {
+                          root: 'absolute',
+                          arrow: {
+                            style: {
+                              borderRightColor: 'var(--primary-color)',
+                            },
+                          },
+                          text: 'border rounded bg-surface-800 dark:bg-surface-50 text-white dark:text-black font-light p-2 break-words text-wrap max-w-[20ch]',
+                        },
+                      }"
+                    ></i>
+                  </div>
+                </template>
                 <template #body="slotProps">
-                  <!--              <v-icon-->
-                  <!--                v-if="!addedConcepts[slotProps.data.CONCEPT_ID]"-->
-                  <!--                @click="save(slotProps.data)"-->
-                  <!--                >{{ mdiPlus }}</v-icon-->
-                  <!--              >-->
-                  <!--              <v-icon-->
-                  <!--                v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Not found'"-->
-                  <!--                >{{ mdiCloseOctagon }}</v-icon-->
-                  <!--              >-->
-                  <!--              <v-icon-->
-                  <!--                v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Loaded'"-->
-                  <!--                >{{ mdiCheck }}</v-icon-->
-                  <!--              >-->
                   <Button
                     text
-                    v-if="!addedConcepts[slotProps.data.CONCEPT_ID]"
+                    v-if="
+                      !loadedConcepts[slotProps.data.CONCEPT_ID] &&
+                      !missingConcepts[slotProps.data.CONCEPT_ID] &&
+                      loadingItem !== slotProps.data.CONCEPT_ID
+                    "
                     icon="pi pi-plus"
                     outlined
                     rounded
-                    class="mr-2"
-                    @click="save(slotProps.data)"
+                    @click="saveChanges(slotProps.data)"
                   />
                   <Button
+                    disabled
                     text
-                    v-if="
-                      addedConcepts[slotProps.data.CONCEPT_ID] === 'Not found'
-                    "
+                    v-if="missingConcepts[slotProps.data.CONCEPT_ID]"
                     icon="pi pi-times"
                     outlined
                     rounded
                     severity="danger"
                   />
                   <Button
+                    disabled
+                    text
+                    v-if="loadingItem === slotProps.data.CONCEPT_ID"
+                    icon="pi pi-spin pi-spinner"
+                    outlined
+                    rounded
+                    severity="info"
+                  />
+                  <Button
+                    disabled
                     text
-                    v-if="addedConcepts[slotProps.data.CONCEPT_ID] === 'Loaded'"
+                    v-if="
+                      loadedConcepts[slotProps.data.CONCEPT_ID] === 'Loaded'
+                    "
                     icon="pi pi-check"
                     outlined
                     rounded
@@ -115,7 +152,7 @@
       root: { class: 'w-[400px]' },
     }"
     modal
-    v-model:visible="sh"
+    v-model:visible="displayForm"
     header="New Concept"
   >
     <div class="p-3">
@@ -145,10 +182,14 @@
         </Dropdown>
       </div>
       <div class="flex flex-row justify-between relative bottom-0">
-        <Button text severity="danger" size="large" @click="sh = false"
+        <Button text severity="danger" size="large" @click="displayForm = false"
           >CANCEL</Button
         >
-        <Button text severity="info" size="large" @click="save(editedItem)"
+        <Button
+          text
+          severity="info"
+          size="large"
+          @click="saveChanges(editedItem)"
           >SAVE</Button
         >
       </div>
@@ -165,6 +206,8 @@ import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import Dialog from "primevue/dialog";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
+import { toRaw } from "vue";
+import SvgIcon from "@jamescoyle/vue-icon";
 
 import {
   ref,
@@ -179,15 +222,24 @@ import { computed } from "vue";
 import InputText from "primevue/inputtext";
 import Dropdown from "primevue/dropdown";
 import Button from "primevue/button";
+import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
+import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
+import webApiKeyMap from "@/shared/config/webApiKeyMap";
+import { CONCEPT } from "@/shared/config/files";
+import { mdiAlertCircleOutline } from "@mdi/js";
 
 interface Props {
   addedConcepts: object;
-  successMessage: string[];
-  errors: string;
   show: boolean;
+  multiSelection?: boolean;
 }
 
-const sh = computed({
+const tooltipValue =
+  "<div><i class='pi pi-plus text-primary-500'></i> - <span>Add concept</span></div> " +
+  "<div><i class='pi pi-spin pi-spinner'></i> - <span>Concept is loading</span></div> " +
+  "<div><i class='pi pi-times text-red-500 '></i> - <span>Concept N/A</span></div> " +
+  "<div><i class='pi pi-check  text-green-500'></i> - <span>Concept is loaded</span></div>";
+const displayForm = computed({
   get: function () {
     return props.show;
   },
@@ -195,31 +247,45 @@ const sh = computed({
     emit("close");
   },
 });
-
+const domains: Ref<DataTableHeader[]> = ref([
+  { title: "Condition occurrence", key: "Condition" },
+  { title: "Drug Exposure", key: "Drug" },
+  { title: "Device Exposure", key: "Device" },
+  { title: "Measurement", key: "Measurement" },
+  { title: "Procedure Occurrence", key: "Procedure" },
+  { title: "Observation", key: "Observation" },
+]);
+const loadedConcepts = ref({});
 const form: Ref<HTMLFormElement> = ref(null);
 const props = defineProps<Props>();
 const store = useStore();
-const emit = defineEmits(["inputChanged", "save", "close"]);
-
+const emit = defineEmits([
+  "inputChanged",
+  "save",
+  "close",
+  "missingConceptsChanged",
+]);
+const errors = ref("");
+const successMessage = ref([]);
 const query: Ref<string> = ref("");
+const missingConcepts = ref([]);
 const vocabularySource: Ref<string> = ref("");
 const editedItem = ref({
   CONCEPT_ID: "",
   DOMAIN_ID: "",
 });
-const domains: Ref<DataTableHeader[]> = ref([
-  { title: "Condition occurrence", key: "Condition" },
-  { title: "Drug Exposure", key: "Drug" },
-  { title: "Device Exposure", key: "Device" },
-  { title: "Measurement", key: "Measurement" },
-  { title: "Procedure Occurrence", key: "Procedure" },
-  { title: "Observation", key: "Observation" },
-]);
+
+const loadingItem = ref("");
 const defaultItem = {
   CONCEPT_ID: "",
   DOMAIN_ID: "",
 };
 
+const clearMessages = function () {
+  errors.value = "";
+  successMessage.value = [];
+};
+
 onBeforeMount((): void => {
   if (environment.WEB_API_ENABLED === "true" && store.getters.authenticated) {
     store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
@@ -243,6 +309,13 @@ onBeforeMount((): void => {
 watch(editedItem, (): void => {
   emit("inputChanged", editedItem);
 });
+watch(loadedConcepts, (): void => {
+  emit("save", loadedConcepts.value);
+});
+
+watch(missingConcepts, (): void => {
+  emit("missingConceptsChanged", Object.keys(missingConcepts.value).length);
+});
 
 const rules = {
   required: (value) => !!value || "Required field",
@@ -263,16 +336,6 @@ const close = function (): void {
   });
   store.dispatch(webApiActions.RESET_API_STORAGE);
 };
-const save = function (item) {
-  if (
-    environment.WEB_API_ENABLED === "false" &&
-    editedItem.value.CONCEPT_ID === "" &&
-    editedItem.value.DOMAIN_ID === ""
-  ) {
-    return;
-  }
-  emit("save", item);
-};
 const searchApi = function () {
   if (!query.value.length) {
     return;
@@ -291,6 +354,51 @@ const searchApi = function () {
       }
     });
 };
+const saveChanges = async (item) => {
+  if (props.addedConcepts[item.CONCEPT_ID] === "Loaded") {
+    errors.value = "This concept has already been loaded";
+    return;
+  }
+
+  loadingItem.value = item.CONCEPT_ID;
+
+  const domain = webApiKeyMap.domains[item.DOMAIN_ID];
+  const conceptId = item.CONCEPT_ID;
+
+  const files =
+    environment.DUCKDB_ENABLED === "true"
+      ? getDuckDBTables({ domain, concept: conceptId })[domain]
+      : [
+          {
+            name: CONCEPT,
+            instanceParams: [{ domain, concept: conceptId }],
+          },
+        ];
+
+  await store.dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
+    files,
+    criticalError: false,
+    duckdb_supported: true,
+    skipLoading: true,
+  });
+
+  loadingItem.value = "";
+
+  const conceptData = toRaw(store.getters.getData.concept) || {};
+
+  if (!Object.keys(conceptData).length) {
+    errors.value = "Requested concept is not found across data sources";
+    missingConcepts.value = { ...missingConcepts.value, [conceptId]: true };
+    if (!props.multiSelection) {
+      loadedConcepts.value = {};
+    }
+  } else {
+    loadedConcepts.value = props.multiSelection
+      ? { ...loadedConcepts.value, [conceptId]: "Loaded" }
+      : { [conceptId]: "Loaded" };
+    successMessage.value = ["Concept loaded"];
+  }
+};
 </script>
 
 <script lang="ts">
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index fa66e6f5..cddec305 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-row gap-36 px-5">
-    <div v-if="props.concept" class="flex flex-col">
+    <div v-if="props.concept" class="flex flex-col items-center">
       <div class="flex flex-row items-center content-center">
         <svg-icon
           class="text-primary-500"
@@ -11,7 +11,21 @@
       </div>
       <p class="font-light text-xs dark:text-white">Concept Identifier</p>
     </div>
-    <div v-if="props.population" class="flex flex-col">
+    <div v-if="props.domain" class="flex flex-col items-center">
+      <div class="flex flex-row items-center content-center">
+        <svg-icon
+          class="text-primary-500"
+          type="mdi"
+          :path="mdiTableRow"
+        ></svg-icon>
+        <Badge
+          severity="info"
+          :value="props.domain.split('_').join(' ').toUpperCase()"
+        />
+      </div>
+      <p class="font-light text-xs dark:text-white">Domain ID</p>
+    </div>
+    <div v-if="props.population" class="flex flex-col items-center">
       <div class="flex flex-row items-center content-center">
         <svg-icon
           class="text-primary-500"
@@ -22,7 +36,7 @@
       </div>
       <p class="font-light text-xs dark:text-white">Number of People</p>
     </div>
-    <div v-if="props.percentPeople" class="flex flex-col">
+    <div v-if="props.percentPeople" class="flex flex-col items-center">
       <div class="flex flex-row items-center content-center">
         <svg-icon
           class="text-primary-500"
@@ -36,7 +50,7 @@
       </div>
       <p class="font-light text-xs dark:text-white">% of People</p>
     </div>
-    <div v-if="props.recordsPerPerson" class="flex flex-col">
+    <div v-if="props.recordsPerPerson" class="flex flex-col items-center">
       <div class="flex flex-row items-center content-center">
         <svg-icon
           class="text-primary-500"
@@ -162,6 +176,7 @@ import Badge from "primevue/badge";
 
 interface Props {
   population?: number;
+  domain?: string;
   concept?: string;
   percentPeople?: number;
   recordsPerPerson?: string;

From cab7fc9c0ef4375b5fca93958b8e0e9590884701 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 20 May 2024 05:00:38 +0700
Subject: [PATCH 135/202] fix: syntax error in data.module.ts

---
 .../exploreReports/model/store/data.module.ts | 76 +++++++++----------
 1 file changed, 37 insertions(+), 39 deletions(-)

diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 68f77489..2032e9a3 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -81,17 +81,15 @@ async function fetchDuckDBData(file, payload, path) {
 
 function commitData(data, { dispatch, commit }, reportName) {
   try {
-    if(data && Object.keys(data).length) {
+    if (data && Object.keys(data).length) {
       postprocessing[reportName]
-          ? commit(SET_DATA, {
+        ? commit(SET_DATA, {
             data: postprocessing[reportName](data),
           })
-          : commit(SET_DATA, { data };
-    }
-    else {
+        : commit(SET_DATA, { data });
+    } else {
       commit(SET_DATA, {});
     }
-
   } catch (e) {
     dispatch(errorActions.NEW_ERROR, {
       userMessage: errorMessages.technicalError.codeError,
@@ -235,36 +233,36 @@ const actions = {
     if (!payload.files) {
       commit(SET_DATA, { data: {} });
       return;
-    }
-    else {
+    } else {
       const isDuckDb =
-          environment.DUCKDB_ENABLED === "true" && payload.duckdb_supported;
+        environment.DUCKDB_ENABLED === "true" && payload.duckdb_supported;
 
       const reportName = rootState.route.name;
       const promises = payload.files.reduce((obj, file) => {
         obj[file.name] = rootGetters.getSources.reduce(
-            (filesArray, currentSource) => {
-              const loadedFiles = file.instanceParams.reduce(
-                  (array, currentInstance) => {
-                    const path = {
-                      cdm: currentSource,
-                      release: currentSource.releases[0].release_id,
-                      domain: currentInstance.domain || rootState.route.params.domain,
-                      concept:
-                          currentInstance.concept || rootState.route.params.concept,
-                    };
-                    const fetchData =
-                        isDuckDb && file.source !== "axios"
-                            ? fetchDuckDBData(file, payload, path)
-                            : fetchAxiosData(file, path);
-                    return [...array, fetchData];
-                  },
-                  []
-              );
+          (filesArray, currentSource) => {
+            const loadedFiles = file.instanceParams.reduce(
+              (array, currentInstance) => {
+                const path = {
+                  cdm: currentSource,
+                  release: currentSource.releases[0].release_id,
+                  domain:
+                    currentInstance.domain || rootState.route.params.domain,
+                  concept:
+                    currentInstance.concept || rootState.route.params.concept,
+                };
+                const fetchData =
+                  isDuckDb && file.source !== "axios"
+                    ? fetchDuckDBData(file, payload, path)
+                    : fetchAxiosData(file, path);
+                return [...array, fetchData];
+              },
+              []
+            );
 
-              return [...filesArray, ...loadedFiles];
-            },
-            []
+            return [...filesArray, ...loadedFiles];
+          },
+          []
         );
 
         return obj;
@@ -275,15 +273,15 @@ const actions = {
         const responses = await Promise.allSettled(promises[file]);
 
         data[file] = responses
-            .filter((response) => response.status === "fulfilled")
-            .map((filtered) => ({
-              data: isDuckDb
-                  ? convertTableToArray(filtered.value.data)
-                  : preprocessing[file]
-                      ? preprocessing[file](filtered.value.data)
-                      : filtered.value?.data,
-              source: filtered.value?.payload.cdm,
-            }));
+          .filter((response) => response.status === "fulfilled")
+          .map((filtered) => ({
+            data: isDuckDb
+              ? convertTableToArray(filtered.value.data)
+              : preprocessing[file]
+              ? preprocessing[file](filtered.value.data)
+              : filtered.value?.data,
+            source: filtered.value?.payload.cdm,
+          }));
 
         //handle network error
         if (data[file].length === 0) {

From 16355f293c130bd3686f75a484e61c42d73c5c11 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 13 May 2024 18:53:04 +0700
Subject: [PATCH 136/202] improvement: adjusted colors to better suit the color
 scheme

---
 src/app/plugins/tailwind/components/button.ts |  2 +-
 .../tailwind/components/cascadeSelect.ts      | 52 ++++++++++---------
 .../plugins/tailwind/components/dataTable.ts  |  2 +-
 .../plugins/tailwind/components/dropdown.ts   | 10 ++--
 .../tailwind/components/multiSelect.ts        | 24 +++++----
 .../plugins/tailwind/components/paginator.ts  |  2 +-
 .../specRecordProportionByAgeSexYear.ts       | 10 +++-
 .../charts/domainRecords/specOverview.ts      |  4 +-
 src/widgets/bottomNav/ui/BottomNav.vue        | 11 ++--
 .../ui/components/userAccount/UserAccount.vue |  8 ++-
 10 files changed, 77 insertions(+), 48 deletions(-)

diff --git a/src/app/plugins/tailwind/components/button.ts b/src/app/plugins/tailwind/components/button.ts
index a5a5ba0d..6cfcb88a 100644
--- a/src/app/plugins/tailwind/components/button.ts
+++ b/src/app/plugins/tailwind/components/button.ts
@@ -274,7 +274,7 @@ export default {
 
       // Primary
       {
-        "hover:bg-primary-600 dark:hover:bg-primary-500 hover:border-primary-600 dark:hover:border-primary-300":
+        "hover:bg-primary-400 dark:hover:bg-primary-500":
           !props.link &&
           props.severity === null &&
           !props.text &&
diff --git a/src/app/plugins/tailwind/components/cascadeSelect.ts b/src/app/plugins/tailwind/components/cascadeSelect.ts
index a0aba2d4..3ecbe113 100644
--- a/src/app/plugins/tailwind/components/cascadeSelect.ts
+++ b/src/app/plugins/tailwind/components/cascadeSelect.ts
@@ -1,16 +1,31 @@
 export default {
-  root: ({ props, state }) => ({
+  root: ({ props, state, parent }) => ({
     class: [
       // Display and Position
       "inline-flex",
       "relative",
 
       // Shape
-      "rounded-md",
+      { "rounded-md": parent.instance.$name !== "InputGroup" },
+      {
+        "first:rounded-l-md rounded-none last:rounded-r-md":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "border-0 border-y border-l last:border-r":
+          parent.instance.$name == "InputGroup",
+      },
+      {
+        "first:ml-0 ml-[-1px]":
+          parent.instance.$name == "InputGroup" && !props.showButtons,
+      },
 
       // Color and Background
       "bg-surface-0 dark:bg-surface-800",
-      "border",
+
+      "border border-surface-300",
+      { "dark:border-surface-700": parent.instance.$name != "InputGroup" },
+      { "dark:border-surface-600": parent.instance.$name == "InputGroup" },
       { "border-surface-300 dark:border-surface-600": !props.invalid },
 
       // Invalid State
@@ -43,8 +58,7 @@ export default {
   label: ({ props }) => ({
     class: [
       //Font
-      "font-sans",
-      "leading-none",
+      "leading-[normal]",
 
       // Flex & Alignment
       " flex flex-auto",
@@ -142,29 +156,19 @@ export default {
       //  Colors
       {
         "text-surface-700 dark:text-white/80":
-          !context.focused && !context.selected && !context.disabled,
-      },
-      {
-        "text-surface-600 dark:text-white/70":
-          !context.focused && !context.selected && context.disabled,
-      },
-      {
-        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
-          context.focused && !context.selected,
-      },
-      {
-        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
-          context.focused && context.selected,
-      },
-      {
-        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
-          !context.focused && context.selected,
+          !context.focused && !context.active,
+        "bg-primary-100 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
+          context.focused && !context.active,
+        "bg-surface-100 dark:bg-surface-700 text-primary-700 dark:text-white/80":
+          (context.focused && context.active) ||
+          context.active ||
+          (!context.focused && context.active),
       },
 
       // Hover States
       {
-        "hover:bg-surface-100 dark:hover:bg-surface-600/80": !context.active,
-        "hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80":
+        "hover:bg-primary-200 dark:hover:bg-surface-600/80": !context.active,
+        "hover:text-surface-700 hover:bg-primary-200 dark:hover:text-white dark:hover:bg-surface-600/80":
           context.active,
       },
 
diff --git a/src/app/plugins/tailwind/components/dataTable.ts b/src/app/plugins/tailwind/components/dataTable.ts
index 81c130fb..dddba3f1 100644
--- a/src/app/plugins/tailwind/components/dataTable.ts
+++ b/src/app/plugins/tailwind/components/dataTable.ts
@@ -80,7 +80,7 @@ export default {
           ? "bg-surface-50 text-primary-700"
           : "bg-transparent text-slate-700", // Sort
         context.sorted
-          ? "dark:text-white/80 dark:bg-primary-300"
+          ? "dark:text-white/80 dark:bg-surface-700"
           : "dark:text-white/80 dark:bg-surface-800", // Dark Mode
         {
           "sticky z-[1]": props.frozen || props.frozen === "", // Frozen Columns
diff --git a/src/app/plugins/tailwind/components/dropdown.ts b/src/app/plugins/tailwind/components/dropdown.ts
index 9fb7ee3a..652865fe 100644
--- a/src/app/plugins/tailwind/components/dropdown.ts
+++ b/src/app/plugins/tailwind/components/dropdown.ts
@@ -169,25 +169,25 @@ export default {
           !context.focused && !context.selected && context.disabled,
       },
       {
-        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
+        "bg-primary-100 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
           context.focused && !context.selected,
       },
       {
-        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+        "bg-surface-100 dark:bg-surface-700 text-primary-700 dark:text-white/80":
           context.focused && context.selected,
       },
       {
-        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+        "bg-surface-100 dark:bg-surface-700 text-primary-700 dark:text-white/80":
           !context.focused && context.selected,
       },
 
       //States
       {
-        "hover:bg-surface-100 dark:hover:bg-surface-600/80":
+        "hover:bg-primary-200 dark:hover:bg-surface-600/80":
           !context.focused && !context.selected,
       },
       {
-        "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80":
+        "hover:text-surface-700 hover:bg-primary-200 dark:hover:text-white dark:hover:bg-surface-600/80":
           context.focused && !context.selected,
       },
       "focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
diff --git a/src/app/plugins/tailwind/components/multiSelect.ts b/src/app/plugins/tailwind/components/multiSelect.ts
index d4b50c7c..e3c5027d 100644
--- a/src/app/plugins/tailwind/components/multiSelect.ts
+++ b/src/app/plugins/tailwind/components/multiSelect.ts
@@ -434,7 +434,7 @@ export default {
     ],
   },
   list: {
-    class: "py-3 list-none m-0",
+    class: "py-0 px-0 list-none m-1",
   },
   item: ({ context }) => ({
     class: [
@@ -450,37 +450,41 @@ export default {
 
       // Shape
       "border-0",
-      "rounded-none",
+      "rounded",
 
       // Spacing
-      "m-0",
-      "py-3 px-5",
+      "my-2 mx-1",
+      "py-1 px-2",
 
       // Color
       {
         "text-surface-700 dark:text-white/80":
-          !context.focused && !context.selected,
+          !context.focused && !context.selected && !context.disabled,
+      },
+      {
+        "text-surface-600 dark:text-white/70":
+          !context.focused && !context.selected && context.disabled,
       },
       {
-        "bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
+        "bg-primary-100 dark:bg-surface-600/60 text-surface-700 dark:text-white/80":
           context.focused && !context.selected,
       },
       {
-        "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+        "bg-surface-100 dark:bg-surface-700 text-primary-700 dark:text-white/80":
           context.focused && context.selected,
       },
       {
-        "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80":
+        "bg-surface-100 dark:bg-surface-700 text-primary-700 dark:text-white/80":
           !context.focused && context.selected,
       },
 
       //States
       {
-        "hover:bg-surface-100 dark:hover:bg-surface-600/80":
+        "hover:bg-primary-200 dark:hover:bg-surface-600/80":
           !context.focused && !context.selected,
       },
       {
-        "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80":
+        "hover:text-surface-700 hover:bg-primary-200 dark:hover:text-white dark:hover:bg-surface-600/80":
           context.focused && !context.selected,
       },
 
diff --git a/src/app/plugins/tailwind/components/paginator.ts b/src/app/plugins/tailwind/components/paginator.ts
index 728f22fa..0c7e69d5 100644
--- a/src/app/plugins/tailwind/components/paginator.ts
+++ b/src/app/plugins/tailwind/components/paginator.ts
@@ -66,7 +66,7 @@ export default {
       "dark:border-primary-300 dark:text-white", // Dark Mode
       "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50", // Focus
       {
-        "bg-surface-200 border-primary-50 text-primary-700 dark:bg-surface-700":
+        "bg-surface-100 border-primary-50 text-primary-700 dark:bg-surface-700":
           context.active,
       },
     ],
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
index ce4f4719..411485e1 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/specRecordProportionByAgeSexYear.ts
@@ -1,7 +1,11 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
+export function specRecordProportionByAgeSexYear(
+  zeroBaseline = false,
+  minMax,
+  labelColor
+) {
   return {
     $schema: VEGA_SCHEMA,
     spacing: 10,
@@ -12,6 +16,10 @@ export function specRecordProportionByAgeSexYear(zeroBaseline = false) {
         field: "TRELLIS_NAME",
         title: "Age Deciles",
         sort: { field: "trellisOrder" },
+        header: {
+          labelColor: labelColor,
+          titleColor: labelColor,
+        },
       },
       field: "TRELLIS_NAME",
       type: "nominal",
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
index 486c43c2..acb8c52e 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/specOverview.ts
@@ -1,7 +1,7 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 import { TopLevelSpec } from "vega-lite";
 
-export function specOverview(zeroBaseline = false) {
+export function specOverview(zeroBaseline = false, minMax, labelColor) {
   return {
     $schema: VEGA_SCHEMA,
     data: { name: "conceptData" },
@@ -16,6 +16,8 @@ export function specOverview(zeroBaseline = false) {
           labelFontSize: 12,
           labelPadding: 2,
           labelFontWeight: "bold",
+          labelColor: labelColor,
+          titleColor: labelColor,
         },
       },
     },
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 2e1eb6e1..ed7d35ab 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -69,7 +69,7 @@ const store = useStore();
 const router = useRouter();
 
 const iconClass = computed((): string => {
-  return store.getters.getSettings.darkMode ? "" : "inverted";
+  return store.getters.getSettings.darkMode ? "darkmode" : "lightmode";
 });
 
 function redirectTo(path: string) {
@@ -82,7 +82,12 @@ const toggleSettings = function (): void {
 </script>
 
 <style scoped>
-.inverted {
-  filter: invert(1);
+.lightmode {
+  filter: invert(48%) sepia(15%) saturate(363%) hue-rotate(182deg)
+    brightness(89%) contrast(89%);
+}
+.darkmode {
+  filter: sepia(0%) saturate(393%) hue-rotate(238deg) brightness(80%)
+    contrast(90%);
 }
 </style>
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index e0f53a96..5dcf2e6f 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -10,7 +10,13 @@
 
   <div v-else class="flex flex-row justify-center gap-5">
     <h3 class="text-2xl">Hello, {{ user.name }}</h3>
-    <Button text @click="user = null" class="align-self-end" plain>
+    <Button
+      v-if="!store.getters.getWebAPIUser"
+      text
+      @click="user = null"
+      class="align-self-end"
+      plain
+    >
       <svg-icon type="mdi" :path="mdiAccountEditOutline"></svg-icon>
     </Button>
   </div>

From 86ec275d7fa00e7a0146d8c255b0f8f99c89625b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 21 May 2024 11:13:30 +0700
Subject: [PATCH 137/202] fix: network concept dashboard error

---
 .../NetworkConceptDashboard.vue               | 190 +++++-------------
 .../exploreReports/model/store/data.module.ts |   2 +-
 .../model/store/postprocessing/index.ts       |   2 +
 .../postprocessing/networkConceptDashboard.ts |  73 +++++++
 4 files changed, 126 insertions(+), 141 deletions(-)
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 50d12639..94c88d0f 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -1,26 +1,47 @@
 <template>
   <Panel header="Network Concept Dashboard">
     <template #icons>
-      <Button @click="dialog = !dialog">
-        <span class="uppercase font-light text-white py-1 px-2">Add concepts
-        </span></Button>
+      <Button @click="atClick">
+        <span class="uppercase font-light text-white py-1 px-2"
+          >Add concepts
+        </span></Button
+      >
     </template>
     <div class="table-container">
-      <DataTable removable-sort rowGroupMode="subheader" groupRowsBy="CONCEPT_NAME" class="table"
-        v-if="conceptData.length" size="small" paginator :value="conceptData" :rows="10"
-        :rowsPerPageOptions="[5, 10, 20, 50]">
+      <DataTable
+        removable-sort
+        rowGroupMode="subheader"
+        groupRowsBy="CONCEPT_NAME"
+        class="table"
+        v-if="data.length"
+        size="small"
+        paginator
+        :value="data"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
         <Column sortable header="Source" field="CDM_NAME"></Column>
         <Column sortable header="Concept Name" field="CONCEPT_NAME"></Column>
 
         <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
-        <Column sortable header="# People" field="PEOPLE_COUNT" style="text-align: end"
-          :pt="{ headerContent: 'justify-end' }">
+        <Column
+          sortable
+          header="# People"
+          field="PEOPLE_COUNT"
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+        >
           <template #body="slotProps">
             {{ helpers.formatComma(slotProps.data.PEOPLE_COUNT) }}
           </template>
         </Column>
-        <Column sortable header="% People" field="PEOPLE_PERCENT" style="text-align: end"
-          :pt="{ headerContent: 'justify-end' }">
+        <Column
+          sortable
+          header="% People"
+          field="PEOPLE_PERCENT"
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+        >
           <template #body="slotProps">
             {{ slotProps.data.PEOPLE_PERCENT }}%
           </template>
@@ -31,15 +52,18 @@
       </div>
     </div>
   </Panel>
-  <ConceptSearchForm :added-concepts="addedConcepts" :success-message="successMessage" :errors="errors" @close="close"
-    @save="(item) => save(item)" @inputChanged="clearMessages" :show="dialog" />
+  <ConceptSearchForm
+    :added-concepts="selectedConcept"
+    :success-message="successMessage"
+    :errors="errors"
+    @close="close"
+    @inputChanged="clearMessages"
+    :show="showWebApiSearchForm"
+  />
 </template>
 
 <script setup lang="ts">
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
-import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
-import { CONCEPT } from "@/shared/config/files";
-import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import "./index.css";
 
 import { computed, Ref, ref } from "vue";
@@ -49,142 +73,28 @@ import Button from "primevue/button";
 const store = useStore();
 
 import { helpers } from "@/shared/lib/mixins";
-import { links } from "@/shared/config/links";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
-import environment from "@/shared/api/environment";
-import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
-import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
+import { webApiActions } from "@/shared/api/webAPI";
 
-const addedConcepts = ref({});
-const conceptData = ref([]);
 const successMessage: Ref<string[]> = ref([]);
 const errors: Ref<string> = ref("");
-const conceptsData = ref([]);
-const dialog: Ref<boolean> = ref(false);
-
-function combineObjectsBySource(inputObject) {
-  const resultArray = [];
-  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
-
-  sources.forEach((source) => {
-    const combinedData = {};
-
-    for (const key in inputObject) {
-      if (key !== "domainSummary") {
-        const fieldArray = inputObject[key];
-        const matchingItem = fieldArray.find(
-          (item) => item.source.cdm_source_key === source.cdm_source_key
-        );
-        combinedData[key] = matchingItem ? matchingItem.data : null;
-      } else {
-        combinedData[key] = inputObject[key];
-      }
-    }
-
-    resultArray.push({ source: source, data: combinedData });
-  });
-
-  return resultArray;
+const showWebApiSearchForm = ref(false);
+const selectedConcept = ref([]);
+const data = computed(() => {
+  return store.getters.getData?.concept || [];
+});
+function atClick() {
+  showWebApiSearchForm.value = true;
 }
-
-const getConceptsForRequest = function () {
-  return conceptsData.value.map((value) => {
-    if (environment.DUCKDB_ENABLED === "true") {
-      return {
-        concept_id: value?.data[CONCEPT_METADATA][0].CONCEPT_ID,
-        concept_name: value?.data[CONCEPT_METADATA][0].CONCEPT_NAME,
-        countPeople: value?.data[CONCEPT_METADATA][0].NUM_PERSONS,
-        percentPeople: (
-          value?.data[CONCEPT_METADATA][0].PERCENT_PERSONS * 100
-        ).toFixed(2),
-        cdm_name: value?.source.cdm_source_abbreviation,
-      };
-    }
-    return {
-      concept_id: value?.data.CONCEPT_ID[0],
-      concept_name: value?.data.CONCEPT_NAME[0],
-      countPeople: value?.data.NUM_PERSONS[0],
-      percentPeople: (value?.data.PERCENT_PERSONS[0] * 100).toFixed(2),
-      cdm_name: value?.source.cdm_source_abbreviation,
-    };
-  });
-};
 const clearMessages = function () {
   errors.value = "";
   successMessage.value = [];
 };
-
-const addConceptToList = function (concepts) {
-  conceptData.value = [
-    ...conceptData.value,
-
-    ...concepts.map((curr) => {
-      return {
-        CONCEPT_ID: curr.concept_id,
-        CONCEPT_NAME: curr.concept_name,
-        CDM_NAME: curr.cdm_name,
-        PEOPLE_COUNT: curr.countPeople,
-        PEOPLE_PERCENT: curr.percentPeople,
-      };
-    }, {}),
-  ];
-};
-
-const save = function (item) {
-  if (addedConcepts.value[item.CONCEPT_ID] === "Loaded") {
-    errors.value = "This concept has already been loaded";
-    return;
-  }
-  store
-    .dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
-      files:
-        environment.DUCKDB_ENABLED === "true"
-          ? getDuckDBTables({
-            domain: webApiKeyMap.domains[item.DOMAIN_ID],
-            concept: item.CONCEPT_ID,
-          })[webApiKeyMap.domains[item.DOMAIN_ID]]
-          : [
-            {
-              name: CONCEPT,
-              instanceParams: [
-                {
-                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
-                  concept: item.CONCEPT_ID,
-                },
-              ],
-            },
-          ],
-      criticalError: false,
-      duckdb_supported: true,
-    })
-    .then(() => {
-      if (environment.DUCKDB_ENABLED === "true") {
-        conceptsData.value = combineObjectsBySource(store.getters.getData);
-      } else {
-        conceptsData.value = store.getters.getData.concept;
-      }
-
-      if (!conceptsData.value.length) {
-        errors.value = "Requested concept is not found across data sources";
-        addedConcepts.value = {
-          ...addedConcepts.value,
-          [item.CONCEPT_ID]: "Not found",
-        };
-        return;
-      }
-
-      addConceptToList(getConceptsForRequest());
-
-      addedConcepts.value = {
-        ...addedConcepts.value,
-        [item.CONCEPT_ID]: "Loaded",
-      };
-      successMessage.value = ["Concept added"];
-    });
-};
 const close = function () {
-  dialog.value = false;
+  showWebApiSearchForm.value = false;
+  store.dispatch(webApiActions.RESET_API_STORAGE);
+  successMessage.value = [];
 };
 </script>
 <script lang="ts">
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 2032e9a3..8fee6814 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -284,7 +284,7 @@ const actions = {
           }));
 
         //handle network error
-        if (data[file].length === 0) {
+        if (data[file].length === 0 && payload.criticalError) {
           handleNetworkError(responses, { dispatch }, reportName, isDuckDb);
         }
       }
diff --git a/src/processes/exploreReports/model/store/postprocessing/index.ts b/src/processes/exploreReports/model/store/postprocessing/index.ts
index abba4ff2..cd818dfe 100644
--- a/src/processes/exploreReports/model/store/postprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/index.ts
@@ -17,6 +17,7 @@ import feasibility from "@/processes/exploreReports/model/store/postprocessing/f
 import networkUnmappedSourceCodes from "@/processes/exploreReports/model/store/postprocessing/networkUnmappedSourceCodes";
 import networkDiversityReport from "@/processes/exploreReports/model/store/postprocessing/networkDiversityReport";
 import cohortReport from "@/processes/exploreReports/model/store/postprocessing/cohortReport";
+import networkConceptDashboard from "@/processes/exploreReports/model/store/postprocessing/networkConceptDashboard";
 
 export default {
   dataStrandReport,
@@ -38,4 +39,5 @@ export default {
   feasibility,
   networkUnmappedSourceCodes,
   cohortReport,
+  networkConceptDashboard,
 };
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
new file mode 100644
index 00000000..958493d0
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
@@ -0,0 +1,73 @@
+import { CONCEPT } from "@/shared/config/files";
+import _ from "lodash";
+import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+import environment from "@/shared/api/environment";
+import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
+
+function combineObjectsBySource(inputObject) {
+  const resultArray = [];
+  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
+
+  sources.forEach((source) => {
+    const combinedData = {};
+
+    for (const key in inputObject) {
+      if (key !== "domainSummary") {
+        const fieldArray = inputObject[key];
+        const matchingItem = fieldArray.find(
+          (item) => item.source.cdm_source_key === source.cdm_source_key
+        );
+        combinedData[key] = matchingItem ? matchingItem.data : null;
+      } else {
+        combinedData[key] = inputObject[key];
+      }
+    }
+
+    resultArray.push({ source: source, data: combinedData });
+  });
+
+  return resultArray;
+}
+
+export default function networkConceptDashboard(data) {
+  let concept: MultipleFilesRawInterface<ConceptType>[],
+    conceptName,
+    conceptId,
+    numPersons,
+    percent_people;
+  if (environment.DUCKDB_ENABLED === "true") {
+    concept = combineObjectsBySource(data);
+    conceptName = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_NAME;
+    percent_people = (
+      concept[0].data[CONCEPT_METADATA]?.[0]?.PERCENT_PERSONS * 100
+    ).toFixed(2);
+    conceptId = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
+    numPersons = _.sumBy(concept, (r) =>
+      r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
+        ? r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
+        : 0
+    );
+  } else {
+    concept = data[CONCEPT];
+    conceptName = concept[0]?.data.CONCEPT_NAME[0];
+    conceptId = concept[0]?.data.CONCEPT_ID[0];
+    percent_people = (concept[0]?.data?.PERCENT_PERSONS * 100).toFixed(2);
+    numPersons = _.sumBy(concept, (r) =>
+      r.data.NUM_PERSONS[0] ? r.data.NUM_PERSONS[0] : 0
+    );
+  }
+  if (!conceptId) {
+    return {};
+  } else {
+    return {
+      concept: concept.map((val) => ({
+        CDM_NAME: val.source.cdm_source_name,
+        CONCEPT_NAME: conceptName,
+        CONCEPT_ID: conceptId,
+        PEOPLE_COUNT: numPersons,
+        PEOPLE_PERCENT: percent_people,
+      })),
+    };
+  }
+}

From 95ae8a675b3599e778f12b80cd054bad5b2a9b45 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sat, 25 May 2024 19:07:47 +0700
Subject: [PATCH 138/202] fix: removed deprecated dependency

---
 package-lock.json | 13 +++----------
 package.json      |  1 -
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d3ab2813..4389462a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,6 @@
         "file-saver": "^2.0.5",
         "jszip": "^3.10.1",
         "lodash": "^4.17.21",
-        "mdi": "^2.2.43",
         "primeicons": "^6.0.1",
         "primevue": "^3.50.0",
         "uuid": "^9.0.1",
@@ -2411,9 +2410,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001563",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz",
-      "integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==",
+      "version": "1.0.30001621",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001621.tgz",
+      "integrity": "sha512-+NLXZiviFFKX0fk8Piwv3PfLPGtRqJeq2TiNoUff/qB5KJgwecJTvCXDpmlyP/eCI/GUEmp/h/y5j0yckiiZrA==",
       "dev": true,
       "funding": [
         {
@@ -4940,12 +4939,6 @@
       "resolved": "https://registry.npmjs.org/markdown-it-toc-done-right/-/markdown-it-toc-done-right-4.2.0.tgz",
       "integrity": "sha512-UB/IbzjWazwTlNAX0pvWNlJS8NKsOQ4syrXZQ/C72j+jirrsjVRT627lCaylrKJFBQWfRsPmIVQie8x38DEhAQ=="
     },
-    "node_modules/mdi": {
-      "version": "2.2.43",
-      "resolved": "https://registry.npmjs.org/mdi/-/mdi-2.2.43.tgz",
-      "integrity": "sha512-g3m6z4303qieltUM20JL2gdsJZvoVzIzO74qa2XxZ2kg9JPwrPEAgooVhRDHZi1vvRh0gB8Dg+c9XqNdz4jcIg==",
-      "deprecated": "The mdi package was renamed to @mdi/font after v2.2.43. Please rename in your package.json for future updates."
-    },
     "node_modules/mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
diff --git a/package.json b/package.json
index 23f50dbf..87500d70 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,6 @@
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
-    "mdi": "^2.2.43",
     "primeicons": "^6.0.1",
     "primevue": "^3.50.0",
     "uuid": "^9.0.1",

From f328c553ad0930730e4e4fa910c7eb495ee6ebbb Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 27 May 2024 08:27:17 +0700
Subject: [PATCH 139/202] feat: added data table row count

---
 src/pages/info/WebApiInfo.vue                 |  2 +
 .../NetworkConceptDashboard.vue               | 78 +++++++++++++------
 .../RecordCountProportionByMonth.vue          |  2 +
 .../AgeAtFirstDiagnosis.vue                   |  2 +
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |  2 +
 .../AgeAtFirstOccurrence.vue                  |  2 +
 .../conditionsByType/ConditionsByType.vue     |  2 +
 .../charts/daysSupply/DaysSupply.vue          |  2 +
 .../charts/drugsByType/DrugsByType.vue        |  2 +
 .../charts/lengthOfEra/LengthOfEra.vue        |  2 +
 .../MeasurementValueDistributionChart.vue     |  2 +
 .../measurementsByType/MeasurementsByType.vue |  2 +
 .../QuantityDistribution.vue                  |  2 +
 .../charts/recordsByUnit/RecordsByUnit.vue    |  2 +
 .../VisitDurationByType.vue                   |  2 +
 .../NetworkDatastrandReport.vue               |  2 +
 .../components/DataSourcesList.vue            |  2 +
 .../AgeAtFirstObservation.vue                 |  2 +
 .../CumulativeObservation.vue                 |  2 +
 .../NetworkUnmappedSourceCodes.vue            |  2 +
 .../reports/CohortCharacterizationTable.vue   |  2 +
 .../reports/IndexEventBreakdownTable.vue      |  2 +
 .../TimeDistributionChart.vue                 |  2 +
 .../CohortsTable/components/CohortsIndex.vue  |  2 +
 .../AgeAtFirstDiagnosis.vue                   |  2 +
 .../AgeAtFirstExposure/AgeAtFirstExposure.vue |  2 +
 .../AgeAtFirstOccurrence.vue                  |  2 +
 .../ConditionsByType/ConditionsByType.vue     |  2 +
 .../charts/DaysSupply/DaysSupply.vue          |  2 +
 .../charts/DrugsByType/DrugsByType.vue        |  2 +
 .../charts/LengthOfEra/LengthOfEra.vue        |  2 +
 .../MeasurementValueDistribution.vue          |  2 +
 .../MeasurementsByType/MeasurementsByType.vue |  2 +
 .../QuantityDistribution.vue                  |  2 +
 .../RecordCountProportionByAgeSexYear.vue     |  2 +
 .../charts/RecordsByUnit/RecordsByUnit.vue    |  2 +
 .../RecordCountProportionByMonth.vue          |  2 +
 .../VisitDurationByType.vue                   |  2 +
 .../components/ResultsTable.vue               |  2 +
 .../charts/AgeAtDeath/AgeAtDeath.vue          |  2 +
 .../charts/DeathByType/DeathByType.vue        |  2 +
 .../RecordCountProportionByAgeSexYear.vue     |  2 +
 .../RecordCountProportionByMonth.vue          |  2 +
 .../charts/DomainDensity/DomainDensity.vue    |  2 +
 .../DomainRecordsPerPerson.vue                |  2 +
 .../DataStratificationByDrug.vue              |  2 +
 .../DataStratificationByVisit.vue             |  2 +
 .../components/DomainMetadataTable.vue        |  2 +
 .../DomainTable/components/MainTable.vue      |  3 +
 .../MetadataReport/tables/Metadata.vue        |  2 +
 .../AgeAtFirstObservation.vue                 |  2 +
 .../AgeAtFirstObservationBySex.vue            |  2 +
 .../CumulativeObservation.vue                 |  2 +
 .../ObservationOverTime.vue                   |  2 +
 .../ObservationPeriodsPerPerson.vue           |  2 +
 .../YearsOfObservationByAge.vue               |  2 +
 .../YearsOfObservationBySex.vue               |  2 +
 .../components/AchillesPerformance.vue        |  2 +
 .../CohortDiagnosticsPerformance.vue          |  2 +
 .../PopulationByAgeSex/PopulationByAgeSex.vue |  2 +
 .../PopulationByEthnicity.vue                 |  2 +
 .../PopulationByRace/PopulationByRace.vue     |  2 +
 .../PopulationByYearBirth.vue                 |  2 +
 .../TemporalCharacterization.vue              |  2 +
 .../UnmappedSourceCodes.vue                   |  2 +
 .../HistoricalDataQuality.vue                 |  2 +
 .../HistoricalDataQualityByCategory.vue       |  2 +
 .../HistoricalDataQualityByDomain.vue         |  2 +
 .../charts/domainRecords/DomainRecords.vue    |  2 +
 .../DataQualityIssuesHistory.vue              |  2 +
 .../populationHistory/PopulationHistory.vue   |  2 +
 .../charts/releaseListing/ReleaseListing.vue  |  2 +
 .../ui/ConceptSearchForm.vue                  |  2 +
 73 files changed, 199 insertions(+), 24 deletions(-)

diff --git a/src/pages/info/WebApiInfo.vue b/src/pages/info/WebApiInfo.vue
index 939aefd8..c3de9b0d 100644
--- a/src/pages/info/WebApiInfo.vue
+++ b/src/pages/info/WebApiInfo.vue
@@ -25,6 +25,8 @@
       <DataTable
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="store.getters.getApiData.apiSources"
         :rows="10"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 50d12639..93dcfec1 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -2,25 +2,48 @@
   <Panel header="Network Concept Dashboard">
     <template #icons>
       <Button @click="dialog = !dialog">
-        <span class="uppercase font-light text-white py-1 px-2">Add concepts
-        </span></Button>
+        <span class="uppercase font-light text-white py-1 px-2"
+          >Add concepts
+        </span></Button
+      >
     </template>
     <div class="table-container">
-      <DataTable removable-sort rowGroupMode="subheader" groupRowsBy="CONCEPT_NAME" class="table"
-        v-if="conceptData.length" size="small" paginator :value="conceptData" :rows="10"
-        :rowsPerPageOptions="[5, 10, 20, 50]">
+      <DataTable
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
+        removable-sort
+        rowGroupMode="subheader"
+        groupRowsBy="CONCEPT_NAME"
+        class="table"
+        v-if="conceptData.length"
+        size="small"
+        paginator
+        :value="conceptData"
+        :rows="10"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
         <Column sortable header="Source" field="CDM_NAME"></Column>
         <Column sortable header="Concept Name" field="CONCEPT_NAME"></Column>
 
         <Column sortable header="Concept ID" field="CONCEPT_ID"></Column>
-        <Column sortable header="# People" field="PEOPLE_COUNT" style="text-align: end"
-          :pt="{ headerContent: 'justify-end' }">
+        <Column
+          sortable
+          header="# People"
+          field="PEOPLE_COUNT"
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+        >
           <template #body="slotProps">
             {{ helpers.formatComma(slotProps.data.PEOPLE_COUNT) }}
           </template>
         </Column>
-        <Column sortable header="% People" field="PEOPLE_PERCENT" style="text-align: end"
-          :pt="{ headerContent: 'justify-end' }">
+        <Column
+          sortable
+          header="% People"
+          field="PEOPLE_PERCENT"
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+        >
           <template #body="slotProps">
             {{ slotProps.data.PEOPLE_PERCENT }}%
           </template>
@@ -31,8 +54,15 @@
       </div>
     </div>
   </Panel>
-  <ConceptSearchForm :added-concepts="addedConcepts" :success-message="successMessage" :errors="errors" @close="close"
-    @save="(item) => save(item)" @inputChanged="clearMessages" :show="dialog" />
+  <ConceptSearchForm
+    :added-concepts="addedConcepts"
+    :success-message="successMessage"
+    :errors="errors"
+    @close="close"
+    @save="(item) => save(item)"
+    @inputChanged="clearMessages"
+    :show="dialog"
+  />
 </template>
 
 <script setup lang="ts">
@@ -141,20 +171,20 @@ const save = function (item) {
       files:
         environment.DUCKDB_ENABLED === "true"
           ? getDuckDBTables({
-            domain: webApiKeyMap.domains[item.DOMAIN_ID],
-            concept: item.CONCEPT_ID,
-          })[webApiKeyMap.domains[item.DOMAIN_ID]]
+              domain: webApiKeyMap.domains[item.DOMAIN_ID],
+              concept: item.CONCEPT_ID,
+            })[webApiKeyMap.domains[item.DOMAIN_ID]]
           : [
-            {
-              name: CONCEPT,
-              instanceParams: [
-                {
-                  domain: webApiKeyMap.domains[item.DOMAIN_ID],
-                  concept: item.CONCEPT_ID,
-                },
-              ],
-            },
-          ],
+              {
+                name: CONCEPT,
+                instanceParams: [
+                  {
+                    domain: webApiKeyMap.domains[item.DOMAIN_ID],
+                    concept: item.CONCEPT_ID,
+                  },
+                ],
+              },
+            ],
       criticalError: false,
       duckdb_supported: true,
     })
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 28bd2696..657ec188 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 57412f62..265de5eb 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 51a6a589..5aaf3f1e 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 468d0fec..ff196361 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index bb5dfae0..e2f5e98b 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index 620df35d..fe3c1a1f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index 92942289..ca328173 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index 8f3fb879..fb63ff28 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index 67f5c2a0..36532ed5 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -29,6 +29,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="
           getSelectedMeasurementUnitsTable
             ? getSelectedMeasurementUnitsTable
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index 90f42e1b..1ec8747f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index ba80d5c4..42385d2e 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index 5e0af22f..bf98c4f2 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index 35cf9845..effe7613 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index f8653795..2b5da4de 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -13,6 +13,8 @@
         size="small"
         :value="data.dataStrandReport"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index a0d13002..86e19d17 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -7,6 +7,8 @@
       v-model:filters="newFilters"
       :globalFilterFields="['cdm_source_name', 'releases[0].release_name', '']"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       :rows="20"
       :rowsPerPageOptions="[5, 10, 20, 50]"
       tableStyle="min-width: 50rem"
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
index 324120e8..5aa0ab6e 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/ageAtFirstObservation/AgeAtFirstObservation.vue
@@ -13,6 +13,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
index c82b5ddb..15a8be12 100644
--- a/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/network/NetworkPopulationReport/charts/cumulativeObservation/CumulativeObservation.vue
@@ -13,6 +13,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
index db89d38b..fac7c06f 100644
--- a/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
+++ b/src/pages/reports/network/NetworkUnmappedSourceCodes/NetworkUnmappedSourceCodes.vue
@@ -6,6 +6,8 @@
         size="small"
         :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         v-model:filters="newFilters"
         :value="store.getters.getData.domainTable"
         :rows="10"
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index e25ee48a..5c03a2b8 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -7,6 +7,8 @@
         :value="props.data"
         v-model:filters="filters"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         filterDisplay="row"
         :globalFilterFields="[
           'covariate_name',
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index ebcb30d5..63818eea 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -7,6 +7,8 @@
         :value="props.data"
         v-model:filters="filters"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         filterDisplay="row"
         :globalFilterFields="[
           'concept_code',
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
index a8f4dda7..3dd71b93 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
@@ -26,6 +26,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="props.data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
index 16668673..b5bbd494 100644
--- a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
+++ b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
@@ -6,6 +6,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         v-model:filters="newFilters"
         :globalFilterFields="['cohort_id', 'cohort_name', '']"
         :rows="10"
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index effef035..1c025543 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index d5f984df..df9c5d5e 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 52ce365e..dfe3bb6f 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
index 71028cbf..f3d76e6d 100644
--- a/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/ConditionsByType/ConditionsByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index a3a62586..2620c5ce 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
index e3c3fc66..f93cc0c0 100644
--- a/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DrugsByType/DrugsByType.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
index 13fbd114..6ee3cb14 100644
--- a/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/release/ConceptReport/charts/LengthOfEra/LengthOfEra.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index bab1810e..b8fdb862 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -26,6 +26,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="store.getters.getData.measurementTable"
         :rows="10"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
index ca10c3c4..a9ced242 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementsByType/MeasurementsByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 6c163fc9..22149fed 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index fcbe1e15..7494e965 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -14,6 +14,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
index 891a3d94..f2d21f56 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsByUnit/RecordsByUnit.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
index 2801ab43..76be9c00 100644
--- a/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/ConceptReport/charts/RecordsCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -30,6 +30,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
index 32abe9d6..1033d35b 100644
--- a/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/release/ConceptReport/charts/VisitDurationByType/VisitDurationByType.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index c934e754..0868fe0f 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -8,6 +8,8 @@
     v-model:filters="filters"
     :value="checks"
     paginator
+    currentPageReportTemplate="{first} to {last} of {totalRecords}"
+    paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
     :rows="10"
     filterDisplay="row"
     :globalFilterFields="[
diff --git a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
index cbbe0916..9da8155a 100644
--- a/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
+++ b/src/pages/reports/release/DeathReport/charts/AgeAtDeath/AgeAtDeath.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
index 68c5b8d0..df693d33 100644
--- a/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
+++ b/src/pages/reports/release/DeathReport/charts/DeathByType/DeathByType.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
index 25958269..05e16cd8 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByAgeSexYear/RecordCountProportionByAgeSexYear.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 26a536ff..52058fc0 100644
--- a/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/release/DeathReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -30,6 +30,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
index 6a7839c8..442dafeb 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainDensity/DomainDensity.vue
@@ -31,6 +31,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
index 702ee5f8..8062d0be 100644
--- a/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
+++ b/src/pages/reports/release/DomainDensity/charts/DomainRecordsPerPerson/DomainRecordsPerPerson.vue
@@ -29,6 +29,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
index a4813806..0413eef3 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByDrug/DataStratificationByDrug.vue
@@ -17,6 +17,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
index 42e535db..efbce865 100644
--- a/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
+++ b/src/pages/reports/release/DomainTable/components/DataStratificationByVisit/DataStratificationByVisit.vue
@@ -17,6 +17,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
index 30487c0a..7323c43e 100644
--- a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -8,6 +8,8 @@
     <DataTable
       size="small"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       :value="items"
       :rows="10"
       :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 0be32cc4..0f35aad2 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -19,6 +19,8 @@
         size="small"
         :value="store.getters.getData.domainTable"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         v-model:filters="newFilters"
         :globalFilterFields="['CONCEPT_ID', 'CONCEPT_NAME', '']"
         :rows="10"
@@ -305,6 +307,7 @@ import InputText from "primevue/inputtext";
 import MultiSelect from "primevue/multiselect";
 import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
+import Paginator from "primevue/paginator";
 import { FilterMatchMode } from "primevue/api";
 import {
   mdiCodeBraces,
diff --git a/src/pages/reports/release/MetadataReport/tables/Metadata.vue b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
index 232640b6..89a188e3 100644
--- a/src/pages/reports/release/MetadataReport/tables/Metadata.vue
+++ b/src/pages/reports/release/MetadataReport/tables/Metadata.vue
@@ -5,6 +5,8 @@
         size="small"
         :value="store.getters.getData.metadataData"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="10"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
index 50ebc05c..58081065 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservation/AgeAtFirstObservation.vue
@@ -26,6 +26,8 @@
     />
     <div v-if="showTable" class="p-4">
       <DataTable
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         removable-sort
         size="small"
         paginator
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
index 6166be2a..ca5382ef 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/AgeAtFirstObservationBySex/AgeAtFirstObservationBySex.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
index 8ff9c46e..b3f5551a 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/CumulativeObservation/CumulativeObservation.vue
@@ -29,6 +29,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
index 0c7eca12..36949169 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationOverTime/ObservationOverTime.vue
@@ -30,6 +30,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
index ab3442ba..835db254 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/ObservationPeriodPerPerson/ObservationPeriodsPerPerson.vue
@@ -5,6 +5,8 @@
       size="small"
       :value="store.getters.getData.personPeriods"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       :rows="5"
       :rowsPerPageOptions="[5, 10, 20, 50]"
     >
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
index bb7ca0bd..4d611f07 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationByAge/YearsOfObservationByAge.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
index ad334304..95f91bc5 100644
--- a/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
+++ b/src/pages/reports/release/ObservationPeriodReport/charts/YearsOfObservationBySex/YearsOfObservationBySex.vue
@@ -13,6 +13,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue b/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
index 66c7c8cd..55d0965b 100644
--- a/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
+++ b/src/pages/reports/release/PerformanceReport/components/AchillesPerformance.vue
@@ -4,6 +4,8 @@
       size="small"
       :globalFilterFields="['analysis_id', 'analysis_name']"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       v-model:filters="newFilters"
       :value="filteredRecords"
       :rows="10"
diff --git a/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue b/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
index 45b5254a..1fc5a3ec 100644
--- a/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
+++ b/src/pages/reports/release/PerformanceReport/components/CohortDiagnosticsPerformance.vue
@@ -4,6 +4,8 @@
       size="small"
       :globalFilterFields="['task', 'cohortIds', 'parent']"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       v-model:filters="newFilters"
       :value="data"
       :rows="10"
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
index bbbac312..1b7d29aa 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByAgeSex/PopulationByAgeSex.vue
@@ -46,6 +46,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="store.getters.getData.personData.AGE_GENDER_DATA"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
index f96c970c..8e880459 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByEthnicity/PopulationByEthnicity.vue
@@ -14,6 +14,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
index 7ed143de..9b57484e 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByRace/PopulationByRace.vue
@@ -9,6 +9,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
index 7425016a..29ad2d26 100644
--- a/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
+++ b/src/pages/reports/release/PersonReport/charts/PopulationByYearBirth/PopulationByYearBirth.vue
@@ -29,6 +29,8 @@
         removable-sort
         size="small"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :value="data"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
diff --git a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
index a6092db4..f4cca2f1 100644
--- a/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
+++ b/src/pages/reports/release/TemporalCharacterizationReport/TemporalCharacterization.vue
@@ -11,6 +11,8 @@
       ]"
       removable-sort
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       v-model:filters="newFilters"
       :value="filteredChecks"
       :rows="10"
diff --git a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
index db4dcd8e..22f23b76 100644
--- a/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
+++ b/src/pages/reports/release/UnmappedSourceCodesReport/UnmappedSourceCodes.vue
@@ -6,6 +6,8 @@
         size="small"
         :globalFilterFields="['CDM_TABLE_NAME', 'CDM_FIELD_NAME']"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         v-model:filters="newFilters"
         :value="filteredRecords"
         :rows="10"
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
index eff793db..ba9dab38 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue
@@ -32,6 +32,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
index 56089ad5..320d2ef3 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue
@@ -32,6 +32,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
index d6b65c46..49c8b93c 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue
@@ -28,6 +28,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
index 34bdee6f..c678c218 100644
--- a/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
+++ b/src/pages/reports/source/DomainContinuity/charts/domainRecords/DomainRecords.vue
@@ -14,6 +14,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
index 595344a5..064aa842 100644
--- a/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue
@@ -28,6 +28,8 @@
         size="small"
         :value="data"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
index d79ace97..84def9da 100644
--- a/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
+++ b/src/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue
@@ -28,6 +28,8 @@
         size="small"
         :value="releases"
         paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index 7dea50c3..a7a2ed49 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -5,6 +5,8 @@
       showGridlines
       :value="getTable"
       paginator
+      currentPageReportTemplate="{first} to {last} of {totalRecords}"
+      paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       :rows="5"
       :rowsPerPageOptions="[5, 10, 20, 50]"
       tableStyle="min-width: 50rem"
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 8495fd0c..30d2b3f9 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -47,6 +47,8 @@
               removable-sort
               size="small"
               paginator
+              currentPageReportTemplate="{first} to {last} of {totalRecords}"
+              paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
               :value="store.getters.getApiData.data"
               :rows="10"
               :rowsPerPageOptions="[5, 10, 20, 50]"

From 99b655da1babc15ad320c36b1083d7cdf873e9e9 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 27 May 2024 16:10:48 +0700
Subject: [PATCH 140/202] feat: user selection of data table columns is now
 preserved between sessions/domain tables

---
 .../reports/CohortCharacterizationTable.vue   |  26 ++++-
 .../reports/IndexEventBreakdownTable.vue      |  29 ++++-
 .../components/ResultsTable.vue               | 104 +++++++++++-------
 .../DomainTable/components/MainTable.vue      |  44 ++++++--
 .../settings/model/store/actions.type.ts      |   2 +
 .../settings/model/store/settings.module.ts   |   8 ++
 6 files changed, 160 insertions(+), 53 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index e25ee48a..751ea61b 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -46,6 +46,7 @@
               option-value="key"
               :options="getHeaders"
               placeholder="Select Columns"
+              @update:modelValue="updateSettings"
             >
               <template #dropdownicon><span></span></template>
               <template #value>
@@ -217,6 +218,7 @@ import InputGroupAddon from "primevue/inputgroupaddon";
 import { debounce } from "lodash";
 import { useRoute, useRouter } from "vue-router";
 import SvgIcon from "@jamescoyle/vue-icon";
+import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
 
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
@@ -227,7 +229,7 @@ const filters = ref({
   concept_id: { value: null, matchMode: FilterMatchMode.IN },
 });
 
-const search = ref("");
+const route = useRoute();
 
 interface Props {
   data: [];
@@ -292,11 +294,31 @@ const getHeaders = computed(() => {
 });
 
 const setDefaultSelectedHeaders = function () {
-  selectedHeaders.value = Object.values(headers.value)
+  const settings =
+    store.getters.getSettings.columnSelection?.[route.name]
+      ?.cohortCharacterization || [];
+
+  const defaultHeaders = settings.length
+    ? settings.map((val) => ({ ...headers.value[val], show: true }))
+    : Object.values(headers.value);
+  selectedHeaders.value = defaultHeaders
     .filter((value) => value.show)
     .reduce((acc, val) => [...acc, val.key], []);
 };
 
+const updateSettings = () => {
+  const currentSelection =
+    store.getters.getSettings.columnSelection?.[route.name] || {};
+  const updatedSelection = {
+    ...currentSelection,
+    cohortCharacterization: selectedHeaders.value,
+  };
+
+  store.dispatch(UPDATE_COLUMN_SELECTION, {
+    [route.name]: updatedSelection,
+  });
+};
+
 onMounted(() => {
   setDefaultSelectedHeaders();
 });
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index ebcb30d5..daeb5722 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -47,6 +47,7 @@
               option-value="key"
               :options="getHeaders"
               placeholder="Select Columns"
+              @update:modelValue="updateSettings"
             >
               <template #dropdownicon><span></span></template>
 
@@ -176,7 +177,7 @@ import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { useStore } from "vuex";
-import { computed, ref, defineProps, onMounted } from "vue";
+import { computed, ref, defineProps, onMounted, toRaw } from "vue";
 import MultiSelect from "primevue/multiselect";
 import { helpers } from "@/shared/lib/mixins";
 import { FilterMatchMode } from "primevue/api";
@@ -185,6 +186,8 @@ import InputGroup from "primevue/inputgroup";
 import InputText from "primevue/inputtext";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import SvgIcon from "@jamescoyle/vue-icon";
+import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
+import { useRoute } from "vue-router";
 
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
@@ -244,6 +247,8 @@ const headers = ref({
   },
 });
 
+const route = useRoute();
+
 const selectedHeaders = ref([]);
 
 const getHeaders = computed(() => {
@@ -251,11 +256,31 @@ const getHeaders = computed(() => {
 });
 
 const setDefaultSelectedHeaders = function () {
-  selectedHeaders.value = Object.values(headers.value)
+  const settings =
+    store.getters.getSettings.columnSelection?.[route.name]
+      ?.indexEventBreakdown || [];
+
+  const defaultHeaders = settings.length
+    ? settings.map((val) => ({ ...headers.value[val], show: true }))
+    : Object.values(headers.value);
+  selectedHeaders.value = defaultHeaders
     .filter((value) => value.show)
     .reduce((acc, val) => [...acc, val.key], []);
 };
 
+const updateSettings = () => {
+  const currentSelection =
+    store.getters.getSettings.columnSelection?.[route.name] || {};
+  const updatedSelection = {
+    ...currentSelection,
+    indexEventBreakdown: selectedHeaders.value,
+  };
+
+  store.dispatch(UPDATE_COLUMN_SELECTION, {
+    [route.name]: updatedSelection,
+  });
+};
+
 onMounted(() => {
   setDefaultSelectedHeaders();
 });
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index c934e754..cafd3281 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -42,12 +42,13 @@
               'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
             ],
           }"
-          v-model="selectedHeaders"
+          :model-value="columnsToDisplay"
           data-key="title"
           option-label="title"
           option-value="key"
-          :options="headers"
+          :options="availableHeaders"
           placeholder="Select Columns"
+          @update:modelValue="updateSelectedHeaders"
         >
           <template #value>
             <span class="flex flex-row w-full text-white items-center">
@@ -64,7 +65,7 @@
     <template #empty> No matching rows </template>
     <Column
       unstyled
-      :hidden="!selectedHeaders.includes('failed')"
+      :hidden="!columnsToDisplay.includes('failed')"
       sortable
       filter-field="failed"
       :show-filter-menu="false"
@@ -92,7 +93,7 @@
     <Column
       :show-filter-menu="false"
       :show-clear-button="false"
-      :hidden="!selectedHeaders.includes('cdmTableName')"
+      :hidden="!columnsToDisplay.includes('cdmTableName')"
       sortable
       header="Table"
       filterField="cdmTableName"
@@ -125,7 +126,7 @@
       :show-filter-menu="false"
       :show-clear-button="false"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('cdmFieldName')"
+      :hidden="!columnsToDisplay.includes('cdmFieldName')"
       sortable
       field="cdmFieldName"
       filter-field="cdmFieldName"
@@ -154,7 +155,7 @@
     <Column
       :show-filter-menu="false"
       :show-clear-button="false"
-      :hidden="!selectedHeaders.includes('checkName')"
+      :hidden="!columnsToDisplay.includes('checkName')"
       sortable
       filter-field="checkName"
       field="checkName"
@@ -187,7 +188,7 @@
       :show-clear-button="false"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('category')"
+      :hidden="!columnsToDisplay.includes('category')"
       sortable
       filter-field="category"
       field="category"
@@ -218,7 +219,7 @@
       :show-clear-button="false"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('subcategory')"
+      :hidden="!columnsToDisplay.includes('subcategory')"
       sortable
       filter-field="subcategory"
       field="subcategory"
@@ -249,7 +250,7 @@
       :show-clear-button="false"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('context')"
+      :hidden="!columnsToDisplay.includes('context')"
       sortable
       filter-field="context"
       field="context"
@@ -280,7 +281,7 @@
       :show-clear-button="false"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('checkLevel')"
+      :hidden="!columnsToDisplay.includes('checkLevel')"
       sortable
       filter-field="checkLevel"
       field="checkLevel"
@@ -308,7 +309,7 @@
       :show-clear-button="false"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('notesExist')"
+      :hidden="!columnsToDisplay.includes('notesExist')"
       sortable
       filter-field="notesExist"
       field="notesExist"
@@ -334,7 +335,7 @@
     <Column
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('checkDescription')"
+      :hidden="!columnsToDisplay.includes('checkDescription')"
       sortable
       field="checkDescription"
       header="Description"
@@ -346,7 +347,7 @@
     <Column
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('pctViolatedRows')"
+      :hidden="!columnsToDisplay.includes('pctViolatedRows')"
       sortable
       field="pctViolatedRows"
       header="% Records Failed"
@@ -360,7 +361,7 @@
     <Column
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('numViolatedRows')"
+      :hidden="!columnsToDisplay.includes('numViolatedRows')"
       sortable
       field="numViolatedRows"
       header="# Records Failed"
@@ -372,7 +373,7 @@
     <Column
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('numDenominatorRows')"
+      :hidden="!columnsToDisplay.includes('numDenominatorRows')"
       sortable
       field="numDenominatorRows"
       header="# Total Records"
@@ -386,7 +387,7 @@
     <Column
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
-      :hidden="!selectedHeaders.includes('executionTime')"
+      :hidden="!columnsToDisplay.includes('executionTime')"
       sortable
       field="executionTime"
       header="Execution Duration"
@@ -540,9 +541,6 @@ import { useRoute, useRouter } from "vue-router";
 import { Codemirror } from "vue-codemirror";
 import { sql } from "@codemirror/lang-sql";
 import { oneDark } from "@codemirror/theme-one-dark";
-const store = useStore();
-const route = useRoute();
-const router = useRouter();
 import { FilterMatchMode } from "primevue/api";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
@@ -552,6 +550,11 @@ import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import MultiSelect from "primevue/multiselect";
 import { mdiTable } from "@mdi/js";
+import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
 
 const checks = ref(store.getters.getData.checkResults);
 
@@ -603,111 +606,124 @@ const filters = ref({
 
 const expanded = ref([]);
 
-const headers: Ref<DataTableHeader[]> = ref([
-  {
+const headers = ref({
+  failed: {
     title: "Status",
     sortable: true,
     key: "failed",
     show: true,
     default: true,
   },
-  {
+  cdmTableName: {
     title: "Table",
     sortable: true,
     key: "cdmTableName",
     show: true,
     default: true,
   },
-  {
+  cdmFieldName: {
     title: "Field",
     sortable: true,
     key: "cdmFieldName",
     show: false,
     default: false,
   },
-  {
+  checkName: {
     title: "Check",
     sortable: true,
     key: "checkName",
     show: false,
     default: false,
   },
-  {
+  category: {
     title: "Category",
     sortable: true,
     key: "category",
     show: false,
     default: false,
   },
-  {
+  subcategory: {
     title: "Subcategory",
     sortable: true,
     key: "subcategory",
     show: false,
     default: false,
   },
-  {
+  context: {
     title: "Context",
     sortable: true,
     key: "context",
     show: false,
     default: false,
   },
-  {
+  checkLevel: {
     title: "Level",
     sortable: true,
     key: "checkLevel",
     show: false,
     default: false,
   },
-  {
+  notesExist: {
     title: "Notes",
     sortable: true,
     key: "notesExist",
     show: false,
     default: false,
   },
-  {
+  checkDescription: {
     title: "Description",
     sortable: true,
     key: "checkDescription",
     show: true,
     default: true,
   },
-  {
+  pctViolatedRows: {
     title: "% Records Failed",
     sortable: true,
     key: "pctViolatedRows",
     show: true,
     default: true,
   },
-  {
+  numViolatedRows: {
     title: "# Records Failed",
     sortable: true,
     key: "numViolatedRows",
     show: true,
     default: true,
   },
-  {
+  numDenominatorRows: {
     title: "# Total Records",
     sortable: true,
     key: "numDenominatorRows",
     show: false,
     default: false,
   },
-  {
+  executionTime: {
     title: "Execution Duration",
     sortable: true,
     key: "executionTime",
     show: false,
     default: false,
   },
-]);
+});
+const availableHeaders = computed(() => {
+  return Object.values(headers.value);
+});
 
 const selectedHeaders = ref([]);
+const columnsToDisplay = computed(() => {
+  const parsedParams = Object.keys(JSON.parse(filterParams.value));
+  return [...selectedHeaders.value, ...parsedParams];
+});
 
 const setDefaultSelectedHeaders = function () {
-  selectedHeaders.value = Object.values(headers.value)
+  const settings =
+    store.getters.getSettings.columnSelection?.[route.name] || [];
+
+  const defaultHeaders = settings.length
+    ? settings.map((val) => ({ ...headers.value[val], show: true }))
+    : Object.values(headers.value);
+  selectedHeaders.value = defaultHeaders
     .filter((value) => value.show)
     .reduce((acc, val) => [...acc, val.key], []);
 };
@@ -756,10 +772,6 @@ const filterParams = computed(function () {
       )
   );
 });
-const updateColumnsList = function (): void {
-  const parsedParams = Object.keys(JSON.parse(filterParams.value));
-  selectedHeaders.value = [...selectedHeaders.value, ...parsedParams];
-};
 
 const updateFiltersFromUrl = function (): void {
   const parsedParams = JSON.parse(filterParams.value);
@@ -773,14 +785,22 @@ const updateFiltersFromUrl = function (): void {
   }
 };
 
+const updateSelectedHeaders = function (data) {
+  selectedHeaders.value = data;
+  updateSettings();
+};
+const updateSettings = () => {
+  store.dispatch(UPDATE_COLUMN_SELECTION, {
+    [route.name]: selectedHeaders.value,
+  });
+};
+
 watch(filterParams, (): void => {
-  updateColumnsList();
   updateFiltersFromUrl();
 });
 
 onBeforeMount((): void => {
   setDefaultSelectedHeaders();
-  updateColumnsList();
   updateFiltersFromUrl();
 });
 
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 0be32cc4..ac11f503 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -55,6 +55,7 @@
               option-value="key"
               :options="getHeaders"
               placeholder="Select Columns"
+              @update:modelValue="updateSettings"
             >
               <template #value>
                 <span class="flex flex-row w-full text-white items-center">
@@ -315,6 +316,7 @@ import {
 } from "@mdi/js";
 import SvgIcon from "@jamescoyle/vue-icon";
 import { links } from "@/shared/config/links";
+import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
 const route = useRoute();
@@ -471,15 +473,20 @@ const getReportRoute = function (item) {
   };
 };
 
-const setDefaultSelectedHeaders = function () {
-  selectedHeaders.value = Object.values(headers.value)
+const setDefaultSelectedHeaders = () => {
+  const settings =
+    store.getters.getSettings.columnSelection?.[route.name] || [];
+
+  const defaultHeaders = settings.length
+    ? settings.map((val) => ({ ...headers.value[val], show: true }))
+    : Object.values(headers.value);
+
+  selectedHeaders.value = defaultHeaders
     .filter(
-      (value) =>
-        (value.domain.includes("ALL") ||
-          value.domain.includes(openedDomain.value)) &&
-        value.show
+      ({ domain, show }) =>
+        show && (domain.includes("ALL") || domain.includes(openedDomain.value))
     )
-    .reduce((acc, val) => [...acc, val.key], []);
+    .map(({ key }) => key);
 };
 
 onMounted(() => {
@@ -489,6 +496,29 @@ watch(route, () => {
   setDefaultSelectedHeaders();
 });
 
+const updateSettings = () => {
+  const savedSelection =
+    store.getters.getSettings.columnSelection?.[route.name] || [];
+  const domain = route.params.domain;
+  const valuesToRemove = savedSelection.filter(
+    (columnName) =>
+      !selectedHeaders.value.includes(columnName) &&
+      (headers.value[columnName].domain.includes(domain) ||
+        headers.value[columnName].domain.includes("ALL"))
+  );
+  const updatedSelection = savedSelection.filter(
+    (columnName) => !valuesToRemove.includes(columnName)
+  );
+
+  const finalSelection = updatedSelection.concat(
+    selectedHeaders.value.filter(
+      (columnName) => !updatedSelection.includes(columnName)
+    )
+  );
+
+  store.dispatch(UPDATE_COLUMN_SELECTION, { [route.name]: finalSelection });
+};
+
 const navigateToDataQuality = function () {
   router.push({
     name: "dataQuality",
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index 35508b13..880f563f 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -8,3 +8,5 @@ export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
 export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultNotesMode";
 
 export const EDIT_USER = "editUser";
+
+export const UPDATE_COLUMN_SELECTION = "updateColumnSelection";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index e996c680..10f5975a 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -9,6 +9,7 @@ import {
   TOGGLE_BASELINE_SETTING,
   EDIT_USER,
   TOGGLE_DEFAULT_ALL_NOTES_MODE,
+  UPDATE_COLUMN_SELECTION,
 } from "@/widgets/settings/model/store/actions.type";
 import {
   SET_SETTINGS,
@@ -24,6 +25,7 @@ const state = {
     annotationsMode: false,
     notesMode: false,
     user: null,
+    columnSelection: {},
   },
   visible: false,
 };
@@ -64,6 +66,12 @@ const actions = {
   [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "notesMode" });
   },
+  [UPDATE_COLUMN_SELECTION]({ commit, rootGetters }, payload) {
+    commit(SET_SETTINGS, {
+      data: { ...rootGetters.getSettings.columnSelection, ...payload },
+      field: "columnSelection",
+    });
+  },
   [EDIT_USER]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "user" });
   },

From 2516a91e4fbf255d5b868633f5ddce16a48c9507 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 30 May 2024 17:52:42 +0700
Subject: [PATCH 141/202] fix: incorrect displayed values in the "mean" column
 of the cohortCharacterization report

---
 .../reports/CohortCharacterizationTable.vue                     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index e25ee48a..041c8af4 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -179,7 +179,7 @@
           <template #body="slotProps">
             {{
               slotProps.data.mean
-                ? `${((1 - slotProps.data.mean) * 100).toFixed(2)} %`
+                ? `${(slotProps.data.mean * 100).toFixed(2)} %`
                 : "No data"
             }}
           </template>

From b47f822785633aaf74af48119245672e236d9df4 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 30 May 2024 18:06:58 +0700
Subject: [PATCH 142/202] fix: cohortCharacterization mean and sd columns
 incorrect sorting order

---
 .../model/store/postprocessing/cohortReport.ts         | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
index 0d32d246..8f04a969 100644
--- a/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
@@ -5,7 +5,11 @@ import {
 } from "@/shared/config/files";
 
 export default function cohortReport(data) {
-  const characterizationTable = data[COHORT_CHARACTERIZATION];
+  const characterizationTable = data[COHORT_CHARACTERIZATION].map((val) => ({
+    ...val,
+    mean: parseFloat(val.mean),
+    sd: parseFloat(val.sd),
+  }));
   const indexEventBreakdownTable = data[COHORT_INDEX_EVENT_BREAKDOWN];
   const timeMeasures = [
     "observation time (days) prior to index",
@@ -13,7 +17,9 @@ export default function cohortReport(data) {
     "time (days) between cohort start and end",
   ];
   const timeDistribution = data[COHORT_TEMPORAL_COVARIATE_DISTRIBUTION].filter(
-    (val) => timeMeasures.includes(val.covariate_name)
+    (val) => {
+      return timeMeasures.includes(val.covariate_name);
+    }
   );
   return {
     characterizationTable,

From 93e6220d901e435ceed34a738d8ec995dd08689b Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 31 May 2024 22:43:58 +0700
Subject: [PATCH 143/202] fix: network data strand report not loading

---
 .../NetworkDatastrandReport/NetworkDatastrandReport.vue       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index 2b5da4de..8659f6f9 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -67,7 +67,7 @@
 
 <script setup lang="ts">
 import embed from "vega-embed";
-import { watch, computed, ref } from "vue";
+import { watch, computed, ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 
 const router = useRouter();
@@ -110,7 +110,7 @@ const data = computed(() => store.getters.getData);
 
 const darkMode = computed(() => store.getters.getSettings.darkMode);
 
-watch(data, function () {
+onMounted(() => {
   if (data.value) {
     config.data[0].values = data.value.dataStrandReport;
     renderChart();

From 4e5dedbf70dd08d7c5428948d5a7f6f03e1c5460 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 9 Jun 2024 21:31:30 +0700
Subject: [PATCH 144/202] fix: console warnings

---
 .eslintrc.js                                  |   1 +
 logger.js                                     |   8 +
 package-lock.json                             | 202 +++++++++++++-----
 package.json                                  |   5 +-
 .../chartMetadataCard/metadataCard.vue        |   2 +-
 src/entities/contextMenu/contextMenu.vue      |   2 +-
 src/entities/pageHeader/PageHeader.vue        |   2 -
 src/entities/toggleIcon/ToggleIcon.vue        |   3 +-
 .../returnToPreviousPage/ReturnButton.vue     |   2 +-
 .../NetworkConceptReport.vue                  |   3 +-
 .../RecordCountProportionByMonth.vue          |   1 -
 .../AgeAtFirstDiagnosis.vue                   |   2 -
 .../ageAtFirstExposure/AgeAtFirstExposure.vue |   1 -
 .../AgeAtFirstOccurrence.vue                  |   1 -
 .../conditionsByType/ConditionsByType.vue     |   3 -
 .../charts/daysSupply/DaysSupply.vue          |   1 -
 .../charts/drugsByType/DrugsByType.vue        |   1 -
 .../charts/lengthOfEra/LengthOfEra.vue        |   1 -
 .../MeasurementValueDistributionChart.vue     |   2 +-
 .../measurementsByType/MeasurementsByType.vue |   1 -
 .../QuantityDistribution.vue                  |   2 -
 .../charts/recordsByUnit/RecordsByUnit.vue    |   1 -
 .../VisitDurationByType.vue                   |   1 -
 .../components/DesiredDomains.vue             |   2 +-
 .../components/DomainRequirements.vue         |   2 +-
 .../components/FinalEstimation.vue            |   2 +-
 .../components/Range.vue                      |  10 +-
 .../components/RequiredConcepts.vue           |   2 +-
 .../components/VisitTypes.vue                 |   2 +-
 .../reports/CohortCharacterizationTable.vue   |   2 +-
 .../reports/IndexEventBreakdownTable.vue      |   2 +-
 .../TimeDistributionChart.vue                 |   2 +-
 .../components/DomainMetadataTable.vue        |   2 +-
 src/widgets/chart/ui/Chart.vue                |   2 +-
 src/widgets/chart/ui/ChartHeader.vue          |   2 +-
 .../ui/ConceptSearchForm.vue                  |  10 +-
 src/widgets/infoPanel/infoPanel.vue           |   1 -
 src/widgets/notesPanel/ui/NotesPanel.vue      |   2 +-
 src/widgets/pivot/ui/Pivot.vue                |   2 +-
 .../ui/selectionEditDialog.vue                |   2 +-
 vite.config.js                                |   2 +
 41 files changed, 190 insertions(+), 109 deletions(-)
 create mode 100644 logger.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 673e9069..e91fdf72 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,6 +9,7 @@ module.exports = {
     "@vue/typescript/recommended",
     "plugin:prettier/recommended",
   ],
+  parser: "vue-eslint-parser",
   parserOptions: {
     ecmaVersion: "latest",
   },
diff --git a/logger.js b/logger.js
new file mode 100644
index 00000000..aa781b02
--- /dev/null
+++ b/logger.js
@@ -0,0 +1,8 @@
+const logger = console.warn;
+
+console.warn = function (message, ...optionalParams) {
+  if (message.includes("@duckdb")) {
+    return;
+  }
+  logger(message, ...optionalParams);
+};
diff --git a/package-lock.json b/package-lock.json
index 4389462a..2e10b22c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -55,10 +55,10 @@
         "@vitejs/plugin-vue-jsx": "^3.0.0",
         "@vue/eslint-config-typescript": "^9.1.0",
         "autoprefixer": "^10.4.16",
-        "eslint": "^8.22.0",
+        "eslint": "^8.57.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-vue": "^8.0.3",
+        "eslint-plugin-vue": "^8.7.1",
         "lint-staged": "^13.0.3",
         "postcss": "^8.4.31",
         "prettier": "^2.8.3",
@@ -66,6 +66,7 @@
         "tailwindcss": "^3.3.5",
         "typescript": "~4.9.5",
         "vite": "4.5.0",
+        "vue-eslint-parser": "^9.4.3",
         "yorkie": "^2.0.0"
       }
     },
@@ -1124,9 +1125,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.0.tgz",
-      "integrity": "sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -1147,9 +1148,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -1174,22 +1175,22 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.44.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.44.0.tgz",
-      "integrity": "sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
-      "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "dev": true,
       "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
         "minimatch": "^3.0.5"
       },
       "engines": {
@@ -1210,9 +1211,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
     "node_modules/@jamescoyle/svg-icon": {
@@ -1909,6 +1910,12 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz",
@@ -2035,6 +2042,55 @@
         "eslint-plugin-vue": "^8.0.1"
       }
     },
+    "node_modules/@vue/eslint-config-typescript/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,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/vue-eslint-parser": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
+      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.2",
+        "eslint-scope": "^7.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.0.0",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
@@ -3427,27 +3483,28 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.45.0.tgz",
-      "integrity": "sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.4.0",
-        "@eslint/eslintrc": "^2.1.0",
-        "@eslint/js": "8.44.0",
-        "@humanwhocodes/config-array": "^0.11.10",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "doctrine": "^3.0.0",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.0",
-        "eslint-visitor-keys": "^3.4.1",
-        "espree": "^9.6.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
         "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
@@ -3533,6 +3590,55 @@
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "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,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-vue/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,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/vue-eslint-parser": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
+      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.2",
+        "eslint-scope": "^7.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.0.0",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -3574,9 +3680,9 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
-      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "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,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -3647,9 +3753,9 @@
       }
     },
     "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.1.tgz",
-      "integrity": "sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA==",
+      "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,
       "dependencies": {
         "esrecurse": "^4.3.0",
@@ -5593,9 +5699,9 @@
       "dev": true
     },
     "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -7014,21 +7120,21 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
-      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "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,
       "dependencies": {
-        "debug": "^4.3.2",
-        "eslint-scope": "^7.0.0",
-        "eslint-visitor-keys": "^3.1.0",
-        "espree": "^9.0.0",
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.5"
+        "semver": "^7.3.6"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^14.17.0 || >=16.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/mysticatea"
diff --git a/package.json b/package.json
index 87500d70..845f6f31 100644
--- a/package.json
+++ b/package.json
@@ -59,10 +59,10 @@
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vue/eslint-config-typescript": "^9.1.0",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.22.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.0.3",
+    "eslint-plugin-vue": "^8.7.1",
     "lint-staged": "^13.0.3",
     "postcss": "^8.4.31",
     "prettier": "^2.8.3",
@@ -70,6 +70,7 @@
     "tailwindcss": "^3.3.5",
     "typescript": "~4.9.5",
     "vite": "4.5.0",
+    "vue-eslint-parser": "^9.4.3",
     "yorkie": "^2.0.0"
   },
   "browserslist": [
diff --git a/src/entities/chartMetadataCard/metadataCard.vue b/src/entities/chartMetadataCard/metadataCard.vue
index 40144d81..22884eba 100755
--- a/src/entities/chartMetadataCard/metadataCard.vue
+++ b/src/entities/chartMetadataCard/metadataCard.vue
@@ -67,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, ref, defineEmits, onBeforeMount, computed } from "vue";
+import { ref, onBeforeMount, computed } from "vue";
 import { Codemirror } from "vue-codemirror";
 import { markdown } from "@codemirror/lang-markdown";
 import { oneDark } from "@codemirror/theme-one-dark";
diff --git a/src/entities/contextMenu/contextMenu.vue b/src/entities/contextMenu/contextMenu.vue
index 6be3d131..637a0637 100644
--- a/src/entities/contextMenu/contextMenu.vue
+++ b/src/entities/contextMenu/contextMenu.vue
@@ -13,7 +13,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, computed, watch, ref, Ref } from "vue";
+import { computed, watch, ref, Ref } from "vue";
 import { useStore } from "vuex";
 
 interface Item {
diff --git a/src/entities/pageHeader/PageHeader.vue b/src/entities/pageHeader/PageHeader.vue
index 29b9a2c3..2a1870ce 100644
--- a/src/entities/pageHeader/PageHeader.vue
+++ b/src/entities/pageHeader/PageHeader.vue
@@ -8,8 +8,6 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from "vue";
-
 interface Props {
   title: string;
 }
diff --git a/src/entities/toggleIcon/ToggleIcon.vue b/src/entities/toggleIcon/ToggleIcon.vue
index 19f02ed4..6773e462 100644
--- a/src/entities/toggleIcon/ToggleIcon.vue
+++ b/src/entities/toggleIcon/ToggleIcon.vue
@@ -41,8 +41,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, onMounted } from "vue";
-import { defineEmits, ref } from "vue";
+import { onMounted, ref } from "vue";
 import Button from "primevue/button";
 import SvgIcon from "@jamescoyle/vue-icon";
 import { isUndefined } from "lodash";
diff --git a/src/features/returnToPreviousPage/ReturnButton.vue b/src/features/returnToPreviousPage/ReturnButton.vue
index 412b9a3f..93e58528 100644
--- a/src/features/returnToPreviousPage/ReturnButton.vue
+++ b/src/features/returnToPreviousPage/ReturnButton.vue
@@ -14,11 +14,11 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from "vue";
 import Button from "primevue/button";
 import { useRouter } from "vue-router";
 import { mdiArrowLeft } from "@mdi/js";
 import SvgIcon from "@jamescoyle/vue-icon";
+
 const props = defineProps<Props>();
 
 interface Props {
diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index 02cd30aa..e239f248 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -86,11 +86,10 @@
 import ReturnButton from "@/features/returnToPreviousPage";
 
 import { useStore } from "vuex";
-import MeasurementValueDistributionTable from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionTable/MeasurementValueDistributionTable.vue";
 import MeasurementValueDistributionChart from "@/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue";
 import { computed, onMounted, ref } from "vue";
 import RecordCountProportionByMonth from "@/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue";
-import { useRoute, useRouter } from "vue-router";
+import { useRoute } from "vue-router";
 import AgeAtFirstExposure from "@/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue";
 import DrugsByType from "@/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue";
 import DaysSupply from "@/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
index 657ec188..a33237f3 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/RecordCountProportionByMonth/RecordCountProportionByMonth.vue
@@ -81,7 +81,6 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specRecordProportionByMonth } from "./specRecordProportionByMonth";
 import { useStore } from "vuex";
-import { defineProps } from "vue";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 265de5eb..c589728f 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -169,8 +169,6 @@
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-import { defineProps } from "vue";
-
 import { specAgeAtFirstDiagnosis } from "./specAgeAtFirstDiagnosis";
 import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 5aaf3f1e..43cdea60 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -172,7 +172,6 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
-import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import DataTable from "primevue/datatable";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index ff196361..7db4e6bc 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -172,7 +172,6 @@ import { useStore } from "vuex";
 import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
-import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
index e2f5e98b..fcd1a487 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/conditionsByType/ConditionsByType.vue
@@ -71,9 +71,6 @@
 <script setup lang="ts">
 import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
-
-import { defineProps } from "vue";
-
 import { specConditionsByType } from "./specConditionsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index fe3c1a1f..0c2a4deb 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -168,7 +168,6 @@ import { useRoute, useRouter } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
-import { defineProps } from "vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
index ca328173..d1a7ad62 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/drugsByType/DrugsByType.vue
@@ -71,7 +71,6 @@ import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 
-import { defineProps } from "vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
index fb63ff28..273c9d4e 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/lengthOfEra/LengthOfEra.vue
@@ -159,7 +159,6 @@ import { links } from "@/shared/config/links";
 import { specLengthOfEra } from "./specLengthOfEra";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index 36532ed5..3ca78af3 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -203,7 +203,7 @@ import { Chart } from "@/widgets/chart";
 import { specMeasurementValueDistribution } from "./specMeasurementValueDistribution";
 import { links } from "@/shared/config/links";
 import { useStore } from "vuex";
-import { computed, ref, Ref, defineProps } from "vue";
+import { computed, ref, Ref } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { useRouter } from "vue-router";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
index 1ec8747f..82955c06 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementsByType/MeasurementsByType.vue
@@ -73,7 +73,6 @@ import { links } from "@/shared/config/links";
 import { specMeasurementsByType } from "./specMeasurementsByType";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index 42385d2e..2e4973b3 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -168,8 +168,6 @@ import { specQuantity } from "./specQuantity";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import Panel from "primevue/panel";
-
-import { defineProps } from "vue";
 import { DistributionType } from "@/processes/exploreReports/model/interfaces/reportTypes/DistributionType";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
index bf98c4f2..dd111b9c 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/recordsByUnit/RecordsByUnit.vue
@@ -63,7 +63,6 @@ import { links } from "@/shared/config/links";
 import { specRecordsByUnit } from "./specRecordsByUnit";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
-import { defineProps } from "vue";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { RecordsCountType } from "@/processes/exploreReports/model/interfaces/reportTypes/RecordsCountType";
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
index effe7613..f432a5bc 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/visitDurationByType/VisitDurationByType.vue
@@ -161,7 +161,6 @@ import { Chart } from "@/widgets/chart";
 import { links } from "@/shared/config/links";
 import { specVisitDurationByType } from "./specVisitDurationByType";
 import { useStore } from "vuex";
-import { defineProps } from "vue";
 import { useRoute } from "vue-router";
 import { helpers } from "@/shared/lib/mixins";
 import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
index f7756ebe..ef3fe15c 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
@@ -93,7 +93,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch, defineProps, defineEmits } from "vue";
+import { computed, ref, watch } from "vue";
 import Message from "primevue/message";
 import Panel from "primevue/panel";
 import Divider from "primevue/divider";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
index baf986b4..8865d8aa 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
@@ -40,7 +40,7 @@
 <script setup lang="ts">
 import * as d3Format from "d3-format";
 
-import { computed, ref, watch, defineProps, defineEmits, Ref } from "vue";
+import { computed, ref, watch, Ref } from "vue";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import Panel from "primevue/panel";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
index 2b14c836..20d439b7 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/FinalEstimation.vue
@@ -135,7 +135,7 @@
 
 <script setup lang="ts">
 import * as d3Format from "d3-format";
-import { computed, defineProps } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
 import Message from "primevue/message";
 import Divider from "primevue/divider";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
index f45f269a..1ea50826 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/Range.vue
@@ -151,15 +151,7 @@
 <script setup lang="ts">
 import { timeParse } from "d3-time-format";
 import * as d3Format from "d3-format";
-import {
-  computed,
-  ref,
-  watch,
-  defineProps,
-  defineEmits,
-  Ref,
-  onMounted,
-} from "vue";
+import { computed, ref, watch, Ref, onMounted } from "vue";
 import { DataTableHeader } from "@/shared/interfaces/DataTableHeader";
 import { ObservationPeriodType } from "@/processes/exploreReports/model/interfaces/files/ObservationPeriodType";
 import { PersonData } from "@/processes/exploreReports/model/interfaces/files/Person";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 24a1a32e..c223c8c6 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -126,7 +126,7 @@ import { DOMAIN_SUMMARY } from "@/shared/config/files";
 import { useStore } from "vuex";
 import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
 import { helpers } from "@/shared/lib/mixins";
-import { computed, ref, watch, defineEmits, Ref, onBeforeMount } from "vue";
+import { computed, ref, watch, Ref, onBeforeMount } from "vue";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
 import DataTable from "primevue/datatable";
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
index 68bfa51e..a1a444f3 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/VisitTypes.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, defineEmits, watch, Ref, defineProps } from "vue";
+import { computed, ref, watch } from "vue";
 import Message from "primevue/message";
 import Divider from "primevue/divider";
 import DataTable from "primevue/datatable";
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index 45c2182b..fc793211 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -209,7 +209,7 @@ import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { useStore } from "vuex";
-import { computed, ref, defineProps, onMounted } from "vue";
+import { computed, ref, onMounted } from "vue";
 import MultiSelect from "primevue/multiselect";
 import { helpers } from "@/shared/lib/mixins";
 import { FilterMatchMode } from "primevue/api";
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index b9e6e7fb..65d7eb6f 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -179,7 +179,7 @@ import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { useStore } from "vuex";
-import { computed, ref, defineProps, onMounted, toRaw } from "vue";
+import { computed, ref, onMounted, toRaw } from "vue";
 import MultiSelect from "primevue/multiselect";
 import { helpers } from "@/shared/lib/mixins";
 import { FilterMatchMode } from "primevue/api";
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
index 3dd71b93..d326047b 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue
@@ -133,7 +133,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
-import { computed, ref, defineProps } from "vue";
+import { computed, ref } from "vue";
 
 interface Props {
   data: [];
diff --git a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
index 7323c43e..189612ee 100644
--- a/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
+++ b/src/pages/reports/release/DomainTable/components/DomainMetadataTable.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, defineProps } from "vue";
+import { computed } from "vue";
 import { useRoute } from "vue-router";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index ebb4cec7..afded6bc 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -21,7 +21,7 @@ import * as d3 from "d3";
 import * as d3_annotations from "d3-svg-annotation";
 
 import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
-import { computed, watch, defineProps, onMounted, withDefaults } from "vue";
+import { computed, watch, onMounted, withDefaults } from "vue";
 import { RouteLocationNormalizedLoaded } from "vue-router";
 import { TopLevelSpec } from "vega-lite";
 import { Handler } from "vega-tooltip";
diff --git a/src/widgets/chart/ui/ChartHeader.vue b/src/widgets/chart/ui/ChartHeader.vue
index 037db84c..b88129ef 100644
--- a/src/widgets/chart/ui/ChartHeader.vue
+++ b/src/widgets/chart/ui/ChartHeader.vue
@@ -36,7 +36,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, defineProps, defineEmits } from "vue";
+import { ref } from "vue";
 import { onMounted } from "vue";
 import { useStore } from "vuex";
 import ToggleIcon from "@/entities/toggleIcon/ToggleIcon.vue";
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 30d2b3f9..b558be18 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -211,15 +211,7 @@ import Column from "primevue/column";
 import { toRaw } from "vue";
 import SvgIcon from "@jamescoyle/vue-icon";
 
-import {
-  ref,
-  defineEmits,
-  defineProps,
-  onBeforeMount,
-  watch,
-  Ref,
-  nextTick,
-} from "vue";
+import { ref, onBeforeMount, watch, Ref, nextTick } from "vue";
 import { computed } from "vue";
 import InputText from "primevue/inputtext";
 import Dropdown from "primevue/dropdown";
diff --git a/src/widgets/infoPanel/infoPanel.vue b/src/widgets/infoPanel/infoPanel.vue
index cddec305..3a67988e 100644
--- a/src/widgets/infoPanel/infoPanel.vue
+++ b/src/widgets/infoPanel/infoPanel.vue
@@ -160,7 +160,6 @@
 
 <script setup lang="ts">
 import { helpers } from "@/shared/lib/mixins";
-import { defineProps } from "vue";
 import SvgIcon from "@jamescoyle/vue-icon";
 import {
   mdiAccountGroup,
diff --git a/src/widgets/notesPanel/ui/NotesPanel.vue b/src/widgets/notesPanel/ui/NotesPanel.vue
index a22c4320..aff59010 100755
--- a/src/widgets/notesPanel/ui/NotesPanel.vue
+++ b/src/widgets/notesPanel/ui/NotesPanel.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
 
 import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 6a3a728a..526e0b56 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -218,7 +218,7 @@
 <script setup lang="ts">
 import { VuePivottable } from "vue-pivottable";
 import "./vue-pivottable.scss";
-import { computed, defineProps, Ref, ref, onBeforeMount } from "vue";
+import { computed, Ref, ref, onBeforeMount } from "vue";
 import draggable from "vuedraggable";
 
 import SvgIcon from "@jamescoyle/vue-icon";
diff --git a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
index 1a016b89..ee7e2529 100755
--- a/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
+++ b/src/widgets/selectionEditDialog/ui/selectionEditDialog.vue
@@ -87,7 +87,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, defineProps, defineEmits, computed, onBeforeMount } from "vue";
+import { ref, computed, onBeforeMount } from "vue";
 import MetadataCard from "@/entities/chartMetadataCard/metadataCard.vue";
 import { useStore } from "vuex";
 import { createSelection } from "@/widgets/selectionEditDialog/lib/lib";
diff --git a/vite.config.js b/vite.config.js
index 6530d05a..34de12a1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,4 +1,5 @@
 import { defineConfig } from "vite";
+import "./logger";
 
 import path from "path";
 import vue from "@vitejs/plugin-vue";
@@ -22,5 +23,6 @@ export default defineConfig({
     chunkSizeWarningLimit: 600,
     cssCodeSplit: false,
     target: "esnext",
+    sourcemap: true,
   },
 });

From 94d939ce185db3a238f2aace0c285416ad3709d6 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 28 Jun 2024 02:31:00 +0800
Subject: [PATCH 145/202] feat: added location report

---
 .../release/Location/LocationReport.vue       | 62 +++++++++++++++++++
 .../exploreReports/config/dataLoadConfig.ts   |  7 +++
 src/processes/exploreReports/config/routes.ts |  6 ++
 .../exploreReports/model/store/data.module.ts |  1 -
 .../model/store/postprocessing/location.ts    |  8 +++
 .../model/store/preprocessing/index.ts        |  2 +
 src/shared/api/axios/files.ts                 |  1 +
 src/shared/config/files.ts                    |  2 +
 .../error/model/config/errorMessages.ts       |  2 +
 src/widgets/explorer/config/reports.ts        |  8 +++
 10 files changed, 98 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/reports/release/Location/LocationReport.vue
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/location.ts

diff --git a/src/pages/reports/release/Location/LocationReport.vue b/src/pages/reports/release/Location/LocationReport.vue
new file mode 100644
index 00000000..37468922
--- /dev/null
+++ b/src/pages/reports/release/Location/LocationReport.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="flex flex-col gap-10">
+    <Panel header="Location Report">
+      <DataTable
+        removable-sort
+        size="small"
+        paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
+        :value="data"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column sortable header="Location ID" field="LOCATION_ID"> </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Location Name"
+          field="LOCATION_NAME"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="# of People"
+          field="COUNT_PERSONS"
+        >
+        </Column>
+        <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="% Persons"
+          field="PERCENT_PERSONS"
+        >
+          <template #body="slotProps">
+            <div>{{ (slotProps.data.PERCENT_PERSONS * 100).toFixed(2) }} %</div>
+          </template>
+        </Column>
+      </DataTable>
+    </Panel>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import { useStore } from "vuex";
+import { computed } from "vue";
+import { LOCATION } from "@/shared/config/files";
+
+const store = useStore();
+
+const data = computed(() => {
+  return store.getters.getData[LOCATION];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 9f3e4ed2..71596529 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -15,6 +15,7 @@ import {
   DOMAIN_ISSUES,
   DOMAIN_SUMMARY,
   DOMAIN_VISIT_STRATIFICATION,
+  LOCATION,
   METADATA,
   NETWORK_PERFORMANCE,
   NETWORK_QUALITY_SUMMARY,
@@ -105,6 +106,12 @@ export default function getFilesByView(params = null) {
         files: [{ name: COHORT_INDEX, required: true }],
       },
     },
+    location: {
+      loadMethod: FETCH_FILES,
+      payload: {
+        files: [{ name: LOCATION, required: true }],
+      },
+    },
     cohortReport: {
       loadMethod: FETCH_FILES,
       payload: {
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index d7b7c793..fe7f4a8a 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -29,6 +29,7 @@ import NetworkConceptDashboard from "@/pages/reports/network/NetworkConceptDashb
 import NetworkDiversityReport from "@/pages/reports/network/NetworkDiversityReport/NetworkDiversityReport.vue";
 import CohortsTable from "@/pages/reports/release/CohortsTable/CohortsTable.vue";
 import CohortDrilldownReport from "@/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue";
+import LocationReport from "@/pages/reports/release/Location/LocationReport.vue";
 
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 
@@ -160,6 +161,11 @@ export const routes: RouteRecordRaw[] = [
         name: "observationPeriod",
         components: { reportsView: ObservationPeriodReport },
       },
+      {
+        path: "location",
+        name: "location",
+        components: { reportsView: LocationReport },
+      },
       {
         path: "temporal_characterization",
         name: "temporalCharacterization",
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 8fee6814..9af6be76 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -18,7 +18,6 @@ import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
 import getFilesByView from "@/processes/exploreReports/config/dataLoadConfig";
 import errorMessages from "@/widgets/error/model/config/errorMessages";
-import { webApiActions } from "@/shared/api/webAPI";
 
 const state = {
   data: {},
diff --git a/src/processes/exploreReports/model/store/postprocessing/location.ts b/src/processes/exploreReports/model/store/postprocessing/location.ts
new file mode 100644
index 00000000..3e887f18
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/location.ts
@@ -0,0 +1,8 @@
+import { LOCATION } from "@/shared/config/files";
+
+export default function metadata(data) {
+  const location = data[LOCATION];
+  return {
+    location,
+  };
+}
diff --git a/src/processes/exploreReports/model/store/preprocessing/index.ts b/src/processes/exploreReports/model/store/preprocessing/index.ts
index 2617bdfb..065e6be6 100644
--- a/src/processes/exploreReports/model/store/preprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/preprocessing/index.ts
@@ -20,6 +20,7 @@ import {
   COHORT_DIAGNOSTICS_PERFORMANCE,
   COHORT_INDEX_EVENT_BREAKDOWN,
   COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
+  LOCATION,
 } from "@/shared/config/files";
 import csvParse from "@/processes/exploreReports/model/store/preprocessing/csvParse";
 
@@ -45,4 +46,5 @@ export default {
   [COHORT_DIAGNOSTICS_PERFORMANCE]: csvParse,
   [COHORT_INDEX_EVENT_BREAKDOWN]: csvParse,
   [COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: csvParse,
+  [LOCATION]: csvParse,
 };
diff --git a/src/shared/api/axios/files.ts b/src/shared/api/axios/files.ts
index 2cab0d39..3373d340 100644
--- a/src/shared/api/axios/files.ts
+++ b/src/shared/api/axios/files.ts
@@ -42,5 +42,6 @@ export default function getFilePath(params: Params) {
     [files.COHORT_DIAGNOSTICS_PERFORMANCE]: `data/${params.cdm}/${params.release}/cohort_diagnostics_performance.csv`,
     [files.COHORT_INDEX_EVENT_BREAKDOWN]: `data/${params.cdm}/${params.release}/cohort_index_event_breakdown.csv`,
     [files.COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: `data/${params.cdm}/${params.release}/cohort_temporal_covariate_distribution.csv`,
+    [files.LOCATION]: `data/${params.cdm}/${params.release}/location.csv`,
   };
 }
diff --git a/src/shared/config/files.ts b/src/shared/config/files.ts
index 2899f3da..beb834ea 100644
--- a/src/shared/config/files.ts
+++ b/src/shared/config/files.ts
@@ -37,3 +37,5 @@ export const COHORT_INDEX_EVENT_BREAKDOWN = "cohortIndexEventBreakdown";
 
 export const COHORT_TEMPORAL_COVARIATE_DISTRIBUTION =
   "cohortTemporalCovariateDistribution";
+
+export const LOCATION = "location";
diff --git a/src/widgets/error/model/config/errorMessages.ts b/src/widgets/error/model/config/errorMessages.ts
index 080a4d5b..2f00f9b7 100644
--- a/src/widgets/error/model/config/errorMessages.ts
+++ b/src/widgets/error/model/config/errorMessages.ts
@@ -27,6 +27,8 @@ export default {
     domainContinuity: "Requested files not found",
     sourceConceptOverlay: "Requested files not found",
     index: "Index file is missing. Please run AresIndexer then try again",
+    location:
+      "Location data is not available. Please run the latest version of achilles then try again",
   },
   technicalError: {
     codeError:
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index 532ccb15..5446e997 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -22,6 +22,7 @@ import {
   mdiHospitalBuilding,
   mdiNeedle,
   mdiHeartFlash,
+  mdiMapMarkerOutline,
 } from "@mdi/js";
 
 export const reports = [
@@ -39,6 +40,13 @@ export const reports = [
     routeName: "person",
     reports: [],
   },
+  {
+    folder: "Data Source Release",
+    icon: mdiMapMarkerOutline,
+    name: "Location",
+    routeName: "location",
+    reports: [],
+  },
   {
     folder: "Data Source Release",
     icon: mdiAccountGroupOutline,

From 3cb114533e0bbc0868662978ff9b52eb9612b003 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Jul 2024 00:54:23 +0800
Subject: [PATCH 146/202] improvement: improved cohort drilldown report fix:
 return button not rendering

---
 .../CohortDrilldownReport.vue                 |  3 +-
 .../reports/CohortCharacterizationTable.vue   | 65 +++++++++----------
 .../reports/IndexEventBreakdownTable.vue      | 49 ++++++++------
 3 files changed, 60 insertions(+), 57 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
index 24975671..7233fdad 100644
--- a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col gap-10">
     <PageHeader :title="cohortName || 'Report name unknown'">
-      <template #default>
+      <template #action>
         <div class="flex flex-row gap-2">
           <ReturnButton />
         </div>
@@ -18,7 +18,6 @@ import { useStore } from "vuex";
 import CohortCharacterizationReport from "@/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue";
 import PageHeader from "@/entities/pageHeader/PageHeader.vue";
 import { computed } from "vue";
-import { COHORT_REPORT } from "@/shared/config/files";
 import { useRoute } from "vue-router";
 import ReturnButton from "@/features/returnToPreviousPage";
 import IndexEventBreakdownTable from "@/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue";
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
index fc793211..86e74090 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/CohortCharacterizationTable.vue
@@ -29,7 +29,8 @@
                 class="rounded-r-lg"
                 style="width: 45rem"
                 unstyled
-                v-model="filters.global.value"
+                :value="filters.global.value"
+                @update:model-value="debouncedSearch($event, 'global')"
                 placeholder="Search in Table"
               />
             </InputGroup>
@@ -62,24 +63,21 @@
         </template>
         <Column
           sortable
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
           :show-filter-menu="false"
           :show-clear-button="false"
           field="concept_id"
           header="Concept ID"
           :hidden="!selectedHeaders.includes('concept_id')"
         >
-          <template #filter="{ filterModel, filterCallback }">
-            <MultiSelect
-              :maxSelectedLabels="2"
-              show-clear
-              filter
-              v-model="filterModel.value"
-              @change="filterCallback()"
-              :options="concept_id_options"
-              placeholder="Filter values"
-              class="p-column-filter w-full"
-              style="min-width: 12rem"
-            ></MultiSelect>
+          <template #filter="{}">
+            <InputText
+              class="rounded-r-lg"
+              :value="filters.concept_id.value"
+              @update:model-value="debouncedSearch($event, 'concept_id')"
+              placeholder="Search concepts"
+            />
           </template>
         </Column>
 
@@ -91,18 +89,13 @@
           header="Covariate Name"
           :hidden="!selectedHeaders.includes('covariate_name')"
         >
-          <template #filter="{ filterModel, filterCallback }">
-            <MultiSelect
-              :maxSelectedLabels="2"
-              show-clear
-              filter
-              v-model="filterModel.value"
-              @change="filterCallback()"
-              :options="covariate_options"
-              placeholder="Filter values"
-              class="p-column-filter w-full"
-              style="min-width: 12rem"
-            ></MultiSelect>
+          <template #filter="{}">
+            <InputText
+              class="rounded-r-lg"
+              :value="filters.covariate_name.value"
+              @update:model-value="debouncedSearch($event, 'covariate_name')"
+              placeholder="Search covariates"
+            />
           </template>
         </Column>
         <Column
@@ -225,10 +218,10 @@ import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
   domain_id: { value: null, matchMode: FilterMatchMode.IN },
-  covariate_name: { value: null, matchMode: FilterMatchMode.IN },
+  covariate_name: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
   analysis_name: { value: null, matchMode: FilterMatchMode.IN },
   temporal_choice: { value: null, matchMode: FilterMatchMode.IN },
-  concept_id: { value: null, matchMode: FilterMatchMode.IN },
+  concept_id: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
 });
 
 const route = useRoute();
@@ -295,6 +288,10 @@ const getHeaders = computed(() => {
   return Object.values(headers.value);
 });
 
+const debouncedSearch = debounce(function (data: string, field: string): void {
+  filters.value[field].value = data;
+}, 300);
+
 const setDefaultSelectedHeaders = function () {
   const settings =
     store.getters.getSettings.columnSelection?.[route.name]
@@ -336,17 +333,13 @@ const analysis_options = computed(() => {
   return helpers.getValuesArray(props.data, "analysis_name", true);
 });
 
-const covariate_options = computed(() => {
-  return helpers.getValuesArray(props.data, "covariate_name", true);
-});
-
 const temporal_choice_options = computed(() => {
   return helpers.getValuesArray(props.data, "temporal_choice", true);
 });
-
-const concept_id_options = computed(() => {
-  return helpers.getValuesArray(props.data, "concept_id", true);
-});
 </script>
 
-<style scoped></style>
+<style scoped>
+.p-inputtext {
+  width: 100%;
+}
+</style>
diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index 65d7eb6f..283fc5de 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -30,7 +30,8 @@
                 class="rounded-r-lg"
                 style="width: 45rem"
                 unstyled
-                v-model="filters.global.value"
+                :value="filters.global.value"
+                @update:model-value="debouncedSearch($event, 'global')"
                 placeholder="Search in Table"
               />
             </InputGroup>
@@ -64,6 +65,8 @@
         </template>
 
         <Column
+          style="text-align: end"
+          :pt="{ headerContent: 'justify-end' }"
           sortable
           :show-filter-menu="false"
           :show-clear-button="false"
@@ -71,18 +74,13 @@
           header="Concept ID"
           :hidden="!selectedHeaders.includes('concept_id')"
         >
-          <template #filter="{ filterModel, filterCallback }">
-            <MultiSelect
-              :maxSelectedLabels="2"
-              show-clear
-              filter
-              v-model="filterModel.value"
-              @change="filterCallback()"
-              :options="concept_id_options"
-              placeholder="Filter values"
-              class="p-column-filter w-full"
-              style="min-width: 12rem"
-            ></MultiSelect>
+          <template #filter="{}">
+            <InputText
+              class="rounded-r-lg"
+              :value="filters.concept_id.value"
+              @update:model-value="debouncedSearch($event, 'concept_id')"
+              placeholder="Search concepts"
+            />
           </template>
         </Column>
         <Column
@@ -159,6 +157,13 @@
           header="Persons"
           :hidden="!selectedHeaders.includes('subject_count')"
         >
+          <template #body="slotProps">
+            {{
+              slotProps.data.subject_count
+                ? formatComma(slotProps.data.subject_count)
+                : "No data"
+            }}
+          </template>
         </Column>
         <Column
           sortable
@@ -190,6 +195,8 @@ import InputGroupAddon from "primevue/inputgroupaddon";
 import SvgIcon from "@jamescoyle/vue-icon";
 import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
 import { useRoute } from "vue-router";
+import { formatComma } from "../../../../../shared/lib/mixins/methods/formatComma";
+import { debounce } from "lodash";
 
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
@@ -197,7 +204,7 @@ const filters = ref({
   concept_name: { value: null, matchMode: FilterMatchMode.IN },
   concept_code: { value: null, matchMode: FilterMatchMode.IN },
   vocabulary_id: { value: null, matchMode: FilterMatchMode.IN },
-  concept_id: { value: null, matchMode: FilterMatchMode.IN },
+  concept_id: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
 });
 
 interface Props {
@@ -287,6 +294,10 @@ onMounted(() => {
   setDefaultSelectedHeaders();
 });
 
+const debouncedSearch = debounce(function (data: string, field: string): void {
+  filters.value[field].value = data;
+}, 300);
+
 const props = defineProps<Props>();
 
 const store = useStore();
@@ -302,10 +313,10 @@ const concept_options = computed(() => {
 const vocabulary_id_options = computed(() => {
   return helpers.getValuesArray(props.data, "vocabulary_id", true);
 });
-
-const concept_id_options = computed(() => {
-  return helpers.getValuesArray(props.data, "concept_id", true);
-});
 </script>
 
-<style scoped></style>
+<style scoped>
+.p-inputtext {
+  width: 100%;
+}
+</style>

From f946ded9747ac19d7187dd060b9a85fc623294ef Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Jul 2024 05:09:53 +0800
Subject: [PATCH 147/202] fix: NetworkConceptDashboard showing incorrect values

---
 .../NetworkConceptDashboard.vue               |  3 +-
 .../postprocessing/networkConceptDashboard.ts | 62 +++++++++----------
 2 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 69743b0b..df71f35e 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -72,12 +72,11 @@ import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
 import Panel from "primevue/panel";
 import Button from "primevue/button";
-const store = useStore();
-
 import { helpers } from "@/shared/lib/mixins";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { webApiActions } from "@/shared/api/webAPI";
+const store = useStore();
 
 const successMessage: Ref<string[]> = ref([]);
 const errors: Ref<string> = ref("");
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
index 958493d0..49f7e3d6 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
@@ -1,5 +1,4 @@
 import { CONCEPT } from "@/shared/config/files";
-import _ from "lodash";
 import { ConceptType } from "@/processes/exploreReports/model/interfaces/files/ConceptType";
 import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
 import environment from "@/shared/api/environment";
@@ -31,43 +30,40 @@ function combineObjectsBySource(inputObject) {
 }
 
 export default function networkConceptDashboard(data) {
-  let concept: MultipleFilesRawInterface<ConceptType>[],
-    conceptName,
-    conceptId,
-    numPersons,
-    percent_people;
+  let concept: MultipleFilesRawInterface<ConceptType>[], conceptId: string;
   if (environment.DUCKDB_ENABLED === "true") {
     concept = combineObjectsBySource(data);
-    conceptName = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_NAME;
-    percent_people = (
-      concept[0].data[CONCEPT_METADATA]?.[0]?.PERCENT_PERSONS * 100
-    ).toFixed(2);
     conceptId = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
-    numPersons = _.sumBy(concept, (r) =>
-      r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
-        ? r.data[CONCEPT_METADATA]?.[0]?.NUM_PERSONS
-        : 0
-    );
+    if (!conceptId) {
+      return {};
+    } else {
+      return {
+        concept: concept.map((val) => ({
+          CDM_NAME: val.source.cdm_source_name,
+          CONCEPT_NAME: val.data[CONCEPT_METADATA][0]?.CONCEPT_NAME,
+          CONCEPT_ID: val.data[CONCEPT_METADATA][0].CONCEPT_ID,
+          PEOPLE_COUNT: val.data[CONCEPT_METADATA][0].NUM_PERSONS,
+          PEOPLE_PERCENT: (
+            val.data[CONCEPT_METADATA][0].PERCENT_PERSONS * 100
+          ).toFixed(2),
+        })),
+      };
+    }
   } else {
     concept = data[CONCEPT];
-    conceptName = concept[0]?.data.CONCEPT_NAME[0];
     conceptId = concept[0]?.data.CONCEPT_ID[0];
-    percent_people = (concept[0]?.data?.PERCENT_PERSONS * 100).toFixed(2);
-    numPersons = _.sumBy(concept, (r) =>
-      r.data.NUM_PERSONS[0] ? r.data.NUM_PERSONS[0] : 0
-    );
-  }
-  if (!conceptId) {
-    return {};
-  } else {
-    return {
-      concept: concept.map((val) => ({
-        CDM_NAME: val.source.cdm_source_name,
-        CONCEPT_NAME: conceptName,
-        CONCEPT_ID: conceptId,
-        PEOPLE_COUNT: numPersons,
-        PEOPLE_PERCENT: percent_people,
-      })),
-    };
+    if (!conceptId) {
+      return {};
+    } else {
+      return {
+        concept: concept.map((val) => ({
+          CDM_NAME: val.source.cdm_source_name,
+          CONCEPT_NAME: val.data?.CONCEPT_NAME[0],
+          CONCEPT_ID: val.data.CONCEPT_ID[0],
+          PEOPLE_COUNT: val.data.NUM_PERSONS,
+          PEOPLE_PERCENT: (val.data.PERCENT_PERSONS * 100).toFixed(2),
+        })),
+      };
+    }
   }
 }

From 3a0375fa1c54f85f9be0b604159ce9a0742e1024 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 3 Jul 2024 05:19:39 +0800
Subject: [PATCH 148/202] fix: NetworkConceptDashboard showing incorrect values

---
 .../model/store/postprocessing/networkConceptDashboard.ts   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
index 49f7e3d6..359e8827 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
@@ -41,10 +41,10 @@ export default function networkConceptDashboard(data) {
         concept: concept.map((val) => ({
           CDM_NAME: val.source.cdm_source_name,
           CONCEPT_NAME: val.data[CONCEPT_METADATA][0]?.CONCEPT_NAME,
-          CONCEPT_ID: val.data[CONCEPT_METADATA][0].CONCEPT_ID,
-          PEOPLE_COUNT: val.data[CONCEPT_METADATA][0].NUM_PERSONS,
+          CONCEPT_ID: val.data[CONCEPT_METADATA][0]?.CONCEPT_ID,
+          PEOPLE_COUNT: val.data[CONCEPT_METADATA][0]?.NUM_PERSONS,
           PEOPLE_PERCENT: (
-            val.data[CONCEPT_METADATA][0].PERCENT_PERSONS * 100
+            val.data[CONCEPT_METADATA][0]?.PERCENT_PERSONS * 100
           ).toFixed(2),
         })),
       };

From 62030f87105d037fadceba69deb721e17cedf239 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 11 Jul 2024 10:45:39 +0800
Subject: [PATCH 149/202] fix: comma formatting for cohort reports

---
 .../reports/IndexEventBreakdownTable.vue                 | 7 +++++++
 .../release/CohortsTable/components/CohortsIndex.vue     | 9 +++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
index 283fc5de..298943fc 100644
--- a/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/reports/IndexEventBreakdownTable.vue
@@ -173,6 +173,13 @@
           header="Records"
           :hidden="!selectedHeaders.includes('concept_count')"
         >
+          <template #body="slotProps">
+            {{
+              slotProps.data.concept_count
+                ? formatComma(slotProps.data.concept_count)
+                : "No data"
+            }}
+          </template>
         </Column>
       </DataTable>
     </div>
diff --git a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
index b5bbd494..e5e33d05 100644
--- a/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
+++ b/src/pages/reports/release/CohortsTable/components/CohortsIndex.vue
@@ -57,6 +57,14 @@
           field="cohort_subjects"
           header="# People"
         >
+          <template #body="slotProps">
+            {{
+              parseFloat(slotProps.data.cohort_subjects) &&
+              !isNaN(parseFloat(slotProps.data.cohort_subjects))
+                ? formatComma(slotProps.data.cohort_subjects)
+                : "No data"
+            }}
+          </template>
         </Column>
       </DataTable>
     </div>
@@ -76,6 +84,7 @@ import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import { FilterMatchMode } from "primevue/api";
 import { COHORT_INDEX } from "@/shared/config/files";
+import { formatComma } from "@/shared/lib/mixins/methods/formatComma";
 
 const store = useStore();
 const route = useRoute();

From c839fca1764cebdf88e4f2bcea2ee00fe82b41ca Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 15 Jul 2024 16:05:33 +0800
Subject: [PATCH 150/202] fix: webapi report infinite loading improv: webapi
 report option and nav icons show only if webapi is enabled

---
 .../exploreReports/model/store/data.module.ts        |  4 ++++
 src/widgets/bottomNav/ui/BottomNav.vue               |  3 +++
 src/widgets/explorer/config/reports.ts               |  1 +
 src/widgets/explorer/model/store/explorer.module.ts  | 12 ++++++++----
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 9af6be76..78fab8ca 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -18,6 +18,7 @@ import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
 import getFilesByView from "@/processes/exploreReports/config/dataLoadConfig";
 import errorMessages from "@/widgets/error/model/config/errorMessages";
+import { root } from "postcss";
 
 const state = {
   data: {},
@@ -28,6 +29,9 @@ const getters = {
     return state.data.data;
   },
   dataInStore: (state, getters, rootState) => {
+    if (rootState.route.name === "webApi") {
+      return Object.keys(rootState.webApiStore.apiData).length;
+    }
     if (getFilesByView({ files: [] })[rootState.route.name]) {
       return Object.keys(state.data).length;
     } else {
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index ed7d35ab..cd23277c 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -3,6 +3,7 @@
     <template #end>
       <div class="flex flex-row gap-14 mr-3">
         <Button
+          v-if="webApiEnabled"
           severity="secondary"
           @click="redirectTo('/network/web_api')"
           icon="pi pi-check"
@@ -65,6 +66,8 @@ import SvgIcon from "@jamescoyle/vue-icon";
 import { mdiCog, mdiDatabase, mdiHelpCircleOutline, mdiServer } from "@mdi/js";
 import { useRouter } from "vue-router";
 
+const webApiEnabled = environment.WEB_API_ENABLED === "true";
+
 const store = useStore();
 const router = useRouter();
 
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index 5446e997..0fe20113 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -77,6 +77,7 @@ export const reports = [
     icon: mdiDatabaseSearch,
     name: "Web API",
     routeName: "webApi",
+    webApiRequired: true,
   },
   {
     folder: "Data Network",
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 2cccae32..7f5fa205 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -19,6 +19,7 @@ import {
   SourceRelease,
 } from "@/processes/exploreReports/model/interfaces/files/SourceIndex";
 import errorMessages from "@/widgets/error/model/config/errorMessages";
+import environment from "@/shared/api/environment";
 
 const state = {
   folders: config.folders,
@@ -43,10 +44,13 @@ const getters = {
       rootState.route.matched.some((route) => route.name === folder.key)
     );
   },
-  getFilteredReports: function (state, getters) {
-    return state.reports.filter(
-      (report) => report.folder === getters.getSelectedFolder.name
-    );
+  getFilteredReports: function (state, getters, rootState) {
+    const webApiEnabled = environment.WEB_API_ENABLED === "true";
+    return state.reports.filter((report) => {
+      const folderMatch = report.folder === getters.getSelectedFolder.name;
+      const webApiCondition = webApiEnabled || !report.webApiRequired;
+      return folderMatch && webApiCondition;
+    });
   },
   getSelectedSource: function (state, getters, rootState): Source {
     return getters.getSources.find(

From e74450a6dfcbe2dfbefe654cfb3e453570bb58ce Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 19 Jul 2024 09:37:17 +0800
Subject: [PATCH 151/202] fix: location count_persons formatting

---
 src/pages/reports/release/Location/LocationReport.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/pages/reports/release/Location/LocationReport.vue b/src/pages/reports/release/Location/LocationReport.vue
index 37468922..d414ea83 100644
--- a/src/pages/reports/release/Location/LocationReport.vue
+++ b/src/pages/reports/release/Location/LocationReport.vue
@@ -27,6 +27,14 @@
           header="# of People"
           field="COUNT_PERSONS"
         >
+          <template #body="slotProps">
+            {{
+              parseInt(slotProps.data.COUNT_PERSONS) &&
+              !isNaN(parseInt(slotProps.data.COUNT_PERSONS))
+                ? formatComma(slotProps.data.COUNT_PERSONS)
+                : "No data"
+            }}
+          </template>
         </Column>
         <Column
           style="text-align: end"
@@ -51,6 +59,7 @@ import Column from "primevue/column";
 import { useStore } from "vuex";
 import { computed } from "vue";
 import { LOCATION } from "@/shared/config/files";
+import { formatComma } from "@/shared/lib/mixins/methods/formatComma";
 
 const store = useStore();
 

From c55dd76294000180e84798ae4f7e73a73f7d6f12 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 19 Jul 2024 19:23:05 +0800
Subject: [PATCH 152/202] fix: overflow scroll inconsistency between different
 OS

---
 src/app/App.vue                | 17 +++++++++++++++++
 src/widgets/pivot/ui/Pivot.vue |  6 +++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/app/App.vue b/src/app/App.vue
index c657131b..5d40b6f0 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -52,6 +52,23 @@ html {
   font-size: 14px;
 }
 
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 25px;
+}
+
+::-webkit-scrollbar-thumb {
+  @apply bg-surface-400 dark:bg-surface-200;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  @apply bg-surface-500 dark:bg-surface-300;
+}
+
 a {
   @apply text-primary-500 dark:text-primary-400 #{!important};
 }
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 526e0b56..8e47ee98 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -54,7 +54,7 @@
                     </MultiSelect>
 
                     <draggable
-                      class="overflow-scroll"
+                      class="overflow-auto"
                       item-key="id"
                       v-model="selectedRows"
                       v-if="selectedRows.length"
@@ -96,7 +96,7 @@
                     </MultiSelect>
 
                     <draggable
-                      class="overflow-scroll"
+                      class="overflow-auto"
                       item-key="id"
                       v-model="selectedCols"
                       v-if="selectedCols.length"
@@ -181,7 +181,7 @@
         </div>
       </TabView>
     </div>
-    <div style="width: 75%; height: 100%" class="table-card overflow-scroll">
+    <div style="width: 75%; height: 100%" class="table-card overflow-auto">
       <div
         v-if="selectedCols.length || selectedRows.length"
         style="width: 100%"

From e28112987828ab25567a2ce6bab92d20870331d6 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 22 Jul 2024 10:30:56 +0800
Subject: [PATCH 153/202] fix: overflow scroll inconsistency between different
 OS

---
 src/app/App.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/App.vue b/src/app/App.vue
index 5d40b6f0..e797feba 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -62,11 +62,15 @@ html {
 }
 
 ::-webkit-scrollbar-thumb {
-  @apply bg-surface-400 dark:bg-surface-200;
+  border-radius: 25px;
+}
+html:not(.dark) ::-webkit-scrollbar-thumb {
+  @apply bg-surface-400;
+  border-radius: 25px;
 }
 
-::-webkit-scrollbar-thumb:hover {
-  @apply bg-surface-500 dark:bg-surface-300;
+html.dark ::-webkit-scrollbar-thumb {
+  @apply bg-surface-200;
 }
 
 a {

From edc4899b8f4417e638b5fe49466350dc0fd70185 Mon Sep 17 00:00:00 2001
From: Jasper De Smet <jasper.desmet@studiohyperdrive.be>
Date: Wed, 24 Jul 2024 11:32:50 +0200
Subject: [PATCH 154/202] improvement: remove the @mdi/font cdn link

---
 index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/index.html b/index.html
index 5fa6ce98..65422735 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,6 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" id="faviconTag" type="image/png" href="/favicon-light.png">
     <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
-  <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   <title>ARES</title>
 </head>
 

From 37d8206e7d9f1b9393083a1ba74b639baa3bed82 Mon Sep 17 00:00:00 2001
From: Jasper De Smet <jasper.desmet@studiohyperdrive.be>
Date: Wed, 24 Jul 2024 12:05:04 +0200
Subject: [PATCH 155/202] improvement: don't use google font CDN

---
 index.html                               |   3 +-
 public/fonts/Roboto/LICENSE.txt          | 202 +++++++++++++++++++++++
 public/fonts/Roboto/Roboto-Black.ttf     | Bin 0 -> 168060 bytes
 public/fonts/Roboto/Roboto-Black.woff2   | Bin 0 -> 64168 bytes
 public/fonts/Roboto/Roboto-Bold.ttf      | Bin 0 -> 167336 bytes
 public/fonts/Roboto/Roboto-Bold.woff2    | Bin 0 -> 63920 bytes
 public/fonts/Roboto/Roboto-Light.ttf     | Bin 0 -> 167000 bytes
 public/fonts/Roboto/Roboto-Light.woff2   | Bin 0 -> 63232 bytes
 public/fonts/Roboto/Roboto-Medium.ttf    | Bin 0 -> 168644 bytes
 public/fonts/Roboto/Roboto-Medium.woff2  | Bin 0 -> 64732 bytes
 public/fonts/Roboto/Roboto-Regular.ttf   | Bin 0 -> 168260 bytes
 public/fonts/Roboto/Roboto-Regular.woff2 | Bin 0 -> 63748 bytes
 public/fonts/Roboto/Roboto-Thin.ttf      | Bin 0 -> 168488 bytes
 public/fonts/Roboto/Roboto-Thin.woff2    | Bin 0 -> 61912 bytes
 src/Roboto.css                           |  41 +++++
 src/style.css                            |   2 +
 16 files changed, 247 insertions(+), 1 deletion(-)
 create mode 100644 public/fonts/Roboto/LICENSE.txt
 create mode 100644 public/fonts/Roboto/Roboto-Black.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Black.woff2
 create mode 100644 public/fonts/Roboto/Roboto-Bold.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Bold.woff2
 create mode 100644 public/fonts/Roboto/Roboto-Light.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Light.woff2
 create mode 100644 public/fonts/Roboto/Roboto-Medium.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Medium.woff2
 create mode 100644 public/fonts/Roboto/Roboto-Regular.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Regular.woff2
 create mode 100644 public/fonts/Roboto/Roboto-Thin.ttf
 create mode 100644 public/fonts/Roboto/Roboto-Thin.woff2
 create mode 100644 src/Roboto.css

diff --git a/index.html b/index.html
index 5fa6ce98..26f62d99 100644
--- a/index.html
+++ b/index.html
@@ -2,11 +2,12 @@
 <html class="dark" lang="en">
 
 <head>
+  <link rel="preload" href="/fonts/Roboto/Roboto-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
+
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" id="faviconTag" type="image/png" href="/favicon-light.png">
-    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   <title>ARES</title>
 </head>
diff --git a/public/fonts/Roboto/LICENSE.txt b/public/fonts/Roboto/LICENSE.txt
new file mode 100644
index 00000000..75b52484
--- /dev/null
+++ b/public/fonts/Roboto/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/public/fonts/Roboto/Roboto-Black.ttf b/public/fonts/Roboto/Roboto-Black.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..0112e7da626ca2f959eca850c806779ba55dbfbd
GIT binary patch
literal 168060
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%0ATP6Zk>=6}r3I6QK
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
WVelBb2)1!{_R^~ms-+tiJp5mlrotHj

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Black.woff2 b/public/fonts/Roboto/Roboto-Black.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..beeec681b4fcbd89c9b416baf76c8c93b40486f2
GIT binary patch
literal 64168
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
E0QWRIG5`Po

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Bold.ttf b/public/fonts/Roboto/Roboto-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..43da14d84ecb949ca5f5e8ecca3a514aa7fe1c7d
GIT binary patch
literal 167336
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
Ny$YdPy5Z*G{{dOlmZbmy

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Bold.woff2 b/public/fonts/Roboto/Roboto-Bold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..b102004e81829b0934bfd25600f2cff9beaf6aad
GIT binary patch
literal 63920
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%0Dt7wb$*vEqz`K45D-x>qQ4yJzJG}N?}vTbJG
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
CpQy_K

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Light.ttf b/public/fonts/Roboto/Roboto-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..e7307e72c5e7bced5d36c776d0986bf71b605f15
GIT binary patch
literal 167000
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
Og7zwfTI$9`zx;34o!sdF

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Light.woff2 b/public/fonts/Roboto/Roboto-Light.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..3e13c5f31c9226a06cc86930e77cd1641f9cb5e1
GIT binary patch
literal 63232
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

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Medium.ttf b/public/fonts/Roboto/Roboto-Medium.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac0f908b9c9c73da558b45d65cc5c6094874d3e8
GIT binary patch
literal 168644
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
X76wnEi(n^v8!x?bp_;lO!DIggn3ZN8

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Medium.woff2 b/public/fonts/Roboto/Roboto-Medium.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..8b1aebb23d79df1d3fe3c1aa9d232d35a8285e00
GIT binary patch
literal 64732
zcmV)%K#jk5Pew8T0RR910Q}ql5&!@I0+#py0Q__S0RR9100000000000000000000
z0000Qgkl?k$}SwM5C&iXjRFW<34=Tl3<`(NaE9(c3zQxJ5{eiBHUcCAs5k^51%*xr
zAPj<2TX0*F3+2ZC_QWuyf@YN28QZpA^at`(xs-^<c0_g!uO3v`+6Y}SjyZ+LLBP_d
zQ1<`-|NsC0zcQJK&Q5YTNp^@Kj4*be(*0fhgPM6Dmv&qVx-0^95*k5`n2J8<SuP@D
zz9@2O!!WGGAPgq^z&bXu%{!J=i*1P5j>lz+jD0@j4Cb1NE@wD`V(8VQPJP10i(bVP
zC!EXPMF_vBY`&^YFg#Rk=r>fHM)cBL<sa>OjzqhzS{l2vcc3sl-kzRkLn-h+L<CkV
z;c#>>xCR0<)N{a9yA7Myw!EPqz1&DV=WWtublz2dTv5ujM>~3lT3Cp>IyxeD_?uj)
z&Zt)E3%&F>*A?Ewd(QW-`#0@*Fs+)YCn`C@Kh$dji>a2iHK-9xC7AG;wc~;)VqIWZ
zc9?}qYBTCa?F-b1SG^r>-`=6?TvWoV8q}#7)#|F_r<qoI)4yQCOETp`vgvz@>lH7c
zm}F^VVX8Bk)DBdqX!VW!l&!q6(USUztX?L0W_W-LcS!@ygegWkor0t!>7aq6VN36_
z;otGAJ=AGFh@7)1!rfnS{$DV*3L7Yi5ZSdKyeQe=${QY)yDit<dfuVv2mP)-59yx1
z{hG)h_$ZD=i)-AA5(!_;%^Ue%ESmJ@ckPA4No-<Mv;3uULWW^XabJc{L_s9DdR51(
zDGuTg@vH2IOY*M4C+&ZVk8DX_QVxPTC8>}NEdyg?WZolI#S`azRpFDyiti<<O3!{k
zK4y08&)D;Tj=&-)pq;c2PjmX-w~HQjgy6w4gNg!`Sz1RbVyUH)ng}curXozt$$e8l
zw@BKeHY%26dAye8{>x2TMI9xW9$-GeE`T|Jc^((|A470?Kk3@OY8q9HLRh@uP-`m&
zc(?Tr!A?^M5fM2hB64nUrHJkl$HuYl?kk1s+u78VhOHr}WoG`L-fdTt?ZS!cXnt)Y
z`V#?Xz5&>#U`<yyI<SH)K?FfSDhwpVL_~C9<kl|jS^Hd+P8aUq?-%{t_6phB?E^Ts
z{U=(YL=?mX8&ISKl_(KZ46>B!|I`D{&*49PDt_vmD*2CO2uPF|paRzh9Bi{XQTguu
z{AXsfCi*fFpenQt6*_1V@Pxv?<OX=V{k!2fcR0?SwHxfB^jgMDC1WRcW-|6ALQB`Q
z(o$$>Ju803I{VDfM?_}q_qZGf$Y9P^XxKQr&yW;J6dILg3hBbxOPnf5r4LnfVa@fv
zFohxE&UC}GV%vI&|I0Z8c4%i@g_Uzra_8wgazW}3Y}>fsM`dUey#yyJQV?EtoqwGU
zf!jJzaW|bfa3$bFp|Bk(u7Lt7Q*Aj%6UQPn0W~U;$oZwVusO|^{hMp$8}02I&qw<`
z=(+oMW&<o#bYvtD6op386^?|7ag`Oa!T|9b-}1K}(iG5X3BgYtwep*Vo$Q`54p_tI
zPpH|vP8p)~ZR*k_zZQVs!N;Tp^rWYi9Pvta*Yt}Q0MNh8^z*fI(>>GU+|KOIE*1a*
zg5Tit0`Tr+O=dwkdoGoWjD><oRFF}Tu?!MbkyTgu55lh?qu>92ZQiaowRyYXGtfyQ
zIt}sAEplE<_cz2^q!bRzocuQ!B_Rb=n)cWF-)@;M1fYISKJO~DIKLqz!X3*{^PlMW
zmCmmo$uu$v(IkJy)ggp;QNC%={Ys@BoLABTP6u4t3C5qFJ^8MsJcR*6$3Mlz{@k8$
zn0PKhP{5fdNgUBWDA&M@))A(1#W4|4h38>MxE|R>b<JcwyV<=Q3M?!Raz9VVqDOR4
z1UCi=1fO;f<?IYU-~eNxqMen^rJ1+j$Me<3KJRt`l+n|%HA^$pY792-%V~YJ$W~Ri
z+8TcXcy~g9ZDr!1?byS~jwRJaN^Vwi{76@X+ad`T_`4y~akYAYpujGIY%C1%L&y|>
zKm&_Ez=ylxi_>0Na<<ovxjrh(0d@dA0vwFmjY+|<MHAkv5w8uzk7+{+VlU_`fq@`M
zSy&kO+7^F%3yOlqa>erDhZc7pgFc_BR%sQ0mKt30jmUA_v%-04*9Va_=fmA>qpbQ@
zRaaM4H_+$?B%&b<DUckA#OOvOM{^@;47)+ifTVWEuhALrL`gf&NN0=*FS0)K`2|tD
z@6yYR4}$3ae^aeKy|;>>M35M%UU$o^_d)mykh-aLKHMZEZ=rNSyeg;%05#L3H0lwh
zaYnt);J#OoQ16jiqNH(LjknQk=1geAWTX8)h<_Am_WYCop*1r*TO@ULsX9;vVE{E4
zQ6Xn1w3i%AHV2HG0)j(Sl?w#~7N*vaB6=X<6w6n{^U(D_-A~`KyL3d?ZRXL`e+wiG
zU;1(he;{GN&(z|1`n^`tcP8pPs|?6IX0a7uj)<9nuh*I#-T9m3+|y1$ZwK{`lbn0T
zDN^G_z~3pi7cFy$08k^BiK@M?RJV=v9~z-Y1r1f^B!zW8=VLNbK){rS1gML<xcx8H
zwB6nJ{{?`Y;S%Q|*cp<cR5{mj=Mr6cx7-!(ZucvJO1!b*5EJPHsk&0Ns@iRYFRl7k
zFJe??o25xgsm2(SvWyQ$*1sEmUmM-4_nG(Gp_Io^ig=z#5s?ri6bW4^rIb6yR_)+W
z_AP>XCJf+5#r=Nke?xEgh7FQK4xs0KzMp5#ECz4PuH<gJP(eXq|Mk`%N&CM{_5WaZ
zF6XDqEvZSc4IY3%LTg=Nc;9#XqT<EbyJu(aVkkl*g@{NH5s@GvNdNEoU$zJYHUP*k
z2*xO*H>8h=$Vw}bjW!~iZAP})hU~Nx+3gr|!dawQGjg>XNN#Zpa<BW4hdhKl;t}LA
zk0DQa3VF_R$O~RXUiJ#|n%9tbwIUz;82Q}i$d|rGzV+|O|NDO=NhQERAy9zRgXjYs
zW;i(WnZprAgd=Sqa<;RBbDKMy=RDzj<_i}%7%p@uT;%XL`pCHW(Q%BiaXI7R@+QFj
zI0^1wQ{WD*9LHKE?(y2lJy{Pi*$_@K3%4=^r`ZN>YrA-W7{G(-Kmp!&I^O|2eH{aU
zXLLsJFo%VQI~+XgvxaAPcJLg|0iN@@!OMJnyvp|z-iH>W7b`*AqNAO4qP!N+H}#|c
z3!`7M(WL@ZeKhRkHDT2kkJTOuJ9|mk%^SyLN3oUL!nO|S9YAeqKL|nqoCR<f5ZJhy
zPP*u#n{JM9grgh{m#m6wkRZ@lNe9O`78gMP&Oj+1KrGIGOt&ECUs6yYUII!j!yx3(
zl~yPvo-kqptTb8x03ZMW2!a40Jq!RFBj6(d2<l<>euUfy03!6SrqQx!SvPR-w<#63
zc~m1PW9KMuvszp&&K>7EvFX<US61dp0B(2o==*on1+)A~dz+cgPg&<OPw?sYnZ%K&
z<jK~<dX~j${Hmm3ocsh&Ms{?XUp7V-`y^Rh!rxa;MqXC_C<^LWE8Bgx1~wdiVShwZ
zL`MW8x+7ZGb}&}H)DdTJ&GGscE;1RUvW!+u(_K47_b0Mco9=#_HN4uj>zb@!O}n=~
zErRi{%_=(izA1M#zm0p%dQjur>n-_xuhj(pa07oF+i8<0*q>j9+^r$LWOv<DHJwU+
z*+|WE6SldLEMhq@JPW}WB|**4J<-kt3j!@Yg(MZDZ92*$)VttzC&O9U!p?z6Rz&vI
zyI_{@rt#4-%I1Unt~T!{3;Aq~6ci9)TZKA)BG1$+94qk!n|f;US$zxAXL%^?uA2Qb
zZhcpg<Ul>&v7A8LBT@5XB(yU~+p%&iHB;mU^01-(Nhcy{6Hj-`_*AvUWa+-EY&~(w
zW|C-902|q7-*<YXfZIiBKqsd7On%4b$4uV8Ur1LVgv?ML6ao0M6WD!B`9nJJ1q-rA
zyyi)2@~M2z6I85C12Ry>9;Voh1bvk}yM+8C4|%jd&STSteAruJWdv%7HCQ=i6|%gn
zhJ_?D=g*nH^I)OKO39q@`Ws+~-yIh4U3op0lzdL46SUK{^Qd|5F-<>MsE@M0Pwl(L
zxkg(-Ol9vVH}BC=H7t1UDi=BhINz{z{w=scrP)NS7iiGB#HCXqnK}lw>`8!~x-m!T
zYY%DJovgAwJfBb1VRz_`?epjHgQ#ArdKw(Totf+Lu>Bl@QN(3h>5d*m(Rw0m{((k~
zI`yVFpNt<)h!?addY|+~=#&Cd_)`U6Gi>MQ``WhIo0-$D`TWaUH|V&_pL3fD61sht
zI`s%XMb%Omm0{vh909eVZ)@9K*y_3Oo(Cbv@zSo-<KO%2F}L8pzcY6b5EtnV-SJD%
zFsm^Xcz1gFZ*JO8|1%@+{I?4*1q?WfG_B1=I0UPyuv>b7^(gtopmEOyUz=I$VJ`w8
ze$GC-hvMeToelnd_-f>buVq#^#hP2s&rL=gQ4Qz6S-jqd{;GOOPkhQIt+O&?s<;Nj
z=NkSE*%kiK-)F4q9wkf1A$k0LH}{Nt;WKBs3%qgv>-3Fx>MmI7&xeCBmMr+%?f3-?
zu5{e?*Td=H_PjYiwPvYosz2Pl#z}`^Kc0My)sgR+#CjhbysX=6u>M3H{WtTc--&0`
zLg?`v*Vmr;Uj3_bgYkeLk9NZ1pBR7s`uvzS-2u8;i#C<vjr*FzQJWcF@0+_2AqW2V
zrriton>_!37(ayv48D0+eIyw~>$2**bvGEX`V!k6g&0cFf(qwv2HA4_&Jhi-3uoTJ
zs&uvE4uLYa#NzY*cDe5ZvC4$fvi<yW%|DihgF<7lI6Q$!VzD_~9$z37i2)FT5s6eL
zS146#jaKJ3SBi&#g_nw`4qd$ljhZxT(W=d)nz{x+(A3h_A?oTUkttLf9fV*8(|*gE
z;6n^K)Of}({s~NI!V?irxY-wV+R{*yTNErh1^^)#K{1>lDVkw9UJxZ&Q8nH8{Kk3R
zV~JEIS148ZI%u}Vep%HZHf`6Z$j0Ut2Ssf_QZ&PIT$x;{*6NLBi@k%R3zx3_1q_Zr
zqR?0zo<Jm#DO4Jr!DO*H8m&(6?&0a>?c?ibFq+I3tIduRQ_~=5@ese*#O79hm9dL=
z#TJ*oc0-^AT_}Kt0pW!Y0vW7C7iGAihc#jBNx~GBukJI4##$^0BnVqV3B#U<D^_uU
zv34W|HcrIF70wz74<RTLgP}H9_GUHeuh!7R8E~BA0z@udp>SnQ<+?>#+)56&*SXyB
zl{^NI2f?uKAer-zLO$X@@c4$e;PV^n2&|df4!|3;hUfxw+X&eSENBY^4lK-bIAR5l
z$dcmc%u*^nvb<GcRhd{__6Mv9I+(RlFV;t6!=4|hjk6uwrXhy3b?7D9zPUB++QK?^
zZ)sh7w>rhXZO?UJ|Le$zgiIvYC(58QMJE0F42F%EWZl^9FJN5JN%Cba(5PssPSmw}
zj_=TSQH--xWAKRswbZgYExWsmLg`19(NuH{G(k4l#qhggpWgBLfA|F@YqA&y@OS)x
ze<I=Egz#UoAMk(j?xU^!m+3%lj&4w>liq_tsUf!&8Xa*i#z&pI`AO#?vx@n8q?!fD
zE@|>!DtG5?u3)!ptz>GpRkqu<N1Zyk%QP;h_50S{@kyQ2?{ciY-?h^Fw3Q0`yxZ0G
zb*r*(d+=|(_g#+?_kG`|@8^CF?azMC-e3LO>U>&jd%k^Y1c^TqP$@2Mlk#y{jtMV3
z=cE^re+DyT6l!CcRJ`#V;_OWRX?C`-bh}(s^;_s<O}kQ6abs2!V!g3L?M=7KSzk@%
zZn(P@Y^0WoHdb2|8?Qa;ruwCtP4`E%z3s2)o2#?7&G)p9t;VZ+YYFSyd;<;aQ$tDj
zxv|EkNS161{nI~F_PW<w>~o*Dlp@9c-*R@QSe!kY?)4`1X7!Qv(R7Gpht#2T0<A*h
zX>Adt8iyW)=|x~>IL8r?Kv*IHNd&ADkSk!5fRn;b3p*>UTtEd!l|U?kN(3qsh%Jzi
zlbBPVFfz!I@7K&G{1N?}JFVS)DmnUihRlc=GgJ1MS+S>ody!f1>~<uU#d0#bcDr^T
z>)iEY1K5ykGI4Jv?oSSy<lsr2Ck|&1k0av9=X4K8J10k6Hm(rIew}|^dR=}ks9VHa
zsfbpLVil)&A%s-6b4+%w^PKMj7g9tqC6rQ071h*G3oUh_r#=naxJ_zyi(1{Lc6ZWE
z4@`RLV}Kz>7-NDdW_Zi{kIg?0QJIH;@CctXqUVf+WGb0S-%A$KZfUR0Rpq8~S9z#B
zRbDD@RkZ4W>Y$2Eby5dWi`0tRY!9V&)FJ)ltBG1X@nLde)Q1MppiPQowimW}>KXSD
zE!dQ38LimXsCV23^??Kb0ZBq93Bx21Ngx4jVJxg=0eBL?2qcIRNeCm6FlI?2m^F!F
zwj_qxlQ`x`5|}edVy+~Gxsz1p1!V96KL~(8paKmdAsP+>9pWGXk{|`rfB~714Y?v;
z{2+c3g@P##i(;$PDz_@m*(|b`H9|AAiigkvysKqe5=*Mc6os0K$~)7zJI#C3zS*R+
zS?A2$BRfZPZsCOP`xE-kXa7kPB6&hOp_~X_L=(y6dUl=9uFKhVJ-cpa*Zu4&&#va|
zYR|6j>~@>DrY4iXY0_)jYt~C{Qn;xMmQiAq85It;!E*>*VppF>dO}`3A>W+Pq*UJF
zdriY{+V&=`&0076oxDz4aJGmga*0|Jx1?>|mb-1*3YPM%;-_lI+Li3eb`>l3j<*v2
z68|PryqUV;=5TAcJ=6~$M)Zgou_JCYAMxW~Q_hq(31$!CLYsuP$OD&!^v=jTWA9A8
zv+~ZVSpU1MckP@DuAdv=et9U5_e3A$vwXHM^fiT$h0ui(3MCd^A!#A^Nh^6ko)I1q
z5D}4(elkd;WQ2^72{K8h$t=A?#dLs5>C1#?G2vNBc($mLE-UyNgy}E@voJ3sn~(Wf
zfCU=WXqIAW#;|N_WDi*f2ln&(wLaecr5S0)nyF@`ky=)3Z~fYU_Nzm6d?)sxp4GE^
zVcZif;=X7V55zOU69OR;645UPg;b1)F)<+~#k81}ccfSjNU8iNm2x@3w;)PKA(TaV
z6}f!MuL3Hts70%kN-IWXSEG8UI<(_DJ9e*a_$rNGj9-o4jNgs*u{plYR<qsgvkWcd
zid@m_;G(a%m9Ual=4!Ta5x%2+CzKP$DcK3{XqjA7zql!GiQA%He30nGBsOtrp7{Jr
z<y2k?G<oq|gu9$QTs^8Etp8-55N=2}v|EB(qWc=?fRi#+(6`#AeLAcopT9nTe=aCu
z!bUYw3$<{Iv_@-kIz@1oI2G<D7w?EJ)73jxg1*o5co8q*rM!%n^ZGtOjKxIE#9VI5
zLwO{R<%y(AmDEU`G)Ry1NxuxrrfdmE)%31rX|>krlCB!T_)Ngg*jYPo7tGph&E6c%
z*)G~8bGKJk;dDD<moOFVCKk_#ER)r<mcOwQ?hdZUP5JlSg74;gcp(25&>#fDARO3m
z1+Kz1xDGeqDLe;02w@y#Fa<NP1{<)24tO4K<1^&rB7P+Ug3~UFpeQ;(F%(Pjlt{^x
zO6inAS#+0r+3mt~TF$iH(YuC@<$nv#;l0~A^_+1ySx%LzQe94$no?Uhm+sPA9#`U(
zbY<7N>!r%QHXNI--Boy$U+1gpsyVLJjRrm88=(;!saZDbX4~wWV{>k<&AqX1CAYF0
z`^M=m=ID`m9AxyYA?x#<FK0hto|2#N&x;PHLRF{^r$bGs4c(zPJdW&mDR#&CxE41O
zJ`oZzk&<PyPPWNDIVR`in%om783hP&2#+!)3L^?9iX@`r#NxyO;&Bp)Qgo$KFeq*i
zafljpJt2BV!Gj2Jglr-v38EP`Kr~1+L?hKTtYk#ps17C0SDa;>6&y8=24|IM4QB&q
z6K5M20CGV=F<p=g3xuPDCq^V@hszU}FD`#vLB!&4CE!ZJm5wWmST?c3D_p$B8{{D$
z1t=UJ<5PT&FYz^?RkVs%$tpc%ry8}WM<bfhf;M!Z6W!>=4-DWZ;ITef<KJM%cI+f&
zi)^tiv8A@mR=6*jJKya5e0x9a!u+@yY?{s4GF#bpJII{9v+oYyi8;gBxo{V`M&#n=
z{~tiCu%C^yIa_gz>$#uj`HmmyWRguT`GA1}2OE5dA%~Kp6o&zmQaCAtzrq!-bmgnu
zimkfp(_H=Rp8Xuku^nTAQ*(Nj?&^^{Xz}oS3^^mtm^0<9xEIPA?11F5Tu!ySPB8pq
zb*wl3^m7B;ppPLn?CY1ucyV^h%X<Uw?mc{<PkBSWq2ChT65lJ7H<Bm$QXo)YT_3%#
zzORAT$m^6^sh37+k``%`4(XI`>6ITcAU~DTq}uUzqMdAV?F{AVn^s1YR@qqEs%<o+
zeY8ODUW>1l*Oo5Oj;<*}|9^%uv{2ouEADvWXS$hYn`^#cp~7XzwA3>B6;@nn<yE$#
zRaB#4zsEY}giBoIOlF3GlBkj)W`r4IrkE8*Vp*)6u{x$78^C^XD30eu9>lYFHZSDt
zOpi>@Os~v)gBEZfw1NlV8Q=i{5CIA32ZKNgM!*=D0Fz)E%)&cR3<sbTeuPT6jNnTU
zq=OL1g1m@KKIBIM6i8H}Q3|CIgR-d+JwzQCmq9=K;%`5{cJzBnXEu<ZIT>I<3`I~A
zjv)hv5-IIZB1VxljwPX|=EaB$aw*T$#a3v}$EDNzhBA~-JM7u>4HrR1AtE9oj!`Fr
zH}k9i36WgXOHQx3eaOCmN!hbV)T?N8Yc2kVTs)(dhl=l^;SMgm=eF}`S=KvP@0aka
z-~3)XBfPG!zGT}_*I94#?zerOAp!=2!C){WmCPNgU^F2@dsP03UgZD|CI)n|;*yFq
z=@^&}Ib2IcQ>NU%*N<dRReV$3<m7QHYuX}Adp2pAJ`B{s3`R<p7g1kkIIp~IQuBQa
z8OY77^b3-+8iLj$g3OMNu$X}Tie+db_Y*A#(ZxxSbU~sfbClhS^KPk>r;#*Qw`J>o
zMUc!(F+0ZH@!%`#^-b`dqsTH*N7ux^>pI(ruL5@JxRAb=;j+|f;+fpFC^*ggu{3M8
zhKhDrSQ*@d9|;5r4g>;$Kp+qZ1P=z}ISV1KIbD)uQy9F%=}RLtDJB#y!?9#N*~&8E
z6h@6K^CB#il{>3+v~V%NDpsnTh-7Y1k7wp`46dK#eLTw5`CizjAE!dn`52jJsxrKp
zyjUHNam`VD+|APZg==MPtELaa%+$j{5ooz(GUrFeN0Ep+3P$Upl)@tn%Sg`2<#I*k
z!4>&CrEE2F)yf%X%efN?aOi|y7b}AR`9VT8DUiK$lLJj{Wx&-iZPmEDbVo1=iw5yW
z$nzrmOSyR!-gbrhEX++VWW|%Fpzrb*%CN9?WA37%HGyFYduB$F2Py6;A*EKPyjS4&
z=M{E%?n3ny5wVNpNJ-{c2Jy?iZv*hse2+MJ`&e!6#Uh>{vQ_UF8O#i?Gur3JSmr<<
zag^k1Shhk<)3u7$WFwoD?ID0}H<Qke?uO)<$7CC#DCA509cmTY+(W^_bsR-1MpRs#
z1SClhW9K+WsXSH%t6pSd%rS?1ufbLu&Ny4n%{-2MuO0tX7d35JT^R(pVUSRjXy1_3
z;r0e(nn?3b?P84}!a0&L{bV>yM857XvGWRVGv|DwE2KwNcMY;osvgMi&T7nB6Q<n^
zTyuApeOrREUSY%jTselF`b?MfgjXMg(ko_7dFGBFTu%2k0x!w;0w-@bD`l~l_*PdD
zWMu0MI>WqYj8jvmF-k1?nq^y|rs-NKYncsfmhB;cZa0(6jx#qw-Nm!7lWmNG%{TrI
zwcgg?&5aGs#3>0ONqQJNGEQ?8{i}?MY>FvWjU&~{8E4D6na8pFwJSf>MNL~)R|WxY
z93)gF+C3z7xV=FzO_^rbF3t!doFf_2Ppi)iXC@r^&S*y*8J)Q~pL|{+IV!t-J-8Zl
zJ+QnxqZ)J8gz01^WK!1Y?k$nBvkDt)GRG?H)MvV^C%pO~lw2{h;;OuhtSDkH@lz@@
z@*9d27f1COSxV(AmaS0JbS=qRW&@jLdkCQ0^+7kBD}kLI&ttNSQAqjr_$#!rMlp+%
zkR+rx)|_XOUpwV>@?RHG^{AmOt1E*5FAfr_@8wVPoVJXBNP7BX8Z0(tBr@j(nIoUb
z0@F%SDWif`Fu=y#DVEZdt5>+V$L7?dOHX)2RPQAE8U9t}A(X>)0RsSl0?>8DV?Y23
z0001}000000DK*w0Hg$52PniCNt`7l3F+IKKw&O4S9u)xwF6HDHEmg483c$12~~;k
zkksLB=???E>j(f)02p`7<&&c5QL&}`b&3K2kH=#GFbqQs00sa6g6FaNl#uK{gB{#>
zRPU2fy5C7okGYQe{I#bfoteH>CY7mfu*yRlJz=-aSQj$}@7Q`KSgvFb8o_zQY|i(@
zg6zhgkP#Rfjj<Aja1o*ta~5*U)0yRv%F|!L7@1N;JtXMxuF@+H&Uhihgx8a$K7(dP
zElgTtUgZj|y5_nYokM!v<P6T`0-oa&W*jn8W~|vLTPuSA<v~JKB56o*s5(2+Y**^W
zT<Uh=rU~6HhVKYY$TL6Z_nt-a)l}9F?<4Id_6rZY8tZi&dGS>OC0M9%k)p+lmna!1
zn6pITfEcmjB}$emU52d6B5jGXvkEe+E-T6BrR7B0A?Y0<lYf`YgTw`Nj{+}jJx__g
zaogaa*TZ-9%&^Gpq^%6OqlT8P5eY**M^IjD8;`p|(=qcn$RI#ENI``-hJ-rYlNNEK
z*7b;B6`{zZNUEYaY5Tgd-kJo{%0jk8S+78sExgUyGb`372&{|%!xc2(ADzGE+L-{E
zDKlN3vElx%*C9M)a25W&J_#*_0w+KVTW8pYg8{pO1G_SVa*Ln6HdUzJGS(6n)>^bg
zWRId3Q=g}o5+mEt81E^_X07qe;m#`Mos?6mR6DIkZRbF*JJU;f{18UlfE0G6E|(Iw
zHpD+oy(_|W&jf_znI9>lf+lOsZzQl#0I|jq)+Cs=Hmu_qi?2fvA`(m1Y}s?<%$57Z
zYQRU7sc3E6vXU|Oa8`JPMSO$;cMO8(b#D{!vi$CVK4p+?O9oAe2Kpy$Yh)%H*`@|L
zwCtf!;n7;C`5e{qI2G9v^XfI2YH`Nda&G2v92f++X^<CGh+{~o!_{=s4sB}k{t`2<
z<n2KrJF59%ZOtiK7Adi^USZSz40d?^Ae3FPekB*Wr|~_=?{qRuWyX`dBQq+mWBm=2
ziWO|<=5vv0Q4>u}=oLl^REy{xF07fyp$`Jo1{qKxjv+DCb!O<`sNTgK!74%~xu&1O
zg+?`It_jnyP@=3>(3ZX9<!2$$J(X|rR63PHzp7`Eu3`s^$?f>XsTx&iVnVMlrh?>)
z-VX6BKy?#PPd6k<ZOPGJS3guxm#0}+x@Ysdp1$18Fhnl2XC7x>3}Qb>ph6r&LLIKA
z2rBYP#VUGwdThO88<`bfti<<pM14j{+uO_1Xw`C7L`@TIoi*98x!YzRV7kZpU>E_-
zPLsRn8;!y@{!Z{LPJ$%qG75A5+M%MREvv&clj!e5$P8n`oKHpj)`f{J{wU^-sn=C{
zz8|SyEfR^|724&k>G!QiP%yuY{<TOX5{X2wFA|AHU|<z1RZdhSYjjxg#EK`N?2DnT
zW|px+P1ChpYgo6DP1d(mZ1V!>vg6q)+<b{Y3G0a<aU=mr(s#^x@!I!K1vPD19j2K?
zzhM*R%BNxV?Cd!1nmd*0Sn5d^rRTHkwBsU#@`*$uQ7e&1^ur@jeUy7P(!G>B{gYJc
zcCX}4e`JSUKflb`J(9ev^E&zmX3E@Y7@iRvmq+$XdWZD;1;6^u?_Y~v$^NaMWmDzb
z%8=PZ6^tfCs2Fsy;-pHGj)Ccr!>zy4TcxL+h`YWFh%_H{yMJ=AcXDP3rXk4uiu)#s
z+(~peh%QcoqzgTjWGdO2MyFYi_e=U1dzVFB*4NCp1DwG+4PlBECOi>yBD2O(C49-g
zKNfqH?frlO8T`@18Wv@!2v)B}&<_Ozg#$Eg|9>(+A~d=aB1X&vMd+(!DcP#IdCN~>
z53A}m@l`8loOSMhsxQ#F$ZJ5OCU@M`T<>9Di~CwVc+?@FJ3WK+?B|g^$t_e32A4RJ
z(z5c3%BpG_gbN3X{?GIexZapOevDZv8MZxy*GB0`Cil#2`v_bWb~SBR1R%ai{e;b&
zr$vqeCHr#_D%5Dua(L3ICIH~uc0g+bpl{TFm~yHM@x9T5n6{NPA>7p+u@LMiyB`Vy
zU_^1xf(jdJ1TlJ){jsc4*BjZ&BbN2!3A1pK65PP?#DKxAl)!&av${cT^46BqcAp74
z?t?jaO~j39dA6X0)ipvZx-8jK;ij~z#mav7w76ed_wRu{!y_Of(QlB{h%pl;O_$mI
z+zDa>q&`wwF5s{bIul}JTWV_&FOd206Ce;3O^P%O*{M9y=wazN>BO9}81k%Z&A={N
z>7UgHJK@-BmKeo*p?F33m*-}cFN|sW`yBhau3`3SGf3uzg|ad%8V0uGcw3w)MR_Vm
zq9S>_y*;6;B-Lu?`&(0Y2J1BsJ6PWC4<TcOKHkkB!Vl>6iN3Tq^o9uXCXtio00000
z005wXG1i#4NVfFiw8r^c%(hzkU@L-7?&K(*3YPc7#ER&t&CBH?<qKl^_9Bx<-NK1&
z<-5R5XMg*<OYw9oQi~FlT7)kR-W=eUJpByXex1}qJx}r?5C{YUfj}t27;AFsXEihC
zEV_*mM&x}5k8s%zt+skZtG4oQ5p*T25&4H`L9%2kTo-uc9k%+lxUbcN+F`_-bi$PB
zT&%)_fQUrDK~f{eOqeunwyqoTK9r9uV+%eq8#vfxOFwA!wAL9X%Uxe?WTa$d<>x5L
zvJ1FhNYLqq;E3G{B)@op%!i)<fv9LT(ul<)BBLl$9L6eXU?h{2Wg3-cWlZVdvd=w&
z+#O!iqGr(k5u|om8y@n2;ytt$6E)0{eo8b|eOIkv$GtK4L5*Nr@)ik1*-R#r2{J(@
z3W6XAGK<uMpeY$|%_j7F?WtZOP~>>+Fz`bHg*^C0b754d6S7vEk#_RYqSrP88s(9P
zGS8$XM2VkBgj!KR(UK*@<>W6fUrb;}^EdlTW*^|^!UV}2C1l7!GodVyEjnNY@QoA%
z<ogbkGgrz{H)m?z<o1(`U>2=irVIT<s;D$*T4|u!_h3<9zOrHPQJl8xWa~TU7Ym1X
zJ?Q3tji_>FZ<=v72wsY|p`@*J)30{=$lXSH$lXM4)8`FOx!I6D&%4`*yNtSn++V&(
zm%;@LKJfjH758K5^S`@n>y!Nd!hqn-=>X1c0Pjj4yf@#)5$w;=gC%;o40lB_r~)5^
zaYs>J3%|5vY?<qq>$!w}OX{|Y(lI?-xdscor-DP{zp}v6oncATl+2P{hF}NL6jj;m
zCeAsmUKLMScvASm37JHIK8Aj0wKEON8__l@-9@!t%J)J3xhTR?xI-NI(nz>Gy`V>`
zRI!;I!=LLJNm@DEDpAZV+&^K=Ey};)bxRhM<4AdO71_fF&orah2N53H1_NhRAEXiV
z#*~}<*fIO>gb~4$#%czEKSbno)O`ef((XI`IHy`GpfifFqqt{$)H%J9cRg;N(9hUq
ze*R5IGsj1eiDGjRgkIOnRVZIUo)1IapewCBopHJlpfl}w4-a`JmNE%VFQO+MSTBcG
zo~fcPKhMxD3vf%$R<&=5t=1xa7R!Cj^<^C8BT{JsPnd`tUVfdplvZmb+OU_9h~c7&
zX^1t3+2}3X?03f&6;7))&0{8e(mE|Bde%`))4X7+7ftbwLuT4VLAPMDC1d<(29~3C
zOx5P7z5hQM1e}-^VBH3AY7XG^eEnOXc8+G|Y<1qImgQLci#U3wgtNA2L!v`v8XVuM
z@*U_WlT(xu(@MS|cE*|aoWXrY=Gip%R61`KT3Tl<JA~lWC-m-G2fLcUYYcM|VizBq
z4a3a)X`o($M=v?-xccQ)Bwc#S5eyc&T0iJH6_G*q1wH|+8EK>i_W~%+Z{q{O>ENEb
z26O`u$k!4LHE&!Ulz~PU<q$9=KJ)oNg0Uu4$s1cD+U~41`;SiWIO~jn1YD>MlD%h9
z^l%z9SAyk6;<?ia=k7;h9!NfYEQRR-y7*Z-Z%7{RlF#=Pu<(5_i})Xq(4|J?WVOEf
zb;y}&;iAM~VquFDk2AP8*Aj#*avNHBnwp51ltPwVdGZw~8e7)iww|CK&8ye(lhWpi
zmrq1Ya%*|@;rLMhd1(U%4UrnwsqLj#UK{)Hd(f}F@xkm(40i9&;PxiRd~a&-v*|O{
zW9CzIv*)M}tseSkE6IvAdz%<4IZ+DEIP2Uvzgj^TPf$}HH`g#q^X#;H^yo8S!eUsi
zf1t;wraAE7<1#-LcH8q|gv0r@14lVrCvZ#~H)GaG4VpA-(W%R8Jy?468!%`hlh~dy
zb<5^0S+-);nspmjoAGXlmDQ$f*@{NdEk_Ve9_J;4^FuC(rd>R=kCzS!(mA9{0#wGP
zDjuqnPmko%GwJk-kKRe6PYiuy(eH8AU;UE-T*uVKP>NwhGCUR|lgZe)86SrUaWgTg
z?25&)kXusBtr6T7a{Cj(5*s(g>JUF9oz{<Ke5Qo>qC-j!hcyaskwTJfxI&@A#~(xm
za%RXM4(>U^niGoWjGVb4eeQ7P@r;*GX7AcN>Y&mWeB*G)$Sc-C7%RQX(C8c@Wsg0S
zqRSdu&-r0?3^NzaC4;}VN2RT`vEbE~GUW^Z7EPuU&Jh&wOOb&%Y&Ng0#Ib3M^_hpE
z@5&?X-+Y-o$KeOQ<Gups?!7`;7d?!w&#BaPyjt=)UnBQ*gSZ~d^&;*O<{l&N3Fe-X
zanH!Q=dFkLy2F2L1dogG#Ugs~-GvbYtI*ev>js)K__7&#xkz6=!>^E$SIp=uW$cx^
zoM(z5XV2`NgL7~WR&|w7r*2QQ?_Xa7-a7I&;B6vr3*I+in%o#wp-@PytXM1-i^cM^
zA*-N;Y><{MTF4GL<{sJRq4gZiV@~ENXY;)OFrT!P7w>3mewp8B&Bk*zHJ49ys45jI
zupp^YPA>cxN~#c^L3<urhtEq0FO%mLv{y;<23~JN>j}ugmW$5@(rw!K{()Z#s6rO*
z3$lXtH;Vo1iRV(7N8VONncWC`$g`JXAEA8)<q?oih5~Gbq$|QG#$_MUek=#bauBye
zI7)FjOpY?#PHuAlOIaFnFXUG6`JyfMUna`-Eo3`~avtG3jPKEY#HE6K7jXNP4427L
zh0hh-YDia$;~K(sj2j3yF>a#;->^YoI!}iJNDl^ZG5|0`fD8#43RcD_3k`QBtp^h(
zrkMsCw&Q_lH%x>^_OvI&h}qlTkRoMY`(l}8tg?!A*0ISZw%NumyVz$RhaBRVW1Mn|
zbIx(eC9b)~Ew{Mm9*;b_C(wDpm3JfL$e~1uPd@R@H-7oWKmP<2ko{MXzyl}fAfX;K
z!3PWN;5`CZB(f-2G_nJ*gUDiFbY!uxIArm#1Z0V@BxIQz`2k_!@m%m!@KubvlIE0N
zb;?ei^3(JRuscd|$H?g<swzTNZ;C%kEC}8gzUo26LBz$>fbK4=8CeUNwUO6<u=+2o
z9ri1#-!|Tl8w-v1MX)YV^`Pp7JtENKjrB2P>5zHBuHZ>Xej?n7$xnj2K5`o%twB;7
zf=M@9c;REq@}xy5&f=*!i%{qrPY|A+m#<QteS4`j#oT|M=GHKtuC4YK{!aylHYla6
zNY%yV+cWS=f}qF}lP$ej0VtmTFFbuT?5d-0WcNvZHivPAsHHr_>WclH2G+DpoIcZ7
znr50KmPO&PGi0%Y?sE4+KtM3aZ7D*S55JijC>VIMLN{_NRaksxT?!?aF?n>`-E4Fw
zCLEpo^HQ;&z=s3pf}QD=0OYEbGu3xmp7NhR!^E2_y?uUXrZ$%HsezpDxV!EgrZzOi
zfc+ew*ZL4z*<Y_RuV&B7b+<4)KDBDoq|W~c;)EDl`WIT_6l%eFg0>i{TbwYz5JQ&&
zcAskMaI5ti(ce#CROpj~1kM}qOKa>0mjEnvKJpe8sk=u|(u1LujVjL^oKXE!x{Fcg
z)L+aX*{dvU_x_lj`{Nd|Z>1xm9Rjjzl+6u8+=0q3T<{W)dqzqi-r)9?Vs<S-E>TK)
z=7r7}3ITINs6?O;lCkqO6x$&0oPU{mB`A6tWM`T%K~AAt3#I$~yhorI_fP#w01$65
zRY61jInyu%>b#{EVS9;*1-zCaT(C&8ScD3SSq<LY704CA)nznR#ei^LIoBM0uT?Ym
zhCt&y*U6R=URUem@l7eMe?2`XF>l`d-#_E|8fEQ*U(;SQKSnV9t#fA4VEShk&gYVu
zUzjqDX1`lgXs@|^ANMKW_<T}6<u`2}eSQdd9QH@&iy8e{$LqMysjmyZIDcA<>%X|9
zLzk&nddyCrg&A;rhAhhk#pjo-`%=Jv(+D0g+6)90TqyBPNTS0@Qc{zfttpEn^--oJ
zozdicuIFwBGM;WAUbf-VPxcAr#m^5N&YxZydTA)P@a8iHhw_}aE**L8Ztp#;**PB!
z9rT45+52V%JZc2HF1&5)`EY*}T-mOdyki}i&w?VY6(d`^4CLkGXG@VPEsW%NFZspP
z$+x5ab?fWvY7NwUeQBKaKv0r8msP+kWRvT`8vqdAqBpJC9<XlSYCged_)+@mmSyXr
z3z&3L(h~;x)&e_O7Ha`n)UNs9hm91ZvYZvHyl@zKrS4KPmPy@}Fs06IGM=~8coI%u
z{m-vM&2YasyYliV1Nk@q<YD^r;4vX5E3+3IqD9kzWd@|vs1!0uzb;WnTT7DwXsD~<
z8O)7FgBmR=bQJz~HiygOBP_=Yq9iM-rW>YhMCw0gC~dXb9WJik_}tvh+T0nLFbXOW
zqQpp$Bn=Z1075V#k;>!>rAn>Q>huO+5Ku612uLVs7+5%X1Vkicg(#?s&=jL%D8a;1
zij9M-3=hBmxr9W-B&1~I6qL$Us8mIznwn--PDigstvdA@G-_hd%&3J)tF%_9z7;A~
zs$8XNe6{K|0tq#1)vl9RxBjH$l+?8JU?}YWelxSOb8_?YBiUTOP%Itq>h86E)mmeh
z+Np2n*@Ql$KVu}mdiFQfCRVTo6P8JXq=B+XJmxfkHk0?+nB*nurlsnmJrALjKNqg3
zb0ir~fNvNPVxlmAj~VsD3d4r1SqEW(ti<11NE(WvJDS5ALjk5oZD@&_2Gv-}hNQk_
zmNt%ZK_iDxrIm-*)AGZ6)6n7N)Nyh?R0$IV6H`{=TE8}|q%sBlA*8lwmqs<FJ=(W}
zI;=UJ)Ty1_+q<@9t?ZUQ)Mxv0_x3=KwzgmNoBnhFOIa?<XF13AIGxqU>-e6q!#tdm
zd@@hrDLdj*dt|5a>^*Jg__=uc&LE&Q9TdWv38pRW(r)c30c-;Z==<lJCH;j?J^2%B
zYw|RAQb9=bKJwjAuGsg=3ecQ>ru#{n|5n>N@g5lw6<u6XT2@|BN!JE=#R|Igx@M;@
zTAY@du{0~Ow1%zl6|o{$6galYTAM(v-pr&}xm&trTfXae!%E(bd-slxYC8O2X%l#|
zc6HcILSHEPOBk8m-u;0*HW%b$&}OCu@7J&!jfdUcP-v@7YqR^H?YNw|6d+bG<#Z-5
zbUV}d|CzlEsFlZvPo*!n7h*Xq$K|w~m&;lOY6*BmZ`&!LFxM{M<+td|e+69IKOnxf
z@e2NKFd>G9Peu}DqkF=d^_j-%cxmq4;Um!7CQyx-ozz^<E~K9<o=7&CEmqs5`!uE#
zw@%&v{URePC$FHW#A0)}JU+s5ydX-lqH4Nf+Mwu!q@bjtrlG|SA%ql4Xz>a?0SQW2
zBExH#P<XawJFe#kVH786mKSAJH*MG7AJ5nOJ50-V#FOc4zF4l-8bYhnl@uKrmg5n4
zoyFeX*#iV*RX1(ni3*iQXE51WZBEXvJo8UHzCa|FNM&+`Ql)lDNJ>e|$jZqpC@Lwd
zsN&TDO>MrYCmM1nm>vuPLwDkuuI11lkM2%@kQ#*4BD^_-jv{m%Vc`UVt6dNAVOD5}
zp+@cdu~L=$fVo#sea7=%__pv=cxvLbkHg$nXs8|(0Y!^Lh!P9MV#G<%QhQzXM(V7m
zzDOzV4?!3lhBhKnv{><2rYA^NW!ma9qDLqzGlU9DdbZ?9gxAVsSzkeARYk9*F2c^*
zNFVpQ6s@>il|Ujf2IjtMYDQjRTX_GdS5Io=^tKLNGL4f)-5Pzr5C$1Gd?aMVtb1lB
z?Q=!PW%ACy;KMNHd5(0nV;v7mrM{1!<jN0f|GLW4{=$}BEmP$g4t3ZgTqe<#ODDT^
z<SU|UzOt)2`n3?sa-fgtQ~i8-IsT=taQroC^>){P`dReb9XZx<=(qdOx_Y_@K);nP
z`T_0%0cH?%y7~b7{6DewH~fly79HV^5^aAtKs?x?ivakfNP?P&4ASNMXtyOnd+O5q
zZg4qu5uNGE7ttVg_@yI~0R}x8fx;ml<abZRbF5d%+r=aCArSU`-#&H<H?xtvEjD??
z;W1CNwPNrNdjhlPuCID&?stg9W|zVhNxM(FLK*4m4DXk_G1BYf|CP_ao(x)PKS->t
z6MKiEPCb_?)gn3-N<Nh$E>xAZs#KYyJG_plpHbgADi#v@mTGiZ-QJXjoRPLDVm3e(
zEF(!}u!#k^YJ5QJPuh0Tr(BJpq4ylv)pV>fR)xUFyJ!I*0QGaHdNb*iRhc2m*ZSmW
zoDztoeH5-L$zj7+ol^?Es{5_#SwlK!Y2~^}amCH@e!^HxIrFGD2RSuG7Vz)+;0l~7
zSUFeyQ{=qJb+%WZ&PT57E(e`m2~AljZnakzg_ZiIG?DM+QPoo!k6l}w{uo1De_q(B
z`h#4Xs?lNJ_ik35nctu;s;Kf}+Li0qgH6;ZsJ1EommR1&rYgb%Cw^Uy)$1whVsk+&
zw@peY>E1}qEUVe-n{qnEZdeHDh2RRBD#X`$15YmLO<w8CV_n@ud6$K?VP@XR>*vAc
zIF+@#Y&T`!FC3iMu;aj;FHhcH@!-eHOFmWl)g=dCh{FKS8L_9gSx8)NF{WU6oY1-7
zzT4>#?Y{z@QGu2~7hKZlfi0KbIP?J;?hFDRKGYqhT}*_wNgaKAIiV(QoWxqCNWopG
zaA)9^R3P}>fk0CE!Ns!&9d#mK*aALPcpwU=uUfAV<?m4*@Jm+7dK_NT^Zg}y!ZYgn
z!56UqAD|6@*RQ4pLO>b;P<3fI;DFA5r=>4?ET>6bvtaE%U;u`t&fi!+*3rUIj&Y4X
zU;EiVK2d;aSrue(VI?ssDM@MMX-sQ0`H($v<svWcy4*^2XV&M|=$}jXep&eb22B*`
z4gN}agF4f`uB9I_UKQyxmmj6N+8S-Pximl3segoH{658hqrdiqh}}8|FX0*C4F$sV
zS+Hiyo&&)|Qv#JL>S&`gIQP7ZQaE}si>JZFhs0OJx2{<p`(j7Cbq9Cpx83d^7bP;L
zA)2`M8$IkPFZ<F@OHvqWmb0GA;`f&&Oct#6=B+16-_Yh>fY$7u9I@i+YHP6S^>crX
z`jm4aM>_shUhTDC!BLNX?KgJKQ}5D;)-`&c6nxc71=`p8bqOH!l<=C2GT(HUTUTsq
z#gtL`j;(Y!w?p5ooGW;X{FOU>YyQs){{!N`@TXt>>_^}K=YQa-q2k_p{xyGj-T}bO
z7^86h|J=Uafo<4|E#IQeU5vnP`wj(wqX)oleUDE658(9P%dM`GaIzd6_W3F6W#WH}
zzx&DOO`rcfOweaPUjs}0+FICJ_*w`6ScBFA*ZkK!Ha@Jq*m%8Wu_iYm0ssI5fTi)7
z@#*oGtEsE_Rm2KuHDdMLO5t+VO5RHDO8N?M1-<fe#dgK&-4eN61pmD&*R9+EgkJns
z{%*mq@1)Dp3+l~@r77|DnCC3@FN>=e@$f!f(!o%DpQrnB)aZhC{_~sfo%<}dK|S;;
zcdK0>w?y4y_l3kI{wBLG0uiL3g51jqs4pZTi6ZJZ3`Qg>SWt|OdKkqG%Y16JJKbJC
zflrFPaOC=p<DC0aLzt~3+*`ME?jVLV1WZiIxefA$@W=&Wzf0QdprbpX22cca7jUDS
zLb>_gI~TXO^~O8eZH9Kc!R|12XQSO^u)CX+d)#{io?L!WMJ<lUYv75ti&eT^rVZ&G
z@M;IWc4MC8#zEeW_r4R}>ZG^jH}+1G+&|a?ovq#nQXJh#=vJ(__%$hE%xW^Y=7t0x
z_D56svr(wwUDwQZy^)Au26Q4EznlN>2?GGD>SN{}9(HEKsmRXF*?`&n_)^fRU7o`n
z=QQW4FMc=XI=8vIl)sneIj?zFbI5jEyXdQFE#z(<`l5#${u-{amu<uXI_JYkbYj8`
zE9}JXZF_s-5+BZnC@7(%Qc5esG2!hUTeNMqZTJyHn1n6aHA&odyEZw=O?fJI-QJab
zdvny>=-0zR8hAs+Ns5UhktmWv7uV7Yz(wPTS*k4C>Sx;aJ*|KXB}d*}O^)cu8A7Q=
zDYNSU=>q44g>AP&0uZs1ry#pMI&yB`>5ThF{-a;yj!&AXpfE4o&cmHlKnOVI6;gN+
z@xjI2<GyhSg#m)Vi+po>fyCfMLQgp^gC#JqH~Q9w-yiL938VQFRA@G(P$Z%zU?gOw
zd^bAk9f>;rbS-P$CWp3<caHJ&qYo~DS<`!7z|S5UScmgw3L_pl+T7pP1O*m0V`$)-
zOzjD38eL$!!hu8IV}o$dLWv!w<>6|+km@w19S|Q}2y;_EEv?kkFN&sypJBt+{F!xL
z;g+?%<AwRAcR+<lP`+T`B`UhjC((KCb|nm>zfJ>e@bAu0JNB-V)SR*=O7@Py&v)Cj
zL>W5x1(*C7v8J)3Bc(`g36y%f)x?gejaEf6d0-@t?O12z?J%_txZn2;;MpGlxZ$e;
zT=H!L_`~<{bN5gVsdkkZTE7-CA%={<C0-B|oVlQdOMQr$vG#oD3M8;4F+^G&WLM?>
z%m5ybG1;GEYZU7(@3ncEtCFvXnMR5Xc_|AE&pwxvE9eMB!R_mg$qUC95?}sul~pZk
zDIXVlb}n$uLD&%an+*1CR-F>LyV|FSD7<BYm>HCfNo5{NJ@^=n09o!4qSBK<V*kCv
zB}$Nthx=GbPO>@a<E#h<X%WF3&2nsLM5`nOzuBl1z54!~$;w^NkN>tJ;HQS^E+tdl
zOn!{+H{2(w`P}HgGWC=f&yoLwUrk1OYR!8a!T;~%)5(Jg^>nhK5ay-|3#dMu<6(y%
zQ#Ck9`f(28fx*nJpA2Va*Ss&{0Nld=33dVL6fgb~h&lv68dI@A?>IUY@(AbvE{<{p
zE|^yy!K+s|$H<Wb+gtW}<B7h((m)>WT`RypBihV1KbRE)?*-Zm%*?^5tv+_rh!lT5
z8BYT*1u=5v1fV8qYjO!{#cQ#~%c>QL#CwhfKm;HF5CG8t9gOAx05v<;UMuHBx4d7I
z5$gJrgFHnU=Z%(!2ioSe+$$w2Vibn*>8H37$t2N8fQ0U5N}B}dhA@<OuTceY^Xvu)
zf9`*L$ZYg@R+?#%>ze8HSvu)cm-?;Sx`$7(-pO%vE|S8OQkuSI!WWX_vL%eepawt1
zw|<z<6f^~ox#S#zSzTWBNn%{;bO1R(#=qd^YR$Rgz6&jM%je6}#r=35kJs8h1_YpM
z06a-DDF&+Q9K`n>pzAJo!!-WPp0~d5x2siJ)u4G0^NPi-iVC#FP)bPy08oSa0q-yW
zn_3u%>mVM2{zChkGoQ6FyQC+>+cJ&}Pofm@)hHWNFdqgDAcz0DmjQYRMi^;K{jfZ*
zXA_YLtc9YE=`r5vtBQT59<z1K;hAG>(~cF_;N1I@up_k43&WP!CBh^CBJ!y^YDHCH
z!95^hM+OPp^Nb!`LIVrugZL@r;MSGlaGD_dMeNbkMLs9qIr@=DuDJ3^VzE=IL<v%~
zXiGe5_sjb;-goWx>v%sBB{DPAh?}O5c#XyslXc3AWq-A$mty73F;{6BPC8ZC6W)x_
zrrk$;jMh0pp)Qiph~fhFCvH=MTzbzfltBbR;}n)&Z>%buLUh`RfTHz4g-fbn%224B
zI`h^W58)LCkxZg-cD|@n6{6#@6LFY?oTc^915w1mA?pC0Vko2fRK2W{+56aq*k4fm
z!6(Ov`JVx%Wl>02r<33`qoB?6Jw=*g)D^Kf%lQLwlV!wv@$Q61`{B+wn2aJ;APqF7
zP$rF|P9;WA+dZDp`|~29+xd4OWa86QZ}OQqE6_TdMl-6>*mXuUx;x@J4F_V?1sN#p
zWOYpsG*c4-%eB;-`U<snCo%yVXnGM-s_geor#^V2)-h8>8kdBrk=%s*i2-Yi9iZKQ
zeJsv~@z%y76z*g==uL|337^^I3953h8Bjmt#oyS}5kyW>tX%}B?NSufg_$-LQFCs%
z3b|n5f$%L8X?;y(kcxS{*^8IelU5i5sT|ECaWPz{1kE*^R?-#ctZ1u-j^o*Wv?)`p
zvufk?WB8C&(xaU}TQt(S%J$Y8rjrLuye{5IGG+3%+9p<2r9-Qwp&&8my+>x<>P?-q
zC`mYXgsr)vfq0@vrl3d_o%c`Bh{)_28V0L<7~x`S;f1;`sUTo+Rh8;zMis~yVoISI
z?S4VX(l#kCp~=y+kvD1Lbzm^8c&<(|xlfy$IAfKeIZZLY9B^dJ`(dZdB^E^{u+Gy}
zMnRbqDUqpQ)ls@Zsw(#?OV2XCUJQf1yY9qOQuk(SS%<TD1oHMZ929jZlj(Wg8C9Ml
zf6$bDbfp-w<71A{Bge;m5%-Q+rI;&ba-@z$*^I#}wK$T?g<LJwdZkhe?Og5qaEa`R
zAuwhHk`+^itTHKxkw>_qBg_WEXPhbjC+r|dq+(FW1R$dzxW=j-YP||V8WRx-2hbt}
zY!s6Wd8MzLglbo-^|2_2jrN~eQWkodY|3z+IF|z~iCwTMmVgbUGVq$F<6&+0=bWoV
z>ysV|3Z1J_@DIIFK!6URZcKffryN(?37Y4aF1eUmXbbn9Imo2YrCItleWdApBmSOx
z)SaBOYaE9<-Gd|PStex5VUUFGw0Ie9g4!kW3|j6qjJx#qLJLT<K6VJ$sCAp6FU>_W
zG!@YQpcz<q_>tF-a{+@w*CCera&v740b0eKq<Rx-eIDB=$mGubV3Sp>kskGN?m&#`
zscUX;X>vJPCw??G8M*VRc}hR4KV1cha}`F{#I+}UxcSOVlv-3Ex*(x#S7W1~p+mJ0
z)qQC}*aXF<pTI`NK*;<_&q5_|b$&{jY?dlX7ve=N&Y=m5yeA&xNdP~h4Pk*gxFqPG
z0U{I>mEklHS*SqDIS!&2;!-R(9Rm|!BZJfP!nu<nq!Djy(BMBAR6cqxAq6efxJOP8
zZQ|ERB6vN{78$pmWZ1^<)~X6N6Zp<3{PZAW+zC~E#g{dix4>{A5M}h$^IC7p^gvdf
zZi@YBC_I2m(Vn<01yo@)*(-xRB+t_Nn>J{A!k>=XY6uQC8`x7BVqN3@at|r|g-1q_
zOek5g=8(+3dg?*$VVEn`Cfjv9G51GzEhux&OrTg4HozejCePi2l5t5LAY1Qp;e3#4
z4I9YX&XW6^L}gQd36QRM+gBKIcW%5!I}rQChR!c<s9@GJ*0sf;2D3#qV6nth^3Fu}
z2FR{5gNYo;9FvUo>+|JmJDJbo!+Cgc7|afG0UU>*i63!CXfRC+;?zEWwd9ocF*c|q
zETMrsUg=QWuFx&K#&Y4uWbYmMx9{LWU_pvmURG9Z`1%a$sLB)$ns3!CFZ|HNi8Gi8
z&su&uf+8J@8Y67$?o8=MWm|9f11YHotQs0KvqpP`!vT;=%BQ1FD!nu>X!Rdh-c<79
z--$$}tlP9&1}&K8F?t!1roS)&r8n~g*w5C+MWFR$Xp>ScJS6VS(XfFrBHg?I#}HT=
z209S2O$QNP*eprYxD6s}N1Ti|G^*s=<w2d7%ciB(1YQ@?O56n`3K1PfJ1rxHL3$uI
zjn#tB2m4Wpn}OE#ub%g@@LOgxUyeTO%PzWTRijxM&q6J9xN3gi@q*$-Fu&m7A|ya-
zs-gviv`qcMju7(6VQ~c0wzJj<Sbko_!3giY$h#!weht^M%T=dH-i<do2%V{eC?Vcg
zX(Ls5alj}*F(-}*4sa$YeOY2Y!evx>RvkfOXvWUUiuSu<5c2dsbJhPpgtvX1Cxn<u
zedP&_Fm%all;SK^=S6uAH)nF3sazdk9<AnEI$p&aIHzxBHLf6QMk9Q!?;JI@G`e2@
z&xX&G<@-8kDb((IFXeQ#yFT_|uv&wce<tV>xV|ATG+g3pDSYsbxT)L$Tb3wON1$#h
z_oVnS*tOkPdbYY?x&S5_b&Cd?ZO_XC8b>|4-W7<o4vLIG3d(cv1i3&qxLk{!raSgP
zc%Mgllsz*q9E8!u%-TR{q#9i)Ls(U6<n#ip<N9jHlu`rDTy<i}grFK`smUf3JH1O@
z)3%F@9Ha7xP_0fR1gK!SWn3_DP#Zne0;8u7zvT#`oH|<*dt#o>_R(FOd0f}NqS_(d
zm1OAsgdNb*>~Y@etoi)i?+yRv=AGQ$k{r1^@m<lqrZ#$v$$4aa&wATIZ83UMb#K<(
zXx~Ubme>_qCmrme7&6$DitP*a%3<$}f0W|e6^8u?73F%U89Kqp*Hi)B4-lOyj5%o)
z7dMyxHmvpe%$CAu>vYfRc1BHf+TO)+`|2zG4>nLa21kqlLn~F$E;Vr4VJ7ZV?8p<a
zD=_PsnMupyvK~LR$oP2j%WWS@r^(vG!uKH*;In7O2G!T?hr5IgckABVUN{;-Y0~K>
z`h%r~h4%6!TM#`sTz$qy4U<&w_Z1YpXn9aymqRi^RAQrZ-ReMTsJTY87IxVT9-LPo
zo7W6&LwbHl=(%$1snlu|pY6IJQ{S@i(s9-{Edm{d9_njl#vZFL`i);y%0RPxvxfTG
zrOah%vX>^SUu6HpsPLauhUUP)ZR!e{`hB{jT{(KnpoKOrBrnww*<{g5Ei%beXan_y
z)y+u=nV<`FHRGn}nthf9Hv>wxE~s@B|30Z;wBcC}bFqvFC|Zc;izMh^f%SUiR4eXf
zU!S)0rTPrJ*5@@3`D(GbuUz`4m*xCJ7WB49wRPvWxblt$Z{c+C2`SxLw^reNnChNw
z=wdgJT?;DoXwR0+qI+<ZIx>7{{v5t77jo6cWg{xf+l1^_-uGU`qqGV!WQ>DhX%KXQ
z-QA+J+!bbqs-V<+R5_GO(m_{WyKYIeLl&Bzfm5Yy89ZgsKogOS8N&`s#0GW|RSfAr
z{zbX3e+-8DXfMzu%Sl=8V^5BTHHp4-!R|4uW8$Ty2Wp6>T+b<!h79%6{tM^LneeB&
zZux7Ij0XV}*Ew?rn)kUh=MgsZn)P>O_BW;bru`4MY1vUda{949@X>54<~l6^h_DC$
zbo;scLltD(aIHq}XHoW~&=xRltacc8l0FfoAN}L%Jl=(Kpt=c@V4oD~3vZyVp}3Yi
zXY>e^WPLPcO`(F#sJBaIA^|P$<Ulq78+TL!f>IfaPaA`p$-Cdd_8o@BI<ZnF?HB#v
z?~e3!AJ@Xm@wT&lT@kvRfN+|+F7@x0O?y<r)+Yt2_>PSaM_FE2y1GZyqF$d1rcMKD
z`U<I*j_6XK=!(OtGs3!!<(QVNTx)XtGsSf{qe&F3)Xr#fM3zY7J!?91nv!x`3zNaZ
zv3+hFIVY>U##dRmBmq^{cVWC7o+OeGerM(%L~y1#V3;z{jA2C#v{{Or^?{$b)1nm3
zv@1HkATCT-fyv*NLR=K63eJfRQiAd#=W@+R!PfVK&}dz_<nV7n=2UyCAw1v7TN{hI
zHhUG@<28=8X~&1#M1kWw!gxw8e>%V#*|%W6T~3}&s<$m>dizlhB|UB3z(GF~XM<TZ
z9ZAxBw6z1F33T@py<{`EizgWlebc9k@f<EsXiY+700v(jY^<^jJ|=N90TM2CO#zCM
z_3Kx5&j3MTzbfMpaLjGMc0Uym+4;<frCj)-yl_4<!!NQXL$l2Rn_c3fQ+PJoSY@<b
zqMKU*t8(0^f$di~-VOFfnC!*7|1@c|y+RIAtfLU}s=j@_DN%p-oBe`B9u}C72y%L2
zP?VUutq#>Md&eGbU2G>eR90~MmV*-xzx>O&^Xd^M`D+py-F)pX?4_^T6TAG{{ctCJ
z-A=T>{hmoY&fYx^CM+%e5V7*9r<s(RIZri+YMuP`<C%u4zKvquvI+js{3vo|27#h<
zwMhn1t1<BmWSX9~Zdw1C<!I5ML_(*-%GyXPLJh3ZyvXDdi14|Lhm2M%1Y(P{e#p8B
zqmyMdI3jm=e%Kh_HfGxP>%d`}N1ie@NXH~@%QcadYQsmlmSz+3h`(I@aZ57$rZB_V
zV)qo!xLr8vV!JJh+kS5g?waO}&vI@}C{p8Dfew75EQJr!x%zA<G@xa4SFq90!z6U4
z;CO|oxQuCy!_R(TE@HoX@0XhXLIOBSsoa`OCg7HHnaZM}cef8vaNMD8!kwEoHNT?(
zbbn3+H|yUpGThK7Xz#4aRQJUfF~)KoBRdU>MnM$Ao{^1`3GWG)jZwn>d^qYXTjcl*
z`(FG{J%qBJM0nutZhrT`rp()5uS|~Y`R$?A9N*<c+0>^lNauZP0DASkgB%`ds?*x7
z7}AhIs$ZfXNBLONT99ZeOhR7@)y$VWnkoG1j7rn3JzM=oy{-OaKBF;0{uC${9LVg^
zG%9OvWC_a#cXla0QN?l+Q3W=KM4GsFVdG)?pHwsCFXOTK)K`zHF<dQfVbF5Bwwi-`
z!X|T$x^;CEzQ?P<;Id(LkkdSRc9r+CK}&6CRHL`7NQpeseiwBdf$xElVhGYHI#JA%
zQER7t@^bY#6A)NFIIp2xG2qcyeJg|xl6hHz5zYu23R)17wJ<4%%V|v)Ow@_338!DX
zwKYdEUKbm;V@(Alpa#@yt06xf*}r~Kke2d<Kboi965koo0cEVV<i~y!kVPD(-t#TH
zKOL6$S7V&<WBL#~$t2F=9w8ll^7H&FVUOjTgBA20Ljx9pG&Lqbm^N@GYbFX3(<U7%
zoi2JOE4b;%tpY9s9_b7%ByO5wwIPx!CPgxqfCgj>|Hun>CN%ahEhxsTOb183cw`8u
zAdoavug!2blpc(Fo252d)aU)IS!p+n8|lj41JugGUY*a@RYe5&<~I#q?r!t9c%ZMT
zmgQm8xs}0&D8M>2nl2-98OI9O$k=D71$YR*T9|`Of*6APT3rCaO*hrKnT57nm7#dn
z*)j|(<b|mX3cDyl&GHM8z84QK@F+5ZUeQ<K%vy^|%<dSQ2DFpy?j5;g&~svM59QGF
z`>D+PLD!~B>a8aR+B8ncvN*g}h2((!IpFCN3`84WA>W{(&DK<;j*moNW0>WP9Vw{s
zO40g#$eziDeB$%1u5TxUxa6N4vu6)i2n)3mKQ$V72LK1@XFoxu;5>&l!XvLrO!;Mb
zqiDJ5jb#>ORQT^zd}l~HDx3%`9~MXOi9doJ&%<62#VAxPg^ojB6QQErj~2L`kH*Oq
zO*%C7aKQ_IukBh|>LecUHQIUb)*=_93<WN}EW-ftPU>91iD1ZgqJpvvUa>l^V20s%
z>^suOQ?X186+q5gmakND&ZdL2BjClY6Tb?t053z9+#1^<G<`RJte%AmZ)Y;XYRG>A
zsYyV<f&>}4sQ`h6GEk(zk9ey#c>j!MKX|xq@v6pj!Dy%0!VmY%(mX5w`C=N)9MW&^
zA-S_V)>efGv_*h<aUt3x80v6cc-%~Ri*ZyI27>})ax8bKxEI2W7rW0-qLGDEW*6>d
zV3T!SuhUe<-lVXJ(DBdlfUcm=iBA8@OQss+!CZt-`rYR=@YPUw(V9+_`JvU$+-)iD
zNaYN_1b-mr$FM%r8vn;85KqysrQ!<Fnchr{)1;bv)Jy!GuUBeept)4x_kt*o-f<Ym
ze)O%PJVmcc&JpQ}ONcEQBG!-6$cu|HLMjMdKk$h|kjvB^M$43zvggT2Tca@-%})Z@
zQ6Iun?rwPDxgq9`>{8ZCzS-M1?kzJPA}uCevd984JQa&vE3X|gdDit9&hz_f$q_0(
zXx(`Pg*z=mv%wugkk6{y9~v#U4dr@_t7L;Z7+B;ne$8mxWdXI>Dxuf_^SbpEps=r5
zC+yLZbBC9hMp3Y(!bzL%0INRjnn!^@5dOpyIvKk|?3IzM4+cM(&%#Ocu&s)mA<yTZ
zT4ulWs{a2x#X2kHq@eZ<0V?iMu@LU?K{#%881bPPIJhP}(JJbX-L_(#B9_@q&30Df
z&o-xib;NBJ)P&d;R?}<9dv(PTV(5jd#_Bmo_ejJ*s1M{FbN%#FAC0(ki>)u@mIt50
zUh%S&R7C&4MP^v3K*+83(oe?0ol)c>ef;q$PinhP!)gT#C~6uG1=vGb=U(}lAC>#n
zXJ64a^_BMp{q7am+_0AN`n(kCnOw-K<*-%r{F2BHaI1K7rL<b`Rxz%1W?BU+m<ci$
z#S-zDto06)4ougFI~%huu`7ztyQVQi{@Wa5d{AtFKn7%}Y!>Lf?F5yVDZX`zWigRL
z6PMshO}44+O%1<Y8;GT)P=?k`$>`M$6K5ei?-^+tvhSQq$L}c7{bKk~!WhVOU_8RB
zxdG9>)6YeZDh<A;*-mJ(0)EhJ0O%TqwEjqEH18F`<Bzt!MQtdMjGpr|Cx{$i@wRX6
z5v4M>Tz6;(s&WTx?knDRd!BF;9vid2ij3xTK;m^tqCf@@T0Vv%FSeS~Wk^QkL7smn
zdltBoLa#5-F2&N!tgY_xKirAyf8CjvC!n}-^41!=jzI_zbcG|I=14XAq7+~d@+Wu5
zWpXLIZDdlY)aMr42+rif|5QQ3nYHOcEqNjlOMs|ZmHx|P^Z~rLP0+Tm|NInfUB+9T
zU228o7COQ|Ul2&DFVj7{Be|AcB-cgeNDeGhxY|0oRwq2?IlNW2y6HcrQs)j`%*EMq
z9jmMtJ`{PkS`(xG5F><vZOMS!Pt*h}lYo?Y_hYa}A?6!QH!h@B^e;n1XPMm;4jvzY
zuV?Jj4o>Lxi7>kNT2w{*v$ySt;&S$$G3OmlSgURHMNxXu#-pOHGJ?e(U_`i7l$8!q
z2Y95f@)(*I-;1c>5|z*`faC@7Gs@RU6qa4PkObYm_4cO^YxuED#*lwX=J+IZ1kmVc
z%x&dk#&7&k!me~Iu58u2k(Uy}8>hNwr=*|EVY=ZFZ%6ecyL#H+2c)6XxEE>HU|HT4
zi55qP@GDKtE8(jzw8AJ*-W%Dku}*>u%0inIMI+rOOiRn>peoKVu5l_jpz6K3gkL{b
zJd#?K6*km+<{O2ND)Ed*II9?5eoS$Gu}(oUEplwA6^2%2I3xG|0yx>Yq87uq;bZHx
z^pUu#PV|RiiN)bEG@`%t3!FkbCS<_)GbRESW0N3Qth?|3*ky~i_XI|2+e(v+nB{n*
z5)sc-soG|Oad!d%Ib@hM1cQULJZ@UWJ<X>Dt=f1&m%KoPDLPO&>;)9GHayO*k)_Q^
zgHr3)HnB(Sc>HvVm*T4@Z_okw9*2ie+r)(2n*5;`RX5nI4HQ}lS{LICqr=SPWd=d2
z-i_;t=tZZD&LY#1<X2c>-FrE~cDVIoZO<|1(ellVaf)f1hmIUQkF49yucRo(ZioJD
znMil*Ew!U;oV0LFr)~=JS<gLs2QlCuEeS2g4So8v!QZ}U`4f{7@}$*4)V-u&^YQt!
z1|jvs@6Y;H0?6j~z&7&n!kx_Mn7M@4CjqtFFFXqf_H*Nw(6XZuS8(549j#PK8LoLs
z`a(*KFK_S;X1P}{z#I}}J%>*+Q{zM(45a~rC>6X9_7xj(W#GtqO{a#NW?yGmzV9xu
z|8ylj+ycAjpVprWjkW&}!k)c`fLz-_cGeXQlM|p|Yk;sOH`5$rxQjB=P0=Qy94DRV
zU}Ks<&E<rrfagY^u9{|50NaN=PIX=6mEeP+@|$w)@fWA#`Crv_M_>Lk-BTWt{=+fd
z@dqk5Xhrh!503D#Uui$yw#|GJTgY9kmhN0<?I%=rJ8|XWvSOL!f7jH9d{Jtv^VsM_
zg(&kCqnFaZ(u^cDZVOgvl?E==>=a4`23t{)Xw*_sjzQOyU@4sXIBI^L1r?2k<BA$F
zG-ObS=FQKg=!B|LoT0I-LYn$Ek;0)zpyd^y3b9xOo|2n)mV)_+K#{R(RXwu9s@+XF
zS{Ou?K?V#a#@;~rgKZca=59|c59x``(e+IU!X{=8#I3mdf@i>+6Y}vga<2A8w6#Xq
z3<LI2pNJaEvA+)5s~3?VND61KaAWdu)GLlw$!Ov)@p<12karV0?s-o&amxU93FE_A
zQ3>YMyZ@Ti?iaSm|1OsN>ycSE!JH8^wWusY&1%IZZeP1~J@=pE*Uj8xB;iJ;rbF7O
zTJYB5lR|cps?-UcXV>v5UMJ=1sHr}I(UWqt?`U;9b@1;J(soX~G&MfREQvM)`WN2;
zHSm($6|=G5!r&7n@4<|5S()Y-7#NFIqj4b%wC*#rYPIBh!NRQHPpvL~J%ZNcfb+-J
zRz7Q?HDPjRNLQq;;&X7f$(NyhaUm6Fz$~->aF4hC*3ljrQ18yWO<_MZeg8v=x{0rC
z#=|VBF?Yu!iPPWvJA7*YPRnqqKW5>{NA~*xjEfW!g{qR*P|37h)t;VqM=bmvW_m&=
zonv&7_0y5d#1A8Vgq81XM?;vhsyR$m-4<oW2V^C4moXdlEJhl;z6<vsZtur@fN=vb
zCnn67_$Q4nFa?=St26kuu|2cWid*Mx-4^t!s}xk$4`Gmr*%1(CaG^5It-S422bw)E
z*%A>s-?J?6b_^@pKg@sEmeQo2wg2Orh3SPq26F`6H3uu?i9YTI6-I^nMExIX``23I
z-eJAa#6ab+eL@we_H^(9X7&Fe>{@L|-C4h+(gelu%X8o6nVl;`d@5E717aE;?<22o
zdKwqyzwV~2J@-;A6eu+3UTJhmKY2tLieGOK-#rZaZ6FD^2r_hmZFf1~Xyw<YFo=HN
zI>K+<L<vT74#zVmX;p|s*oa4}7XLk>ZKYY%wo+R}P9a45o0kIFE0-?(7Vq`b$`Mq=
z;t^EDKO(LZ$h!v^9T`w0o5d@kNw^dXincS-*f!o#UYwB|Sp&uZyV$pmo1^jzX7HCL
z12k808^_OHlCLS#$~t6fHpTR&e-mjHD1zHwx$jFgC_V+JBnvgAx*HcbtA+jZ+Vqyy
z8;b(%|0L{UF8ZJ9e$sSdPw95csHXp?!28Zau9Ljy2!f-fF?&D%xIZq+)|rS9Xfxhv
znZ{xJ6~_K4q!F@XJVxt=4M<bCA=qbTLm_g8$HjlR&&IGH;Dp$}K)np_mqQ*gng9a?
zy@h+XL3!A6Ji0YR`fL_^<-g5PlQ&OM%Q61+C(JHL%&B16H9RHwYv9(~qp9k`A4>Ml
zafvK*1fM^~B$v{5K_8QLDt;Abq#?y}4Eh01sHR8hW1i-)`B=XC^$$&auFu5_TBbKq
zAFaN0vKdBqRNJ2}R1UTPoKW3x1K}w-cg`Op{Rn6%cetR=1VRK{tQC1k=bDd~W~+ib
z!%VVOJ{GAJ$%)N_IPOB)cks^Don~wu!}6J5Y~2AzvH>_~OG6(58alM!VZVNE=m5~r
z!AbR0=-_aI<Hzjgzv&T9gi5Ux)tJK)QzMSmyeZfNm1$L!LuJVn1*VFsP4__BAYlie
zqEr(kqsQ_FT|}0_zbc(1zUkR0GwmU57%x@Rms|<>7@3ae{dB*$Sjs23ZASj7c$Rq2
zd9tKVyed-%=&_#3)OVirb{@~r1>EIe_nS}^B`pAG-gfspS6M~F|4XQD*^@hfhOT^<
z-szncUD{D?*StlC*J!)2FkreRxtBf`cQu6muA!KC^E=ak_Q9m6VXb=y`?GncB2VvM
zyPXQ&a*EUVbs4RPA9Vl+P7{NVu`HM>g1zOlliS!Be2l-w6x{;iznJk&w4>RBBNZ21
zqYXf(Hm0+`_@PJP2VtEtNNBqkht%gy5!_0281|o+oLzaz6WlwJcnCd;&O#u(MOd5X
z%~RV`3}*5*(|gd!#{>NT{+{DqVsg3&#H^IFs?8_UPe>_-y9YKwKjaG_iQ5+rdv3Kc
z`#|A>_C;(XoJ#kzDO}J$p|d7V0>oYSi+yiy2r8EM_Kfb=r5vN|YZ$GVIBQe>@%*gx
zspM?wBT?xm*~f1rweby}$k!0p`;#e?YZ7#|rvTt`INq5FaQ9`O1sTump2w-Jl7Z&?
z*#LK6PG>p5<uG#Lgza$M@Tl_ON5$FB{l^k()4J1S<<oly`L0qFF}wWw)itBVBdv+m
zK+BJ5hSX94mm)1JusCV<4nBijTI&K=eI#6b>SXoBs1g328IMNW(GaY{_WQxkoN>jb
z8n1T#;HLl=z>fE;n|rgS!~=8DqNYO+>Lk|a?#vIY8v|9kXPj`+Nv-iOFs_=Z0k@E6
z_;VPsf7}<R>fv$DruPtAt&XK_8V9P+qa{o}AcVf3z1sN6OBZbc46sP>Q?xX7eZB#&
zl_s1C8PGG0-iu8OZ93;pclkwH9+rMX`!s<|TG|yudoJ-J$vI&op5{1c0rz15A9TpI
zc84(ZYa#B~s(SMzs<ffh<?}vfsV>sVwmK|zs>JbW=_1OC9J;=Enem^Of$!B5u>qbR
zYhml28bno(pQ$8bM_e>oqMq*By|T7ZoYEHBXVCD}D6%iy)QOU0GNKZjtZlY4+25~n
zS?pfJW==L>05-JA0wO4BT@!cZ0LVx;MVSmx`5yUT_S=%0{QIkQj@R{8Eydz{gJGX^
z2l|$sE3Cz`qe-DX4IQCgl%|dUb@HPMgSe|zrZ@AJr6I>>>uY*JuUn8hj~5&XMM8H)
z0$w1k99>-mtx!h`7~}RF#L;x!%txHYA$Ij;I#1YVXach}Yzg5**FH@qklqQ4@y_uS
zM1Gh`On)z`xeN1@CwBZysBJC5c1P%Tbm&8^oVO>H>WaP9KntLU$MHV0=9V|B`*3TV
zMKPV>1G=?8=)(qsjcxvfuurp!&1GJVTVxLb&S8Y(RWZ)^qz-SC-RKDJ*0253IHWV!
z)anzHa`DaKcgLciBj6lYc=1lM>PgebO8PSBo5R)-ryNGG+wDz^ueDih12Kz65}@-k
zTyy<Sy|E|gi+lGP7|1b)pb@7(u~s@3pUX$dz3=IBUvB8O&9ghL{GsZRJKi(ZXRd+H
z{UmWAz`Nlp)G)%VX18@!)@j2XEE?0ce-888*nN<S$hsqv4<6_mCJ`q-e-Vnvx-mO5
zInyeX0)F|jzVxTu5pb{5O9<my6uS9m=xnG^Q7GDVv(0OlC!-jdsWDICzjW5B`fP0>
z-h^P5$FdGiuW3<_aV7uktOUa{+kh+P^6WVGChCiO*89=*4NJ8*uBCla<7CgReX^dk
zc{afHr|PJh?UoUMtEOB`X87xE$nN-uGOJTozjtGfYIU!rl_}Rvwf3(y6f@SED(RaI
z%4+A9grMr>WRv>zJ-6=#h8yC<)WwgD3nUYhMoRL%pa?@s1r<D&HUUC_L8Qp^3{wmk
zg2ZH`n_?hfBqpD5;)PCZOMH$&vxXm?_}n`G?eviJFUf%pnQwAyt>Z6FwETqRY;rkh
z)Xbj+)Bw{N_@u+So!vBA=gAphK&;)`GrF8<cc!o}hkI}E&)@V9^A$fFBoa15)a+^h
zpIVFG{nfxc_!sRjV1{@s9+lv-ueU#_1W&-?aVgn>3k^BJ-9%gpG2Q#%V2?)*28&C%
z9T#7tyj30iv^qp_YdL7BD)_tVV8s{u3NDtm+%43V`Rr>LjSP(|95wAMZH#v2=F=6y
z&^Eyn(-N)ItZ8Yp#g+={bF<6YYQf%lmdyX%YrukiVeJt+?TPqS>vOl-4|N8!_V}Es
zcu|l9ZF3zL9hzAstTK^+?&zAj?e>LK9nI*mc=g3@Wgn6&)<+&uPv#Z%U!`lWgk9B;
z+Z@fDGxo|5s1^zpK%rU)^oHgyzfOn1f3nT2Db&3%-4HO<HJw*nRgy+_WERp{qP9?t
zR@`dCV32sn5oKwzB87SR!o|<zp6rzqeyis^mL+HDIMUws0&^|V_}cdu{cSIhHyY~A
z`YK=aIxLV3apZcfF;ZGS5`MxxrAZA&B`1F3^PGxFNX$w>XgPV2IL#Lyhm79w#sZ46
zlN@`sPDkCqMorxJp*<|I`ees1YVeh3!P#=xBd<LlQ80}zufR9u%2BTSgTguW1!iCf
z{s0oM&&o|RL1eK29SPM^Vr^dSap}nAfUMlbjO<s+z1fT8T<^A<dWckz5mtu8N>Iq`
zsK(@H*BuaZ2)FA#5f90V+g8g~Mzh(j4Zb#4MbKy}C`%ulb}nKx6OGS_u9i!MWwags
z)lA3bU`vxz2sJNJFFfSC*Rd!gz9?L(Gb@u0BnQmEy3ka3)w%O}pq$gq%08`ttwHP-
zKyg)XR1h`Fst4|T-t0Z95$<dOf8(r}vc3ph+7%ek!yX78i=TN8XJ_z7Tc-go=n}3?
z!yIom!DnTkLl=OtXpdZUL7EJ~e<EZbSHe9+e6*TLFwrL9t_~=tRij_y@fEF07I#G1
zp)SU)+WIo1p>{@YUMI7-hQpbqBoRvF04}MFr6dwq3K7K7krdeviUM_;5kyi3SH>=5
zG3Zi0#e$-J9c$>CXssyCF0x_akq#=?*GF_sFs4OGndXtl*Hi+G_T$&(Ho+hrXuS8P
zaE4;9B)KiiGD)oWZi~msv%%TmzBG-;Xqq8(vkEc_gPp69Sy~crQZhhE`NC+peE(j?
zeV3`?-egx=XE|Y?TnA`n*IA62L<jJ*Xw)`mi?4>e>{5V#pW=g5scZB~Eb-LLNbjwS
zEVZ@>E+g<|1klj_!WQdVckFUfd<2kDyJmHNYN@MowvBQ}#sgOARuB=ZN0}vBw3|-M
zwY;&Qo`0Trr6b{Nng^o@nglO7fwpL~pf}t&XUXJ}&Om<J5xA}&({goj_iRwKzFKnL
zm&#AwhD^4I&Q#GM{|P<jv^1?;LByf@K+{X;?K{mpn2cOhqIc$^S*d>d>ggki6&h%8
zu$OTeq+=t%EJE_!tP6bGG5E4{s6xN0tt7I;llo{FX7~IN7PAI}{dhag|L0B`g5Y10
zIC@S0#mxtbiGT+3VMUWGOIpy)`Y^nra|`tUsYYnrUY-WuS?*iW-dF7jRUuyXe`nPh
zp|L771_niARA{Wt(IyRJEcED@m1&OVX6Rz8*(&eiAVg=X+t-cRx~9{^j^T&w-En@^
znX!NK`Dv$U?u%nhFY%O-)NLc^hg724yFH;Q=Qn?@HW<=%vvS#r{@R(|btN3kQ5M%4
znul}8hTizv4|NQ=0nmzA+oo<OBgtRYAfC<-18@2KOZ1WG&2WEM9|%B?K&{rnN#KLq
zVeB1kNj^rl1|qfm(Qk5J1BUE~)0gvzEthY)d%Ilz&4hSQj&ER)fQ~&+Og??b&g*Dw
zpDIDe2jpSuRl-0lBNn6q8o)VM-q}krm=SyvuTgjA#)WkX1x>(d1`rnZb6W<98G&Og
zTEh%5F<si$Q>Nc7*c-1|KQkY0TOsW+5d~U6FV!mGGAtG`!b2bmfIetcJrv=~sE8UC
zv&A~^9yjb?R~jYydWkn@gl=ITt{DZ|yY&=}r(1`=<-a=4PK9(S^L7fr{U!9yZ7Lro
zB{zi8sc4WyIAD<XrC#`(w9m-upBsXg(Q7<ZWNU=3wdHjgsxw^E)_O<yyPd9GEd11Q
zze@eVByv*^1JZf!>RFMaT>L##rI~!zfP>yP&apDK!hDymqO94(Uu*an3{a!xORu$L
zzPz7G@0=H@>XrNNzb^YosCi%rYUnO8B5l3o40UjhnHnr@D0QCiVH9awyLwhSWgh^l
zX01e6TFuLRAe8R<zop!KGu9Z_UJ||<uRt4yEOP{ZSCLX65~5U$AvPiWFl~J@fwY!L
zx|bkTji8>*xrgS_fCo+%#C@1aOxqAsL#;uyB<0wSjbo3!2Q9whEp0Ar+-#d+@z@}c
z6>tB@M5HH|6!P7e=JEnXGf{%6T>;nz3&irhKwvyz_O70CgUYR!US-uU1YHlrT0SSM
zuw-)L-Vb4sz|1o6<u;WMom>z`+kXB5h;TqZ_ZtIVmt1>YhiFhc52G>=Xo0}Y$RXwQ
z2nvxO82g3!_GFLqNm4U~rSM%!8f7!^+MM(EcEjiIVNfPx6eQ7};*<(SG~Pt1AVYW~
ztG}CXbZJxVI8?_iGwmLS*E)W!p<fW6pqHPhe#(Fc3rFlu`*d_^5)2u8Uzlzd!{Ssc
znWxw<LsBDuy8`cVj4=3RPl%s4i|^<5Z5(jOJmdrlcT9kUx9)ikSDGGN`82BbpI-A9
zV^1CdE#+b{(o!@*!Vw^YKFZ56<rTZ-<oEK$@^O)kf)vZx%rwgDGhC@gHU&N*W`kUj
zV^j}%4jzwmfX4)+PmL?%adP;^b^Kqo$yFT_gvk&gL&8l4aA(IO`roHL>y|n-^YwkK
zBEca(89XQjK%(d(KoKMds(zlkIj;tVeEIwagq)d%o>u~>E92DU%Ig}3Viy|fLJ}~w
z22F&LtqEqjYI|vxoo(#5ZyXeYGV=6MCL{NLqt61Sp&xP^5a~wXN<(`C?mqr?^G~jz
zs6EUqb8-P-{dw#qf4&ounbgp8m$PG#E2IBz|EcUh!x?DcPC8@v4F+-_^Y=~~3xqA^
zpd3=(K|pDkpZU4CLlCwELO)a=f1Y1U=B&x)C~Q>I9m*?c$mFcf;mW1?g02|GN#d)^
z_YVJpe@JR>h(@hP{zDbfz^wo0yaLYb>xq_9th;{K6)so%8DJ}T@cDd7a`xPa_jZD~
z*6(X}$6SEB&i|n2JWiJ5Wl1S#F8*Yr&#urAndolE>ZSa<APyaeaOxAOS2H`JTI6%M
zhxtcxlaFswhf(G}C>l4Zn-?(|x>LWcPalT~YFwtBA7G5F{iHka_C8CfiD|Bi8`)c!
zD2OP$0R#F&P~F1+A*Q|7m6}qn0VeS&CLaiBPw-XhyWIhGXN~Uq31%(qZc7Q1I*=YI
zVZ!!pKJ5IXsgh>nN;iV{Ql_dGfsq4pJ%9K6^Gg&|hvc)^SL3L(brE??LGw|9oVas@
zxIM&Jl+YfbGq*Q|cMraj)VFuKagtb)#<Bof2)70`_^YI^`>5g3zE&)O!LGvP=eS{{
z*FR58pouzAnuyo@9J2Nd(>gT6U6-s?3Z>@%uu{O!zNF?bFdk3!9sLPqWTgJAWp2HI
zB|`Wr1I6A;TIP}r;tu(<7oKoVG@g}M1_?Jp2YZ^Tm|&JS+orr!A{o@zJ6S+m$dxdy
zH|EcNv-NCZ|LSa5{QPI*I99buzF)H|b}-aWf3xeya=&s<-1vCZ0BV4Cd>Q0DNjatb
zp~~2u=9wyZP*7<*NJsT2dVj7TQe^ipAZxQ!ebmL#<tyZkR$ggg0p~|@XHZtbuhEUQ
zk1{~Rcg{SkZL`9jkxgvII{WbqXz9D<p%E9-l|W?exrbRsFH{^cDr6CT9~;mJ(#(@m
zi<tP!J`r^tPQxJ9<Wp!21Jef`GRd<$z3=b!KhxXb>MgX1E+{)pK=@%xTTlRAk*P27
z(pp>I?W5&U7!?EcKxqABeM{7Gn7ei%_eF^5{PN<j%1x(N)!Zs$J5?tBN%j>hPDY|N
z0E}w9WSZV62#-1!8~LB!*1wJ{?f@_Ee-Zs|B;g_QSrq@-)PKpbe~jKpT|agSLtG{(
zjG^wP^d6w3v_)zR?VaQ}dWhCsYo50h>q*KUKYYO_Y{oK1;cBC6Te$ey)FTwUizy7~
z{#XFs3YPsZ?1eNDb85DuX99Seq3*iHT0-*3-Z7Yss&H4TAsl-i<Z(D_n0PWK`amkQ
zZySsHOF&K^;1%meU}Cy-NnHjg9orS0p68Jo3MN06DeElZSPK#RJ7%4XmDVAObs;^F
zle~uj{1P%}FPnYC*q@r!O66LtcD(6m!`V+V_+SO>u-|1(=iaR5`kErXcW?G~zgowf
z%aY5|Oviwl?!DP(#>QuT_cv-DvpF+UD2{%q1(d?I=44-<qBS16s<h{fu026v3>B2O
zkF_hCY}#uTtf)Wi9RRo9;{$@A%0n#N6aSRG^c*e%>=jneIH2zj3-1>?ASq_b>J`NF
zE4==0BChAh$e}`LOU$j@ucro7s+MimT-KJW`>se9>Ewi*c6J1S)|gjXRiGw>$?1Bu
zVqq&B1V~@~T?QpP587c1SHg^Ko-f@ao(udSvI2>0?*b3*ObRyvp`9o^DlA~<&L(2m
zH-PZt5M@>cyIIRyl5!L1iXY={b(FHt;zbq~if2!7$%VC>+!NdF2e`$;&0Jy{N{k#q
zy7T%*Ch$1|e&^PxIA@CE)>O@LWqxkY;Pa_@x;Mj~ZeU9j@8icMT0brbC?<3hLaIBH
zBY--uYPjL$y1L5qB_H_B)Dc-0A|GdnberCs)EYMD6cc)o{uO<3(Cx;d&sTinWbj0;
zh3Pg<dlFQ?7mGYm&)Eze_IU0P2JLLcZXE&|YV`c*w_<*8dFqu@^r0o6sFl=V@qf#p
zD*zWn&inOMG4VbosC-9s9gxlX&-Y*7%kD3^uSL=*;)1O=l~OaeTF?1=kBMZ7XJ00+
zMH~%Yj~I8Y&i1p}aH>MthI7Di-F@&mCu#QWNijT_khZMg*%#EL><MJ9N4K<oa>xA@
zA7Xfg9e<gik1`ZSFRRRK<!t)YUyNG6v@a&yTm%!=b^30v>@N~XylXpi2x#a~@WMLZ
z*JMKaq<c^a9dy~WYMI}3=C_zkX~h+5{_Ls;C$J@4TM@%dsSOBK6h4#nVjuOrP<pmV
zWnrd}P)0c*a|!7ZrI6Dz1u2yoA|ly^(r*ynl!}gt)`s@cDhVM(Nc#QviTY+^R%zFE
z0#h_Gr8&22Ip<$AVt}<@AE0sZPXiyiI6VMnt!7tEv0}NNmvCmQW9wk1b!&hu-Ddz>
zr12KUGF41&?2>ch+aOlJRvP-s5G*_N#?28)))MIQQW{G2RSnC$T9Svz`OwUEX7H;t
zvwB-BD;1u1^4dF@h~kIj7nw*RnYzI_iylUE|AaOQu%slBT#nR|A~#$wP)<+-nDJxx
zZ}Y#S{l0{y%---<G4Pt@+!?ti1go0tuDS~1OE~+VstV;-)4BN9&SuX*Z&4WmBiYAj
zr*DMjHc;OHPUsr*Z+v1RW*gYPheo<Y9NiuML7FFi<~=?ATW~*M!hVyrp?pWeA}@{M
zbGM<*{J27fOkSQ$%0m)?5sJ(!CC67s>P<B?ETZUXmqzp0hn!SXmbN57>Q>ikvuinb
zf_s>cuM&ms;;QZ+i;H1Grs7raM9oI+gRQEG^{)P~o48!T+;8FO9Q*g?@4W_O)KIwy
zR~Mh6E0laPww_&|_?xcmo=mZeT7Mrl#-@b7dVlbdwInq@`8Y(#j8;PkIjeUrZI9Lg
z9kLGC?X_m0p_ecug-{|B&Yh}lC;}nwm7)ttN<z-sgO#S%ft9=zWeyMq;lA>T#}66(
zgOBl(Yz+hojGk6Sah0oR`Ga9uSx8i}ON{epg*!A;z>2WtM${zlCb`q{NLd&opa~*O
z#f}1{u^t3G<m6;2D`;eEAdRI=_Dvyn)NrT;ymw3+6U)(CVwsDdl^<_$=s8k(_DL7q
z_kU#Dq^d0P<9N9Z%x@enYkOEb4(9n|=$|tmel6e%?iya@m$nD?$jedhIEOYdWxtAr
zBp%l+OU!V%C8kddJgR>+XB_b_b(4Jex4-2q`>a+{rr`12HzUR#{a|=ujU|Rsvj#e>
z0vc!!*Wc)vv!|UHo{#`pIP{Opsl7Jt$9+e(2O5EmsN2gb60UzaxzmrivWo!h=6wzz
zVx%^tEK*e<?G<_MIgf~eE@^fe3Gsz@(A0oO;8Wf!9I<CHA4brrQP+Ka&W5~j4bjp>
z4ZHaho{T=;(gN#@iAN2~bm4yuan`((0ubRJ?F<A&D)u9ysAwX5)Fo(t2SJ!VxpnX0
zsKF~rw$E+X$Jb4$b_bY%O8iH6+{uf<k5HfB|HRyP1x#;YmKk&lb-l{2yZlAMZ%y^f
z%Df781tD2mJQYH_>81x<f}eArNBb>&>eeS9jiTvwvAn*I7i%+W?dftY{}>qYwgJ3Z
znP2enbpz@{l#FYP^OkpCY5;TKim=s2#1!v3xf2FYFFAS?<57H45ul;wU}+BfjKHG>
zOKcFyO4ta_ZVW7fPhqxRY$%i4^EEIV)2K;>>_VBSo(03xAZQ`7_!6=Z3bz^5?B>$s
zbWn-^u}@?0@(k*bBSh3}FRe0!Sp%^V3ZqMzvQckc#=Z*{1Fwfhs{0&pZXH7{(~FH?
z*|lL5If5dTtERs{CS%Hpn38kRDH;UIAN|(|-t7ERy*XJ6`3ipdSfj!|EH9Uz@Ry6L
zfKkMg(12<$DDf0uXPPWePGw+JxRAQYH}to09<};zujp;ZI1+QJ*v%^L0)h&-trV-D
zmLWB!@_^V9=4i5~ZI}0nm>6v$%3&L{!?z!1k~`=_v5}W=*dUUjd!sO6e2p5^N#T<B
znfW2l1#!t;ri}c0_KfQ4u_WRmc7G$D4t@|X1%Kr={`Ru<^z!5vkGM;mPns9RI7)8f
zb!wn<2K8KJBLvSYm{CT5!@8J9|3XeO_Ae*rAop`3Y!F!t$rlEL;n9nSnB6&!x8Vmt
zKto7*muCri{bFNRu+plbay`iE2lnu>$hOUZkYC?VK;!735k_wZQG9rvGSWn<?gPCk
zVb=lh(yA(80{ZoSiCP3lX;pU);n{y$iFVb!P{XxMRG$_@YKEKMN1-nh3q=`eO+A5?
zR&^DDEyq57n9NF}0mLpY=ux%?GE^!yw@w*hkg9)xdQ0{%kwq0Se#Uru&^3r{@~ZW@
zPFdm|E%UEG;uEvU{!<grhdG^CE53Y}E_rwSg~D$jxS5722I+(X+SdpzT6bC!g?SB!
z2-#zN64Weue=D&t=;Mhngw*$}$l||z`a`ak7V=QPD*Z=I&#i0LJb9NcsXO*sS{cZ%
zVH8yW+*D|Z`Tg9fl(cm|h|r^)aehfkrm!S$XSStk4($$s%h%k-Z`^ZL+zTaN_&AQd
zD&FK>s^Xn1|K!D>G-E+jl=m+WYx2xsy^@<!k0pSP-HIo8KMg>Tj>Q7Uk`N?s?sk~~
z@A79X?T^pWBNtG!qBg+rcz09KOBp4I&+w;UF|G?&fAK}o*M@HHm&@c83fhG8q^GD;
z;I=7QHFsVh;#c{EYY89ZNnuvLcA-wOzsiSR3;QHbjEz|58cq5h7R<fo5gu$>A2aJq
zK8Ot60JjCA=~eeL^YF*Nl&YkC&-h$AwYYy&aAa&>jpWNSug;xXR2sE>PWEGbo)PzA
z_Mt!bj3Xhics4EG>V$cq<cu{DJ~O(<2HvNRu5OKQgyseu*ce^ez)Z`I!kn>TH@A)$
zu^68YhdJI7;}0|tSlJ}mGL8Op^Yr6w3SDR33HwPL&GL&2O2%7nocHy*AEQf-k&JmH
zadcB%_m3H#d$$P;Z8E23%6c7BoVywH$rTI>Gcqz$$uzcB*T13_s-dLP3V`(HVmsh9
zS&<=>9q_!9=nGq@vyZnaytZhO@RT^Vm7ksEbAH}m$Ca9T&9p|!x%x|-6+mCobSk<@
zNkzJKofDs79Y?tE8nZ*?uKI)TZJ9m9AHlEpq=1}rz$yE`oP7%S-Y<8EHN9U>1oB7R
zjbaDP$xX`tl6)5PVK{*Rz3S_GF7$;<ke*)E+);6&@Y*>);BKpu1=)|LO~GTOcWTFR
z@>G+i(D62p)8l5%3e*by$qmw3szqbK82M_3EPMt4q&yHf11t)OQYp*7<ZqKaWodp<
z+W|%M{&0YYHZjufX-X%MR_#ZIZVt?#T0*lb00R#o1g@?lPgLSdL1JoUe7L5%qUNZu
zZMC?RqZSoaB|+n36*Wy?+o?sRoP%)Z$qJ9x#+9;PaeN#r3z9e+G7A+Q@hY$KiY@mb
zevp<A;@Wk6TC+N~kPGKpA1msNAWyC2`2O8-Hj2kUpk_4xXh-Ja7df45LulxA%^zXH
ze193i!mcY%qKNthu&c^PFjA-|dSJwovId!~tivUbwiuQGCzotColTb)Rk*q?N*4#x
z$)1Q%z4;ZtEiF84eDmJtCaEC19ge2uKwy)SPlQ@IuLlo$>C1Uy9X++uOWgwoj?!8s
zpDqe2u7tw=;^EERyhexUj+P@jB~iaevB8C7uqp%BlZ6!unummm_=5;=&t^280g9yB
zUx*OpCW1YPue~>I4hrBJb+=nA#0L6OPb?WvCuOH6n_ok~*0UD(p!gD*DT0n_5cs#e
zPcMA%PfxouKIQGIiTm)-u&iv9U3%)zkJsqW=+8L$sp)Y2S>J`OuXfqI$`k(Ui}Q>D
z@1!c1G)sl_Pfafn@Ke;}e&`@8f%YnDS`CdWSJn*na<SfFFJ21#66KR~;#KW&rUlD2
z)WK|s9~la6xC8T^Fs83P@`58I*oGMFn1}5pDz0hmWN?I})5BPjo*jJ?n7+82N-N#I
zFE;2iINg4!`u$CC%|I>G?}uFMv^(sF>Xx?)IQk9L#Guj8>Y{2z!@i!~wSC{)Y{X<$
zo+j_Ro`#2$d1t;jj6bKAP8BAab&Iw=z8R6xJ$*^v2J-bVfjY=O(-(yv&KiQ<?If*7
zwl{tvrFR^SgiR$9%^d0f-7gH2^LS%X@*K04G8irEmY!a8XVtKr6q;uaupF2TKz2GA
z{i?AqW26l7_7vXZ9yATgFwa0JZDR5iUpnwTN7`pZYq@z;IQ)_K{s-5ePr!2Lg&&9)
zY>Um^;-p5=&TfEKzjgsIvGEjto=E9u0rn$Pao#(x4$yJDGpNn(oo<Xs3|@Q7Omi1R
z)a@uSIXNO_Kd6mOSjCzrC%9kb0z7hFNRwyk&Gy0Sx=Q`TWrGV3)MQG66ai<Rc9W88
z7d_sR`^C1%J#tBs$T}h=%_G5|f!l9SS4leRZjN_(6hKHzRMEH@n}jF%+gH_olGs+w
z+9ZD)`B8c=lFfHabscyF?+4VAZSDQObg#MC{-@fp^ehD(=tG@cF#xSZVG$UfnvhTH
z3Z}1Edue81O${G?IfQ=D<EP@!WkyS1IfZ(-f|Mk9JYepg*Jb(;*s6YEb{uW+kO()1
z-m7YieDRgGEc71mm^9;4sj>3_)=%=<>Xh(u%6Iq?P_%NUPip9ILzDRIeA=2j>{9%J
zgE?BF?}7{ZGZCrSD&GXCR=9i*$X<S7P<n8#mLc(X;m(EtML@d0N93hgwqrZuRc&9i
zbTBK9h_7_W;O~<-1T=I$cPS|P&h26G?Rl_D4^ENRlMtfbo)T_VsQOci^J7$)Jr7o;
zaAr*Hfbwk|P#`++p`^ttY1gnXP<qyP;O!x>`3g?yT32GQrXw{1z$@LdaZ;x-&s7Jp
z6rs%V5@<EBxd~DM>C~BCq&mjWqvJs3(6<u^EC8{c_nsSSUE$yx{cM2{w*)mVbiRxj
z3+>RWvW1%8JB_>}0P*uQ-|*So^8N$pKIY7>*Q--l)H(ZXvlIca>J+4?!oQ3*#5|%`
zQ0~Cdh&MwBOc|uEjGJ=Dx2{1fN_1R6JtHuHoK7&@dO&w{=W?n@w7qr5+*;KOaK8Tr
zqfyh5El>xe1rnb=^j|ZC+ff?@w`$GLT;u%cGH3(1()AFCSzPf4g^F%aUq*vR+I~;^
zteb!xZjMyB@E<st7|k-$qc)(9(!exCK!YimH<u02Kc2jAA}izvSl7u;M!QJqy?IsU
zGn$|V#mY}^;zzayMl)7=gDqjW8i*S{%yiaOKYJx5$A@>1J#!}qWO6es!e0Cx{|Sk)
z`+9{~etvo5Nk|!_P4@vy!YA??$_+RSfB!ok%j~VIc1x;OJ2?9|y1zrJ(2s#6c_K^<
z0G1>^oGu!IWI`Hr`W7jc2{Y&@;9kEM&GE1+&DB854AOC$9u3FIs{l64K}t)P4UBNq
z>j_kH8-!8I!`NFljz`%6tg%6yboe{1jje%HL!Im?kR@4&C<XG5gHs?iIwK2W7o#ts
z94lXh;hGK3$#LhztAulMq(GmJ)n>^`zWBU?ex7$a_5P7u)>akJ^w`IjP@oY34zlW3
z9opCj2|WW81GmQve+o8cOj!V75FkS5Ec!z-4P|LPG*R35;iTrKbXNSk2@Ij#0UUS1
zGjn^`_Kp(y>?d6Y{-DW*&cqQ$?2~&TKPFJ7+7JhTmP|Cs>X~IJ-4_jCN@G42rjq&a
zQXsDd9Aw?Ale=&!-m}5Zx?^>X5z6hHY}vTWZ63A<RUKo$e&b#z*z=H}?yrm;zNebR
z<^t!d>cjYqKc3rL!#+A439j#^1o9sp{?^)^TjZzp0%eEf-JwjMa*d(PI#|_W;Y8&0
zi%VzJALXX!rh5#M(|JVRibvr}OkjNG3<huztxEB(13MAJ2u{tz9ul0PKOKz3QyZ=N
zhzm%-R`|7;APZ;^$uC-?aJXE_>Sc^1?IaveZ3mMF7QO>7)2b5rZ}b}R#T}5ep@nZQ
z!l&~3&%(l0mays@;h~nO8eC@0A$CF7m9U1u<*;lNEXOp2H`=#A9BOI=VqFa{jIGs*
z`86sa%Yz}yK%&8rxH${~8#b@xH6LRoB_aJmxfq=TsG2gYVRHoqlkq@_SN3BnDX6QD
z>srbwNDP&dXkesPBp@jjiBdr?67Q`yS+~aJCqa{O`t?}OYvvnv*x=tI{Nth!Ea(fG
z(yaUM<dEdM&pY8`C6sS)@5{oIC_&ZkX9pJ&<&#V}#+(9C``5I9t%C8x>G4-(ZBv5!
zHKk&#meu|EqXJ0y{*(-kf;g+#9C~|g59y?U95JcA4%Jux&z;LKoL_g2EZKbJEKlW5
zW!#3#Hb;BjVS8H?kx$QJXJ&r2Psb<4nkKOBt0)^@c1bbU+U9!vvqTyvH!f>@CXu!_
zaNdc(fQGQs2MtoiksH>yyG@)Zz2AX9UvL(bX`NO6aWa+jur;BeLcXxA;B$!KJ6B{q
z$9hB|pXD<5-S(y+*1YxKozx+%)CopQ*zv<}9~|}pt=Bt+M)M(A5GTzzec_yJ+wmPu
z23YyI8#HLaHc&En(n75T6iWwZ5%L8YoeL08eWw8JKTQ7$zI8;v)%HYDWu`AX(5E9>
z)&QIf;6{DIRmD`{ss)ZNiSGoMPMu)-oEGjXtmG+n>2Ni;cFxF3?Z{N*wit<dh4;#5
z0No>Is-RN>R8_EcllCs9TD)h!0SXHFWz{&V3YdW~z8}?!|K(&ldqMfkR>4iJvMh;`
zk(z$tURgdF&IQ2k|NV`&ZdmW+vdQZ?{|nyi_~H+D{+|K*CPPcKu=wQ;F}o-BeFzdk
zzYfjypQ}#&ip14;bmSZZ)&2YZpkFyY;QIsUU~89Jqy=Clehp9@MAEKCHN$;%>^8I*
zCgeNiUc@yean|4iXLh8cGmzZ|ZB<*7+3J}VTt&cIfe>(N-0cUjhRU6|D65?K7+0n6
zgQ-B_l^8=~E;TNufEYA>Q#U_NTc3i#z#&vwJ|xMb_L(M0Y%DN1d`q@_L40Cye%f7>
zd)|rT@f*6UZYDdSvOed0_2APwcYLRZUUA3J3`6_ES26#q>{F{*JAKuDrvayJSM#f1
z->#`GGvD9ZbEm4lsD{&#DJK(4<a{!RsUQ)V3Z6^9>*fG$Ufy*;L;P~yTeiTIQ%HQ2
zI<Kx;UE#Ye5o&_A%KH6Xg=r5tk8{}R3oc;K2b@o3lWzjV{dn-NycFa*CVn4`zXO<Q
zm3vv05gyjcS+ROIU+J()p`#;-q>zHG39a{9WK5+%x2wv2tMG~G;yYh-|7K6@<)7Y?
zHU!T6<6GGgMCzjuWhL41wUK($Sg)M~cDp^BSny&U(EXPI+kONv8Rn50u%XjVqot$_
z^Xun(vkjMcMeZHF0|%3rtwal=JyKHVPh~*8Z}ldcE^9Ze31(kkpT?))J{CP0rWglx
zP2pmWvM8B}|FzEKvlS+z2BDpk$uS4Ou^%AWslAaUJ~#H8Zv}^LHHxFkuDpuqXB1f{
z+P+9-M0rinmGJ(dTlFK*${YC+J&a(y`AlOY_1;f{RaNIODDwCES_VB;W!P2daM^V3
z#UH&#24aKuor4FEO|A`(e7u^-@PJ(wgb)f4V!r#KWA8etivlEs?6Qd3Mzo0box=u^
zLCg50<^AXF-}Ed<n{}KvaQfPJuLgxv7k#vOQ=Nm?Xy1KOmoc7U#mz;}HYLrj4lE9=
z4Q>zW?ltDN<!ZOG9#CavN8?Z`t6IT|CBP~?E6^E9J>pCNjnY#+HVGEJr_H@WTkl*8
ztl)FYVE0OAP#zW#iA)(d?Y0H8TwxPqtzaL$5uE_@Z!#Eh_Y(kI(}+(pcG2n*wZmF(
zT?_JJqaw_sd~g0w%DdV!0ex9?j&p_CNmQzEX8ZmI{H+(DINF*;Nuzn#Ah&;yh9;^m
z!^C}&HpcA%`Qf|`PXP*RCmX7s^EeVZv6uqS^7RW8`qbcGCMp*rJH~lL*x=k_1BuOZ
zB{c&}ZB3Tl{VJh%J!8TJq9z@%RKsbglL)_cGXxiQ!Ltg5r&0oZ4;#nr>+v^)qw(MZ
zqk>mXi68~2c{Tg6C99SoVHMI9BuXh$5>*t-Upjg`^d=+pkpT#}-X5Z<PYaOJiCF$%
zzwjYA%`aq3<345#E~XTgS#K^eQM;>;2fL|{1-q&Phg$<AtBwb_RUHd(t=hE2a1A9z
z9XMf^_@7$ndT3+S`_Ml^|AeXn8!OgBpabti{s{RK@_z>y^(foYoe$f_ZoS<#jiICF
z;Y_oMp)5TuB_9KVe<AclMg2O6!^$oxh-czfoCgaBP3k#>7NB$xTTy4{VnmIs5;EtV
z<PRtFUr<sAd6c}&+}!Hal>Dl^HhxNo%IaVXC9J}FkI_QEmvvA5!00#n-uCOR*`4XT
z+WGof){6C_bwKy-svSL-Og%#>ZD7zPwQP>0f}6#s6)}w#;iVDsPN#ie>igcT6qB77
zxP`~|F`KP+FV(cRtyIsDO=Lys|7S}b^rV*1rBoj<gh3$SX*d|Pn6&>HsaczYOIDE!
zkPm6gVr6LD(9UUD=zT6s4p1Df?wcyE{j$pFS>IeXQo|9`tsCu(<T?A*gO#lg426op
zl*oi_8b;)$)-74sD_VGVX0WX8<GYTsKW#YDS8iiDlv*N|3Q9E!0efE3CpD-lhn4-C
z{rem~NAb_*m7e1{n$JX|F<t^10$GM*6pE2qmPgC=Z9`iS`5~{>G4#QSA20s3wD-al
zFTdZbDlFlPi&3NRVTEs_N-J=*9A6}-h{#t8m@hxD<_DT4z85_r?{VXEO8)Od*eoL<
zS%ta8d{m>fUOs<q;`7g`{OOg+z8}2C)Atn!S)`$wg9|6l_|C~`rdy0>6ywe_PXsRK
zVhnusTbv1Rev{zBXWRTY_OaIplA+)oCV`)_*_o0tXLMk13heMDKE(M?!F>9*VEo-J
zC-43tm`~r~7xUiI;(FgnF<t1a6UI5j0qB!Y|9K*v4!WWLoc{kJu=4G{xVZN-U`c~m
z@d7i&eM_Iea$|tq24le*nsSE>#Dqlbv{Rwcw)aO{<K#|D0ozi?5^|Kdf~-nxr^2F6
zZBcU8uWBY{(-t-s@UjkYDo2Zuqbn3Pu61GM8+CitS>!Q+qa$D@=p~y#mT)TWc^O<$
z%?tk56ZusZ8O_@-s-3fjNd|yxRb>*#F7Ela(?^M`+|B9TiKui&lL{@fKOvFCXfl%Q
z&SK-Hr#b!Al-=Gb^dWQKPg_hau8{~WmWVY~9@)c7i%Qx=^-n2W-|pt@%IOl;xSP|u
z6Hpo5%{S@UZ_o)uMw5|vO}0@&0-+=FjgpeEu}>(SB4*+G%;HW5tSNeoiisSRU|;nF
z9f#@el0}sUX*!~~GJG@cxrL5Ed|J)xV=wSbCM%dmxY7~%FMmdh2UlxrzgL%=(n?E1
zbZd0@q@QI(;2lCoz6pFoZW$Sf9s`(5zZKN*`VMX?>p%ZANY^fjc-1f!zPf_b`K=fA
zGj6bp794KQj_i-H=?7RkDzHJ9uRQZ;eZ{f)+{IGy!CG9)w;IK$tQKC&UF#5CZ_au9
z#DNM_^&*~g_F=_tfbopUhfyM+p>~IeIbcuQTR)d-8FN3X*iJMl2~TUVsj-$A0=}X5
z9qn-$T_%Fkuk%0RpNEG8QU&hl@;rINX#}jutX@%XL+ElUVN#!d`cKa^r!&sDZy#=G
zA5QvR#w@!P^1&)%Bk<IqC-UhaQ3d<+zcgeNxh#>*(v6HbBL^1-*@O48jdK8@FY4m;
zybM>D-(=otI#rqtT{e-Z#Dn@N-}uEg+Q+HvMIj$c&_DbVn>`~`*0Mmj1!rV!B_ga$
z7S?*WjeHOj%c~?P9GaXonjocIe0Pm~82EFU0G;|HD~gExp==#Q?QIZ^_aT>|9@B`~
zWM9~6`3>k&-jhlkhFDQ@u`cpjxWbJd2Go&#LGsa!?Y-pZpA{vS#OR*iIU3KiCN4=m
zYjb9OW;uSna~?PR?MHLfx9;uEAPq&TsupRQ5$BF0S71RVQWwwk&>~rdU^E8%w2(-i
zh0K%d5rSX6MD>B9naGIYCBhEIhu4*DuILRQH%<JW7)5QjT@>VR{M!MTSlXisFs&Ty
z@CW&Kgq4q{FD|gVyZHnEyR4Q`$QqugR&wC*8#^7w_S*Z7`%fQ@O-_vLOt>PR6);++
zUCWMsNj;Z5_PGl)=*M=hua>AQ_yTq+)0SC0j5zin=OA(+JEX&WmD2@gGoSzJn4h3)
zNhG&>2J)!H3YHM?T2R)^Ftz}<D%4|Pn-)&CXNvDzIgl+thWcNegWU%K%hG)EJ+~QT
z!0})I6&Ff&hBWK<lT~E=$<N=XPHMQa;)c}E7$PbNa;6ZTV@ZeUjdRG`OdI7k+wk%b
zWw*@`sA18r=JMBg>mfEDVK6L+h8kW0lW5s*AUL%KIva<akyB9Uv7Tpd_Xo^OGu^6-
z+V@g)u*xc-22Sn3u?K90xSRg82aSd805kwhFQ<*@A^!IiWy?rR_*%?HFU$=!7(>#K
zULv#sbdR*=CUd<hO<Q4zz@-K<dDN=&67=`Fp}VCp^<3=yw_ae}m+h%5m+Os)b8?6&
z_XpsG0f@j3g9bR-7;yi6R2feX<+!aIkY^jQ=P$9WN!#x>yGMN7)iMgPl2-<N7gz>q
zj&3I-db5=|a_OOoL5y!9`qh=y7^4sJ5@T6064$rG>Lr^hEaZC3{NNv|2w?>X9*g|+
z7oD@nJ<s2Yadjqmo6eY&fY3zM`aT{0*dg{&lK)rlyQHDtcXJr9o5=gtGBr$RcdWf{
z2XDxq;nL;bo>}tnrm=?K&(0t-(}mNAat!rjgVtuwrGMpgiH%!T9!xiEptp}L1G`$o
zW#(wNNsr$3n>73`Z&~f=Z%O*`>I(_E{iizeh73Q@vExOY+Z~xUFJTB&%_eP52H}m*
zw^L41_C3zF76Es;uZ%E5;V0|P54AJvBwp82Kqpn_M~K~T7BRrK8R$rr{YIAj8)B#L
z;V{5jYOZyc&B?1NBVx1c+gW1WR)kS;0y1fbm@G1R%&KF+mi319gv+iSzT|Exv~VkO
z_%g45h&bAV>hiXD$SIPdO_pNV*uK~!0J*S1(18X4VwS!R^m-ENdUc<fmgN!CoNf}=
zX%gY@XTGk*_8z;(n&M6NkCHcbuk`?u-uMh%rvyuLVDyiAtp%)0yyWG?{1WaYGk0@3
z$s?pck6%LpwHdiD>GyARCRkj8CqsuTgPv7}3W-^W=GyC5!Y6-?%`M`^-A)~zkenj#
zw8=B9fxT5augN_%NfrN@m2p<ZYc|BFk|?ZJF(@;8u=B6z-Y64D(D#uANw);k31sg0
za}nKSL4vB#V-h)**&0uPTY=r{`fwt8)bT-BTQG2tSSSQGKS;>pdYLL~w)-2~nj)gy
z2j^7RQeckKT5$!b#>cxR(!cyJFecWRMIhMr5;Ko8b_b?{A_ClMoP9L+<pyZPc-xke
za6`Xl#_^E<GHY6Hb(fQk20NQ?y)MtG;dsUnP)NmPKnkUp#U~P2Jf_>xvt#lZyw4k%
zge-PePt*8=@$zwvh2D)mvmIs&mharAjhIa*m8giO7O>wvAWXzNeQ7k>XL5Eq9BnUl
zx35vWt&Vv7eSgNpsWD|>G5v{4->_kP5;C&pNG3M6Djwu~mcvq|X~=*;AyA|;Bt-t{
zqXhfSWeAvDW5z}5Mlw-EYFW;W$(7l$jEXCFLw;6#bUhUcPgAo`R6d$uJ%WFp9-cC&
zr>;zEIS~_ZD54Wv94<G+Yx$?CrF%n~<FZ410(4;Kf&|(B&ik2#PnYd4B)EUJXX~bZ
zMoFVN5mqx+j7Tah1*L1g9r^z^AlCOFoXndr4}qh=1)vl?d}jJ_Lw@q@Te;L+(G$%X
zTi@%`VwcQ)_yn9>fX7I9M6#@mhY3qmQe0Kq4=XAix{&(c=FeMaubifzV3`ZOwgjIn
zz^Ffwx(igJBla<tFegX?MrC!S0T_6i{JgXDkJH|HzU+wOjnAD>IyH%r$UorVeq?)~
z&(6f9D$YjYkfv!Oq|HoauCyzV_wq=fP8VC~g$%k@L~zEag=d0=_(Qj@GlJ*fmiIF2
z0(`SNEq|}hN;HfHo>cjKtGk&SKM~BW8<#BA5YDHaaj9-xzM5`DTL(0x_+xi&WRm6m
z+=#;=e9R!n8=DJhj!@S&RmQFeKTPyj{>*dI3sN!Zub{Sa-BD@X12R4B^yB{_^Dtn5
zeSviA0a?et@0)m22eYzwX-_OpI#Jj9X2PcKS=H|gcp4!J)9443YLR#P=WyDNsAJ$n
z{9jO>cJci~E=&cFN*i~ap)C{2P1|5Lk_UHDq0S;3(4+VZl%(ybUH+U;en>Z32Xovj
zI$e&gQJ2=Xj!pTxP{9Z5IsQ=ktwB5_oG5||uf0>*Wv|=+-Z&Z2v2xP3<L93`+p$(d
zXHksNI!^(t1GK(|d_g^R@;X<M(^S-88ZCl9t7@8!Mq;x;fnSyfT#m7KK7PZDEkR@$
zjiUk{DY^S#*$PB#hjFwYq=a5zmQCS8z3xrCR`}DOhs(pwsAzo{d&`?^le#=Su*EU0
zz<wRWJTS|*BnNi3zPPZiut$PjSrKGc|2+C+UJ}l8TheoEI;udsvFyPSg{#B$C@wx}
zUB2VU&P|E~hx(*RyznTXb8?~+3c|gsB=O4n%g8pL*kE-PO)jX)Nxg4<tB8;woN=BC
z?;)7KfAdbLKFol@ahWM&qTG>4;LqYm9^)Ji<~@WZ;4`5c99&#nNMw>2*&6(qI;Y0P
zZc?a!r3d)t#J~&VfRp9_REX5M9ZJ@l)Rd~B<15+=y%L`uWhYCd85D9a=(9trW?tVY
z`eX=P)f#$f9(=0&x6+FAAGR7!q_9s0J$HC<R<_D}@3jpHg*q9>eE=ua)vrsd(*n2X
zGQaBP&vt+XjGl{s`Spu$_x$`SVZrQK@KRU7!-%t`^b4&Y9sq7=b>y2xT`r}cYkFs3
zeRWH4YDDhyhvl<#N>6<LElc%1_Lhft$n070wf4+=?M{E!mJpS`8*I)iQEK{N2E3`>
z^VTxroL~6-I}5<AE$q&S^yk7Qg%znRpZ`je{if#RHq8D(`~~`3y4^B|RdZkcZ8grz
z@GL+{7$xFb9oG_GbAHwfIr!-t*_w9HM@Wc5GozlhnXsbq&Q0UT7g$gpeqS)2);HpN
z`_%JiCrX&jgmg-3vr!!@mvrSDvq^LR_<Js*lFPd-#m4r+7%z%B*!HNDVxRBjB0*9s
zY817@vzd+9{~lYg*$|ALjd#9?r_xDiTwypx2pV?>+t?`<7+4ghxkej1_i04VxJ^d}
zPsa(TZ<=NzQ0VNG2mGdN88X9Q5*_eJ$-^7ZmBSO-Ok(|u6yXG+MFJ7>T?JZ)el}vk
zmEsIZY9sUKk+TI00>j+mT|Au2dqw)kgv^dU>FQ9%_{2}a>8Fu@4qZp@iK+8;O+S3F
zd6u3RuX(kM7QZ?NS?VTB(e=?vGmU^rtbN)s%-bL0R6-aqsN8b(_(|Fv=QR?EOd^rV
zWU=|-GuKggrl62shfq_G4gmTY<k>%)-&TP)d-}U$hTT2N->T$NDS5HAa|2(Y@>B_`
zFwaBsIPwz4CGq!BrBA}I)^Ldedu0{bZ}>9%+AcRf9Y!J3S)h8OyyFKInhvhZGnT5D
zG!;Fb(@XezOI;97IO29vhXEe`b`S@1mtoqX_TD!Q7@)Eux3#;2Pgv_EwuI*xH@!Dr
zKmN?8v@7;9_Wd|2lgXastl#9a*J)UK6P<pdI;FM@7&a8L&P<AvakNp>*c2&3-rf$s
znHIGE3<l2b>4_rg8{X<edtp0YyPJm{3VP4PBD+0Xj|F@)#lrHg*tJ|WiUoa5GVM-|
z%gK@S(oRKxkrwa)CcjGV4j;%9&Fe+>Lze`UY4}jm!DmeRmfRr@UoQN^A~tjDl;-Xl
zPXUQ}@VK!tKb`eEy-8mW;&kxJdP`z#-OFl#1)ztA`26Ljww|xT_=VMduO9Y53HNos
z8HM$Q_cHv=!;W0}z)VCndp8UF+)i@9*7f5A@5I`^mycQD^6gpk(p0q*-r4ID;<Bc>
z|DW7T+S>_C($X&BSJV}LL<JdV)pPaOv4V+?+kD|e?sYqlMXicoRW&w|!amL@HCB7K
z3J0vN!knNbhng#npy`Obmiw`3Bn2<cRM)4gYa11bO+mZvnI`VT`$L;PNBtH4K1o4Z
zky``sPWeVmNwxlB7AdPOKdP7f5}EYN$}vy#^y2mW{!yYacCYOvM)0%Pb&OsDI02Q<
zM7v)(sB6CGvymz|7Mz)Wcp>Q3{y(N&ml)DKw6H!}*cw7%o8~c^kJ<^^;&m8aT!N8{
zV_!c#Y>}6b&~O4^yOXhZxm`Qh%^7bGx~Vlk24(^Br)&Wgp`bl4RqUcdjerMW<Uv2&
zd<tRTwGTYJ^fCg0RUShz@Yw)Fd+2nyI1-DL98-?FAA8~XUQ0*{?*&sUEQG%M0XTuf
z`?GoDtBEDVwGqL0$k=1!*8OY}A8DWDoZ92EWmXV(J>Zn#00F1m)#XdX`7lLS2xE)b
z(6Q~*_DJX*o;zvNjJ%;~&Z@z)I#5^h9$BCv7sOj;F@Cp$)yFJk;@SAwP|ZG}F`;dt
zAB9sF8<@$%Zw_>yPfby8=^S-VFg=AAwXblpG(`mtap|@2R3ceH{R;4W;k&{ArtyI1
z@~_?l&-mthK-MaQ6hdb1#6O<uAUUZ}>5cwe;5zf@?W9fUCtQVqURswOqD%Y0ogo`i
zy`<y36=b%H$C1BF;G!M;9(RWsWv_%Y`W~2c3M!1GmB|JE1Vu#hS40jWu0b$)%cC`{
zU|a0i(Qst`*?*RhNWX@pt7Y*kFN{|d|5qmxsYHu=&}b%N1EzK3{PXl9Kd2}b1_<4>
z&>1BAL{97H|0Se4+LS?wSihDMR{}4(CJ6hcq|{uCiQm2@D(iHqCmpvwoa!Yz(tl^B
z?xDG0OKA<Ny5xFyzI0hbTV6OsTnup$C^;qKYl828MWX(5ItLK5=0a#vV^PVY{}845
zs4uzpW<YJ6>eJArlA+`U{Ed+$3ZD_}^hm0%0{+ms;r^hhUONuE!4Md6_0^L-T-GPc
zVg7ISHa!}Nr7-X=e~1n6zq`(|$Gz{UWH2RuH6OYpL7{sKpy@qhRZktisBL^w|3m#Y
zyzhxnMgC!lpRi({jW5v*s;ELY<j7AH|4j<*>o;9xMDP3|O&1DZcOQ0-ujq#Gyho~v
z{P=g~{mkd&f23A=>>n=3`Dxm?$}<7?7E_D6`&onAJf<`m;+ak}3y1qSEi;8PY)N7)
z>eVw<&Qd?*?B_73EIE1N*|j;z*a7Sj$6#TkS0DQL`Pm08J^iFn&(Z*>U%BjpE^3kZ
z<DP%}N83l+;)Xr7uDNp=Xc7s6>Jl00vDBc3%FrY}b~Qy>rCyL)^&sQiEHut_gbv=N
z#tF9&2fRkSgq$kwxjOX24XZgK9#7?jh|3KEcOELWKVEZNb){4{!pN4Y{fK_~jg>!I
z^kw@lE2{sV|DRQ;7i1#j^^U!lX+~O0&x}d~zbu8F*TQvhaIcIoEB+4v7Si{>SV3yL
zq+2IpNWB2{WHkPkJz1F8*zP+g52s}1t<g90R{HXa*f5|aLhCjFcYWYbGviiOAHgSX
z@Ue7$l61KF0CS=cj$dRj!~iU`{QnPtG*|)P7N!BXmDaG0PxO(hvT0U0A6`C;eH-~z
zBCnl#^8F=-^x3TRj%BrJl$dPeMtsa~1y|yz<1Y}47cfMEe2vq8`A(pp`7Kt@IH@Q}
zpOBYCFaf*x3#!RI_b`3VrM=nn>?W-1hqq#Qh&yjSa(L_f`s99bzx2k*Ho?u|w_C;V
zbq6!W@SQE6lJwTTk@oF-kB<{S0^IlXe!TZB$*;d;<fwXWOSo88eeYyz_-=Agcj6)V
zR<&Fw%d$l1b9tI8q)0zX`LkohbH4$Ymfjq{kO+3En3WL2)w7OF#9^+($+OO!QpR|l
z`+wem1Axyx64WmXecm)Lw|st~lltR?mcTjduFpvyVZsES49tM(F$NVs-5&B7dUBZO
z%tW70b$OySAGnB%xr9qi*{1>%gCD`2)$Xk3pV^>)WpxjKXT}c!YlEEs-Py2Tlz9Nk
zfo}k+&Uh&FUffbOnt!Z4%FM3_s7iY+!&dd<Ylwt%NURx;o6QDpop0fG$PY((7k}bh
zaFYHMmN+j7u~kS#wKDF_zl5&!CNJVm4rwO>h7uG}P66AD?2Kj{VzXf%Eu!05JOtyN
z;2Q;v@t9ydCK-=u!snqU)B;$}RA`tw><LAb>1*EPfWY$+jsa%zh&VJJJnf#fJcHBd
z2jTl&G7mHoIQL>ca4@_%)V2aRH2DT!W$>twMc)ePEb<xlIDY-2&z*u05Y3U8BF*!J
zRS##Gg;-+A^KX}a*$ay(<-*Oz3Fab-xPxa<7X7dY6JP=1spz9;{Nor`gVw`7_C)n!
z6MS><%$5NJS;}5dxCCQ}j?WsnacCIa@lrR%;jkV0Wemf^jf`hxjgJykC{x0l4*9yp
zdpAV=w+2;=%J55}!p%b&eR#=jm?hqex+$^~<XDenNX<r?v&I+7Uk%|Zg%2JXnh8FR
z6Yp7+jUBCWxOQE{pU2|8d2(Sd5?z8+BA7aHUVua}YZ*ddtCoFiJ}m8({0--0TX}xx
zWBZiDI<W)7+acP|W{Cx0oBz&J<bCHCkp8(QY$HfeRPB-uAaYfk#^WAY-9_r0;6T-|
z4_KBpO<MJ}B#dCOSHIx2Dxz~Fnk+mT1P7aSJ*Vi-GB_OY?lMx>!Q-t+_W~|PQ{4am
zv;z8#|Np9ZC-Hb)i<n1|E*{8EUzx<*iC>$u*BCl}CiI)#?drZg?)qN~S20EwX@q5-
zMff~SnWbvlc=O8GP+ZAlkcxQZA#N|uu^>-pJNWJ>qc&%+ks2@7d{@ZDAfx!5ptbQ?
z1M>ZYal=CtXI6$92y7KFzYrv>YAymoSmCaO_aWdA#hYgfCD<)j25~xf^Mz9S<y~~*
zmtZB+0HK&tUXwG=!zvc)X2Pk&)lc&*p$-K{iEExr)Eq5yQ6bdbjUeG}6=;PzFwmHb
zaq(OQbP~S{BZzl@At7PBG}>-;2k{w7tYn<f+W_&pDblmnp@+haml{#!EV^y(lgjhw
zc`0-eGn)rOmGhWO8P`m3bCfOIem-&}`C>QY%G`ML!7><#k~{pjR!Sz{;@}PUwB=2O
zq1|C)`k8YqpfFga2^4C)+$R~pc%k~e*t5NO5PhA&{qNoAt8V3qO<IN!T=Yfp3#Sd6
z5>Q09E@rD1Bp_s_rXF$dNQLkiyzf5M@`3asN{ftT;|!01O=IzS6f#gILn%XSC#SJj
z7cVeP&@^7|*Z}ua4X=%!Z;CL;tnniWcboqJHH+P=Hch;#AY{UpQ2J?ko^}myM3A9X
zj`?&Q<=~g}IDNU7(Po&Bq$l0o*&;1FAKSv`^k!n4k>oa${%aVWZTkNOn$P(n|5dRo
zt}M)D@iSyD`q;87+p+1MTW#19ll=dij58ani}7sSD%-~&ZbUusY3!ZFp>@^Svf@e>
zWwID7c`{mwNRz!Z_mGJc_{E9nxZ%-@=~s*vS>uajypUaWWzu+j0z$f_f~B#EG%rYF
zlFc)D3=$bzK>f-E-vDMYQZ$5h8WJ|R`<+E!bahZW2H2UVu!QtMKXKQpHyby8&5|jq
z8|O4YFa#yWmREpcgulqH2{7`0El$YAxY|(}Z&m&5O<UHsVU<+I@Hbq5-Y7=}+M^>n
zp)<Om61{ZKbw{;Xy>Y3!F`@yv#$e4i;H+;cbK~6CHy*rl)71$0vHJiRhGl7NYN*)x
z?f1c(=wF3Z5>E1fS<~dN^v|OcGkYEqJvJT{8n&^m6%6fa=b~KJB*yF(F}q4Ik+R-l
z+~Pe!noh{W4joaB&ci!<jPtnCeM28TU~$SCh1GTj!{Y?f<2N|A_$IlCa}%R<&ALlF
zm{BVq8?ynkuZ7ACp1jkWku;b_B0a=s@jUF<&=9j|3^^pC6=+@mFYukn2cTo%#kXi?
zI@3d;MHvn}-ndU&?zr`JQ2j3JOGpg6+H%NHR9D4zIw=s3<{0`%hcu1d2;1n6<pW}G
z2XT*iA&>RD*DEwjAo%<Bbk;SEipd1Y6bX+Vi&dJbi^PyLPA<Q<)G1`79i0*mR$=Y(
zsR!CQ#iUK7-M;8u7du7jir?&I*AF)9hlKqn+lb!wTm9s%aB}b6%+gJqP3i)7-b7)|
zXqww-l)CnP-l{#q;WGwLUzU>?PraP}piK9QKcha|m!c25$k)#?o6ZI&hFRZYa9psg
zqOmfxWL49=Cq0jrJW0gJAM+xa6@yk1E-xs;A?HzhTxe-_Wvn?E5;K|p%gAFX{hYkv
zSK!Cb?gqFOtS&s3H{;{xA|fq)PO4y2INF8&^Zn~_gH6>9^3CyG*IAD}`|J&pgT;T8
z=<ZrL4h*k(b?4>#EA{5D^ObM?{QfGpvhsY@o69@Z`=|6&^;_d4yMHkBMB*0hgHMw}
ze~0MleQ^1=dVc-iOTBAU?^^3My{APl#`o9z$P>5fziGtKGDzf+r83^TwV-=xAJ{0N
zEXh|Q(CU8t5kg-H7Oz{V4WC0p_ZYtTp4+NGQK)&6(Y7W$DAYX1Xe$Xgh3aPmj;i-z
zvLN#u(2K+A{Sog-KdNnkuz77I=^M3i{s%>MLv00<NM;3$2tT(SK&&^Vo?W=9gDtb5
zWIRTRW!_^vrif)e#&}E;%Y2mam?D<>7~}Qix<m*4{8lKGRXm1*m;J2g0P$ud2(t(m
zT!YpkRNk*tEsk191i0awmx!`wfbo9YH2)Hna(!a%ln#W_@pC_!iw0?uYsW$t73<??
zC*F(%WftMQ6K~-OVU=wfn44CU@rTFmi@)clXf2mjkg>Pz<0!(URnSC*c3HF+3&Gv?
z)?^YcFGrm{7v}k1^`bAU%h|t!h4KcQw=(G)mU*VFA&!6fC;Fs^L7(1a-i#74UvGy(
zk)O`jsWJ>4Jn^9nxP2U+!0~_6%RT78i9uFCP-QE!oQsf`<#Wop=tx?}<4VFEOKVSZ
zVPGlZ>=rOQwX^H%wIz7RB4myQ4eJ#eg?9BdPS`wOi4@)FELX^hvU1FV5tE{8T;hQB
zLIpMvcSkx(X~3VP<3Pl9D(nSDSA$e_F+Yroia3W%PXoc>#gOBk4sk4|9?JwXTgR?B
zV-ZKK-e}Z?fujsu+$XJG!XmJn+tB?uiT6kA9lOU-NDRXSdsq~hFbgPY8>()l$6-Q{
z5%ZT(*et5Mz$9FhxXOql@=_y*$Pl6kLV>--nmNf#HGJiKPlL8<L9@~$yxq$-h4zB?
z#LE>=o}HgD<|B%Ha^2trwZWNQ{rHND{$Hl$!n@gWN6qM7qMn$z&iJj+k`0&<eiDP?
zqnW#oM{>q76ctE5lUlxMSn-1goy_?;U&Uwm6d&V5wBiH2kGJufetpwXtabYvPi%N)
z<Keu2q~FnIW9|uzpS-^I-$}%k0Awfe;dSx1_)QBg8H+Z-#Vf)u{|rCI_c83)1YS3<
z-CCCF)<2tqVjst-z^VSd*rSV4KfC^Guk({E<mm$Et4w9KirVv^Osr@0JQAsqBizL{
zc-D-kRS}H<3{4}*a;vK5sGviEr#WN7X3gR2kaQ<10M3LedB+~%80qTDzfzbIQhxm>
zuS*pFGPvh8!R!ss5oAN=exMwDFb{vp{>0GVMCGl2+(#tdK7QK|u6OOz+n<~M4gSX=
z=A<QF1I#Y@)t3SBi)uRQwfjzYHrGeBOHE=`-?|9xU*`h6xsHgg&)0D&|DOM<lFBA>
zV0Hg5NK<3suR1d@T{kAhz&&$ZhzBlhO>m#=qo;3XpRX~eH;roF(y_<~Zc>;cHUiBF
z0+P%zi4S&cPuPK{R>y(sX{(hNG(0iShvi=6L;F?2n5t$xIWw-d(yumk%+ge`!OB8$
z91Q!^;4~D&*Td_v2QzCcZ|*9F8hC-3a#-&h&R0M@+yI~58wtrZ^gzE~s@7F^#a=vK
zgj*dtYCkqB<5#Eg>&5ECnHR5iUYM11XDCZ^zq*wpak=zS0dP*6+nl$q*;0Cgy8Y_#
zl&<bNkC@7JwT@woIgZGFp)Mj-8{J9iK`CGDz8rOmvE5SXlZ(@?gBcbTd7KPT={{(K
z;Vwtq+i-S^oV|m4ox`0{XqVI(x7(?DJp-s7yKc&^Y3wd#q=Os~o3!TNeQ6$qRNFmo
ztuwuBF=v1;JETzmv_p0<4%AWn_4P=e6M9{}`T-hzyf4RRpJDRpW?WH`_Bhv4ouOdW
z%AIaEw<6__%~=N{dGFNzkf=gdv=554Rjw4kAv0<gpf?Hci_7l@P(e);D`LXA^w&qj
zm=pDNpU2ue7#pC%%joB)K_K?j&z{CPhw3!fX4bE%+<j5qrU%qt#X{V@n0EtIApX;I
z_0v`Jy#N)IM{RT4>ov;3MlphRYg-7v(8RGdGrd~D>l2Q_&0iaEA{<l&{rENZgwbWM
z9v>`}-_TLE`*rK#jeO!bJ6||9PHV%bXEgfY59ciA*vkYJtqJ{wbC9&UM`XMhiMgg!
z)j{6V>|7cXyma8;CqF-CO}(Fy*Z1pbt<A2(^Se9aIM3S8&5(M`W1dHIX@D6T^)=!E
zAkG~d?R#-tOQYC`1##+g<d9dWnHeX8{?W75(?CO{1}!ax4@s>%Q%{2?A=vOI#100v
z{`J+PuJ>g_d0At>1!g@YwSeFr|GTAe2h-l?gG273k}X$=nf-QaXC*w&CyuT2%pux8
zHEXShL_~jwMA}LiE%fa*s%j+^H~(p3;EAr?t%dKM+!x#-6No$dZuPpO>+Y!WBYW()
zQjB|791jGQhQZEUhLxYjNAJVhp3T2qfG29uLw4orMwnR-Sz)5Jl`j*=)|sg&Ci+r|
z_&ltxKS%`h=ZDO3M|u*P5Rz9%@eUOAxqr_gVJ_Cg4Nx(gsM!j6x*^Fwep%M2Ll?4l
zrm7*BvkU8V$}o1AylZjF1a#q+qRNE^sNp+1()JFbVm4l{CR+4d`!Pme{#$J`pzb&+
zKn1}-t!AvNNM)SkTpdbnbR#A=n^v#FE}GS57<-qHodR+Y6*F&Fi_y|9Kn1~8V)ywi
zOjN(s&5aC8I)<}`wZKh!Pn6`SzXeCPvCxuc?>5Y?imqD=?vX8eaYfB;#H0%3f;Q9K
z{bQ?tI-7a9uPt*Pg>*}a0I{hSgzjCA*3@&7ZYeMVHr|B79PzSTFOg{0Q+#Agk?hfU
z^|xD>tld*sRf<Wb(kkM!n3c8%LAZ1G=vMR3aykCzxMW6vu`!grcFdxFM7md5lxeq}
zGhX!PjTnWb>3RkH5%p_Jj~9m_cSh!S&1$n}vRZYJAg4uR`%k%=^%(U;MXKGQH}$jc
zj{ep?+)cT#QXbK{KnL>`5u9tKX)mRSU+s>9W^t{O)<M56t_5CFeflOvldpY?pjP$l
zk$anM?I+3F#I=&~5bU(By>5@TE?ZsAz%-EoG<Vaq@T?uBaU6vh&$a;6yPGz{yEi?q
zb8Y?5PLBL?O&4i*47NQijEmE*y33Z7B<zZ2w4y57LF}mSE(vvSGjp7KB}%BC3DW+Z
zTyG8yq9k=>j}U|9lD$$v?0ny{c&WwJY<f+!PDL6A*S_gZgJ{-QDXomFb)jnNvvzws
zSutQo`hi=@sp=Y8)QtLML850G>yR!4@CuYQ-<l~av-Ip*2!WsM>*~wWYk)6pIIX3b
zqHCH3^;n7kXEf-I*k#pTxqQL+nBMZ(gyyVg)Bco}P4=Mk8LYD7ci(~XF4;88mVRx{
z>}4ld13KN}uyIF8<~5xNsuy}dmDVlzIbOXx5__uW0a37qYDPN_<1jYBStk|;tkcJt
z{p|Rfh!t5g860TH+$rOwdHfx1t<EOz?b`PghL8Q&mRGwvYdMCyT@$*$P<kvyu8#Fq
ze=pkR+a83ie8O_quUTqkK{ZD=Syu1(jyif^Pei_gk4IFD^$YPCZ};n22#?dmF?9ON
zUfplCx03pY)emhFpgyW=RDd3RjIbZzXI9YajMm90KNG#GTuM8YPYpahYZz{kWluLA
zpBx$s*je=Ay9;y_2w#^TKjeu<Imc=2FdDzZXX5ZgRuugyRk4K?b|=p*jXUXTHlv$}
zw(<&oO#kuWPO<JD+-=d!Jax~^{nYZx8xNhQHavi$nNne**7)(6HpIDVror=N|966?
zuRe!^tvlTM1|pK$k9cez%NeL#O1qlhxbE}}W?BUKbmQ^KquT&Gi(XQ9fsO)UYw7Vr
zetknQ`o`{q|J+<^K+bumx`KA=n>*=luXZPGdUq;5jVq<GB^UF3gVry)WCcs9wedc5
zUz(!oO{m<N=)4NWt$BCSl7^IKtl7Kiw|%(kHIugcF>eYDb1p^IRKdX0U17d(vH|Wk
z*%}=<XDb7zlX2cvGpAJ}CDUph$tzjReP6EL8M+4AwWB-&-*xv=HK2exN}WD*%ots=
zs@gm?NVU<WQLbswnp$|BBhsYRQtAGS5Me`*o~vRp#GA+!m~vz~UyD#PH-!RWqkH{y
zv%p*j&7MbpHUm?REWBNs9JKm?@df1VwrWIEj+QdcxvB&#%%!u7-MCgXX?QdsI{2}S
zNk^vwnK-h$dA0IP<fW8MgQPf7w;j-)70*W7MXAVj_QPGA?^-QNz0Ejz)h$b@RR|yN
z+}5G*&a}RlptB^Od#GO6q<f-rS`RxJ9%u5~&KEOjANTNB{-IcpxZaNL<Y8B^WSZVI
zxavG5j@9;)Xl|u6b49M-?~>g+-B@E*dpG-0I#55C+^BhfbJ>o1HEz>Hf>^uP$5@NA
zIwfSE$dQ&b^iZ|#pnlP>F*=)6KPr}UpzZyjv$)lj)_bJf+o)5RHYXUE%5z97Dr(74
zKW>GOY&EG=9a`1BYkNE2a>U+&+Pc!~$6Jul3!IaBTeIm@E?LH?p^&afwQzT%w#VGL
z+e@~pUxJr7xtf|DP4CsZ!#Yg2H0bXEa#|WY{*jh^8~bacXX>pOtKCMOFnf{ht|(h;
z!{n`|<J=mb*-LENoUp@!<G3$eZ<jG}Rpw>&f{sbRA7@ON;OX=KKNMVm<DiNzwZQfj
zQI>bIUSN+Z?s6D7S*{oG!e0=+BO**KwYv(>zx&t!ntv87iRoi>eRD}kmCQ}dc`*x{
z@(<!=0xY$WJ($E*dKgCG58@66Y_YwKA!C6)V;}*|5~vxp0RxzUA#^z~3KB4o4Wu=B
zA1DU^rat+P8u@y``Tf#yUj#z6s&HLhagJuyWXtbwK(M^cyG;XFJ*wkD!>XO{X%6<&
z+vQsraOC&6i%+lpj7fY1@jYqvDmQq*1KooD3{8?Mxj&MC)PIKuHMjH*O~>W3X)vzw
zZiW-}?5jI?24VPYLV#evZneWYs*`!6Z{y@9ABs#z6|Qv=n^oGxsu{ebtdh^<4rI`g
znzjxo{l@K9Tb=`m$~D{pC3c6eYJ5!k6OgXa>GuLB0w`uRf}*Z1x9uTD$Qd~D38j2R
zpf0mqhygy-k@;>xYTO6;kjDms;Jrq1L=zH%1=+4l0Y<&5kwoNkXpmHz)d32!01N&#
z!9J5I3DIwYb+UEojY!8#WK8|(Xhkae^(lxd$_9XX4Z(Twa)!R{y@hBgR8Ia8M3|(C
zyg?E?%%52vL`VooJKa@Wm7CO-*<5~!)KDfHPK&T4oQTi?WKyNQsndEm--Zg&Dnf^j
z_|b_H(te~MX&V$X<AF=l^S!i9XL@!R{iK+hV_c+e1V79NkU}l72WGyHNzp>PqjWBT
z2vGwwIY!_MH`Loj-0gA8@8w=FEb0X&61eKZ^}hNAVY;cPgM^GHcj0eo94}5nLZKaK
z&d$6ImRN%+q~vm_Kl>|}6sKARs(@6>h@oeQ(2mJ-NB{{UDok7IBMAvi1aWB;F=7(C
zbKGNZ&t$j^mqeiT$-uWkMVRCXVb!*92ZgZBp}zLpkMOmxyE2J0@ryFh0+c8Zz`mYA
zo_)NDJ+bUIzf`YfexVn;lfhZ(D|qddL{E2VMjr8X6``6{<c5w|h5~y#;8&+?xuhWS
zqlBX>p}u}an0giEsoj+20CzkAE9#@AcF3o)JEJpXT$nkbYAp%d>7qjyV$!^tC9VQ4
z1d;nWKCPPsj1B|JbPOEj+}2<N*ooD-T(``w)(o2NCTQ{v!>`6vKADlElT&6h1cVvx
zGjTf!`7t5)l9q%&&%i-g1!TyCJ=}1i3`=)L6PXzPaQ}Po<N!ao@SFV7Dw=@U_5cI~
zheAlbG>B(>mbg$z(2Ku`E>Vbsi@ztHy`}f`bMo{tfP95;ZfOx#0ZBwAI8HmyikKAL
z)j%<~hY`{i)pMZfPU$uPjn=-3MPyJc{8Una)FY`v;w?y=t?L$sk4k~wfb`6Z?#_@r
zcHoFoUTN^B5OF&4|1b?%-gK3u*ArJJ!yy{lczYL#o8?D6tz%jf%do9$oHgCSCcU_U
zL;TZfc0h%lBS*eM8qu&TefA{C9wz-L0V&&8eo2-)>5Og+lEsCoZHfLzscE~2q7LiO
zLQx1hkuLa0LIlr~keeKev|tL{TXZ{Bj2<8$j+oqvMV39I;w(cfexbIJNZKKFN&fp7
z(RlGNYj`+5bVy?IW(G3iqqCP8V=RXjBbOa~0axj__FgYc#*k#FYKxwra{rHUH8Zh#
zWQBc!5Wza`cTH~#w{xYzPqNhiH|TWP&fRnO-5sGQoCI^lYKn-gAfi2{NOc_^C)hg6
zjDB)C2<iF+*p_I=hYDy(01&sWSFy~&YbCW?XUvc+a)^h>O?Nna6K(3-(WXn5u1pDv
z##~A<3sj01hhx%;2L8n@_3zqe%HYSA-FHP#<5luii+?VE*GkA5=u-=WHnF6qt@oLT
zRXBU?+B`bC;h3p@mi;hBTw>ZK%jq!Y1>FUx<B%_LR5n=i`0TeM4s5Q^0bfOMyuSx3
z&(ON*rPLaBIS@^dq)tvZnzx#+$iKA^5h5}?V5gR3IL>a8K4uka!DgorYC$<*LIz(z
zLE>|#DK%dPrfoONCk1Aw&d`bJ>Nymv0-+I5h+>lJaGs2oqY`F%4J>HGur`Zm+}A`{
z1x);jA(@~;PXMW#0aSLAgKgDFk;;b2xe7F{S%+=j<n}kHu2AT$t?=C1%&matTRtdJ
zid(U%qB-82pbD=6<ifm~A&Z#DaIDu=%2}*kjsa>7>`iZ6c2PTOP<oVl+H;*fH80qF
zx_q(vfWB9|qj7=ky=EI0L1$s~$3;DiGq#WK$pCvOKcmUMLYq|<Jfh?$_dG)%`!!`*
zdsGB!DeR7y6eCvbo2uDLx{`KJQ+OG;;(Pj!0|3YV@@<;>&N5XRd6K;}B^|dH0;vJd
zWJ9uOp&1PO;KCxm$f;g5CUGrJD{#X5Y@JrJVz7>Cl@4=A_3Q?#or|~9w|W8@?)BA#
zw47{)1W4)xt5KT_t1(yzA5$a(H1&|2CId}iuVAva;e>9#k&$KZ+TEb3Z{fk*Hv}o<
zugD2?W!<5bKHh4lrfkgo8QIt9Z(TCRxXn;#6Pe1FM_?aXDMuMSWX`8^JH<&%1PX?j
z0I@gC2Evt_Y3gIDV>gYHRAKBjS<MKKS2De*etyxhrUp-#NoR)mi2xlhc>EwoPUL8C
z@eS}e{8IH>XW(0AI5}vAllo$s!WVi}_(u<fo+PH|OmSBn?({3wesvDBeoXdnZC_aZ
zI`Bq8IL?i^7wSryG|BY+^Mt2xCQPjt_+sq^{Qhg^YXbiI;^D8w)O)os7^wF!)j;ho
zf(trvj!%%FP_(AjTLsr=CQE$i(!ma2;hacttse7X-eroM{9Qr<?hT~7mM+@{`Xh4?
zceNyV`+ouaU!XW%8FKsFez*U$clO?X+rQwze+C(g2(qBHDW`>*hn2uV8Y}(tyU{*Q
z(B}DL@P){N8Z}+&%FLdr?Hz-cFzW#(UG~dssR!}O$^duUYWRO0NpF(_-cn$7cr|#-
z^0Ffn6eXF@>`KtNBxDPJ<i1Ru0car)*-4WN${E6=PhuSJu_CqQ-)!Q^ct?K4bO);t
zPD6WK%AQnMls8F9=<T>vqJ3OG8%r|d2%6QRwTWn8yN~*1C<D+xF}y+uA3@|Fkwk+x
zaaE`=lR+{)XGwNY6Lb|2CTSWKPw+N)r7%i=fA7Ua1`0cM`-vb(y>x+6zF9ZW#?TyU
z@*<`ZxEfU!Wo{7_PEAGj@eYuX#aeP76HlBijPB2<GAwff-$aW_QDloH&bT{3xvR#D
zf;{q)*d{b4nn_m>rPL+|<qMGy+vl+nCgtMxx$&>4bcJ&~PZ5Mn2(1Bk^<B&3FxY{A
z2p?TCG3Arw2<PD8S5izXc^}AQ(IVY?V2)kOc(gl&ph(9+&28-tKy}eqyIy0|-@+Io
zDqDSQxI@mooB`}R6U5PDaPzEjt&<i;6Rc0bls@4J7=6&5z#gb)GxeQS*zyQoP?mRr
zJcX=_<lAyW*x8F@h!fWL%kdYS$tgkvNfP(SFIwv*-}Y(@%yVvV=hx5iH9rRLc{XIo
z@^PYUJQ&#dYk0B}RUu$gb=O-v!o8q=FW*x?nc*|bGrq?s^?1)`-`zjID)_s52^R?9
z%qne-CB(Vu#z2?;v=AX@5alVurm>k(K;q4a+*_5FS-ruoq>VjG_%?kiD6%!wP82ld
z!b<`T*IDV5CDGZo9m`weip%Vr+qes^SfBA)Qb&G*`H5UJ(@aU|_&QLJcYG)QRR*Xo
zXFhoHUrd2`m@phFUcn1Kl6!6%1^mC0QUS={P?CUAG)qnLksR5$taGm`HLNz(#buV6
z^-OZ>i7=?pu8D8U7X5N%9Dt!zF9gawV!RJ^K?2s`mot{7x}#+{=a<2V`fVuvVn3Nb
zcfye;F5yK=v`pP8aZIEO)M5tR8=y3%?$c;L&5j&t161#tzAMztdQOsg{HQE>OB+!R
zD3lX$m(B8~iek1hLl*n(p(aZ?VK=hklSQ$~<v7$GU1J^B@c`Q6r+K<4kl_V{t?YVk
zq&pzR#?zNb-EFZNWQ|?`9Il#gjoT=d{pRa?#YX0e9&68FynEVVg_R}JYQn5!t#10+
z%Qw_dW_ZQecf09Qsm2b>!V~DH;pLlz<jy4uBh+C?*~xG3>bP<`*;zyTfV##63uni9
zS(1jyE1peKs?AfehF(`IFGT)S4^$f)*7xIt)s(lmo}qlBQ1s~h4wPK?dDwWlv@Bq%
zw<>v+A9j!jXETC%l;7l0mswhL6+_;oP0yuem-vm0vXUvjeZ8|X{6LX*#HI@)?5dSD
zVpVNr_l8csI6%?NT%KP?LagGe8Av_wq?<pOL7z}&Rqz8s9co3HvO<Cd&_frA)@KO$
zz3`C&Kl3ksJ5P7sL!1!0U8d63?cSS3qDGq-(ltAb1U6ejM(wwg61h+cBE{*_J0t=%
zaO7u`#f0YOCaFpu0Zr|+?yDV{<FUdERfG&<h@Txvz)$`q=UcGw+^W>GLZ<51tY6FD
zGkCk0J!aD8^`Q3K<Ta4xOv{c~%tuox5{Az55S#q=QMnd@P;_5Z3uv#QTN@J0rTH}9
ziS(J^Qx|jZag;LwJ36nniVjW?^rGUKRO9jkl+Pp!hi0)TcS=%_MEz(Hqk7Uw5*N!|
zhu@ZXV}^e1JtpE|$4zS*MW{?VzJbSLLv&YBJxK0P!gRmxx=uOo9a+_r?>VZ8)X4mw
zEnF-)KuEM0JBOV?fGjv+I$n|kY%^&D@L$%y#_~G&R=wS40ZK&&s^MTxL8hjP2}hD9
zQ5<ZnTzrK)Ah6Et$6zG<(%tm@<eQv04ZG`r1c|)$CdSvBEaKPuZ4C-)O=0XFi%by@
zv&l5Y{L|7*aGBn~47EivA3t5G02$3;MzE}xX3;K(Cq>$ya50fRMLgwDm3&^DTWqlv
zl&YWMer*qRAG{|E4&Z5>e@J0jUYYJ-w0rgt4i6C+GL<^f&0>P$se!F2hM1m;W3T~^
z2#Y>+WH-a=C>C(6?H86gVoyH+%Jg^wxY8@(X8MpKodC=fMT>OaE^w7Ez~G)m@DLz>
zGwDo;WbtB$8g46Z33j|?s$2{45FPd_w^IaIU3^s`y6~Zb=(uWxnUEo}`*)*$0P%VS
z%s|h9sf_{Nc8C+Y_t|N1^@NmeEHceag!Hj4vk%tR9)UrzD$vKitv!&st<I39<sl#-
zhwffFa)3maoi<EVs7hq3;=Q3DdZb5B@)=0Fvp1Wc4Pc9w9}#D;PV;<5*XRCxT_j$Z
zJ{E6ea4$<Drxj&ocs_leWJJJ3zAvO@Nh7fsc6bJX@|nHM9}6a+j~cb?6PmxvU;-x|
zh8Vy>GD(?Hm?GtDAVru1y)w_0C?TW*^Fr*z`R=eor~^8Hftmr-11+rj19^MCvJmld
zATToZmE$wVyS5iec;c-On>!vL;qb}J?liuNdD@UZ2NNF!H;pwfpOgb;A**9|tRb`H
zPGvzDLRnoL)I)bV1*Frv5^&TpM_q1Z`$UhC%VYA=3}>8%_SSyscE4dEL#DA<Vh`3t
zpP9A-9QiwF<Kc)dJbw<pX~#BG%1Z71xZTM<yn`8LtB1=c2YcYrjCzipkd1Jc<A|<s
zvGizd%m6L%l13jCl1_t+M`u6TgHDj@a9viy;)TFm3`z}pu{)?Hu*`l@&XQoPu#)O*
zMjIe_s_P`Q*A$fXDA?tp1ab<{2-05fy{UOl${SUgSUh#xcdvV0iQyyl4ZT%aYrS*;
zAJsDAM_HFTnX&|i8R>0LeP0mLnRIMSHb+dq^mn%<&h_O%G@JX$m$Z+TDR|faqj&=n
z(45;Epo`aYpEDW4dtdo}n>g>=4e+h10J7te!_Np|aBbb=ReIJ8@pN_iI7kFYp5|Sw
z!dbb5$)GXc$wRNQRR|dxHp8;Efq~?anyO=8dS4gk%Sy(_+CrS77hSTF`}t#5UP}eX
z5G>DOIDiD&n!SK?6rUq!4vNloYb=U-%*!43Pw8M*!Rcj$s}dJ)uibI)^+}$Re?I+p
z8-6t{uy(jBJso}RwaK2YohmmOcE2P*5>9%b#j|Y)yh!09LI4n}R8aD^NE2zsnH*==
z|EHnkY>Y_X*EDpVCcajMr2)o<ri>*6#PHmy31woMDUoAw_-Swej~Y9kQdPhK=3!gK
z{7cC_e~`P{36)<xzepvrfJ9^NbCLMT@NuOM@}1Y>y=JHybUht~ZU}1|tVcV2eE1|l
zt+3Drt4G}euC5;xUZ;S^jvxJ%mf%20^%tp4!1g+TjYF-cmnsr<1W8YX%BZqdoo+$t
zjxDOgrf}--zH0J?K2-Q8Q8I3SP@qYWa_<37>N!uZDiTP9K!4r-9{_nkL*%t{ZgH^H
z!EG0?Hrq*ww*s29e?Zhbpy{Ouk*W|-&k=Ts#1LPPRj;ADm~5HNJXwQvE=TN`oZAib
z3aTkUyAiU|AUr#y>uk$b;nGeZ7>NGfkVFaqRU%AE2+_~P2lwo|rC6j$ok~vk2#U1X
z($m~7uDRVbwz~qx%}b;yOyTo|t?EmFryxN)%Tf2j>K40!<aBeQRn({kNzy=)D%)Lx
z(r?`B70EmFK{u0i8QAp`idEK}HE&IRIo$4O)yL2k6PpKRtfzBCe)0SKGr90h-nGw9
zOjNYmH-d&D2a#5z)Z{#xVnh!KIor>mkHhmmEs=NQ)q}HJ{w@7G_0&ONiQ;kLD}^**
z^B3F3H?G#)@J>men%o1Pz7u{@cQIDGYcRheTs~^PP}ecD*8^d4b%vRHpYI%0=e`6O
z8)GdQNJbL0XB3F^)tns6%{42aOT>yKBaN8@bP)y&7%XfJI_k9G9!Kc=6sGX<5$)Xj
zsh;(f`2|p`S|aV(G0t_!M9?l4Ku^4qnNea$VgUkk*~pw-2L8;8{7f5&gV@gny?xbH
z7C{^2z*mfj9w`Qvqm>ND3$I3$2arJe?nr}vB6Y@8c0;kzeJ3kFaHgg~TBp53QYQN~
z+eejG8AKO8AW%blH`6F>u}^p^j>a?iKy>=JMG+9HneWK`rll6iS_$0-NJmpxeV&AP
z9MA1;MSt<|X8b%pMh$L)8X`a04GfHD=j`@p;bG)|gw&!-fOfcxGT^}6`w~lhtSQIi
zv(x&j7902g5nYR()m_sTYJ4EB!>$oE<3_dkiaNY<m9U#9t_$fnCI+Y7`sP8+3^H9S
zgvA2N5Qj1UgC<~Vu~E&Zpx+G*zSA90PYf6j=Uy?Pq9dU2iv!;Cu8`p7TjVEoNdkOz
zCum0*P>*eONTEJl93_w-5uMwOqd91p-JqQ2LutOMntFsdph(Epdt}R{r!a+=ftRo<
z3KW0>314UL%-!r|W$~_C*3a3+<n~x*!mMoau4*x{E8~83kIc&iNtx2=E@0kCI<K6B
zipZlf-p`sDd<k+7YrRRp)C*HTl43G4n}v($;u>Cqo^dv_5P2q=B(D-o3gitmEFHCr
z3X;0_$(DNO>tz!%`M4u{LsZstPT_nb{7!{ulE2C_pD*mFybEf1m$n%*%;rzHBWW%9
zCS0kshdV?7{~8lUsq}$U_(GrpZ~>MPvpmL#mVh9Cd%>t`bG_<91zpYg(#sQf9}Z(2
z*ViMdy~{PfnKf*R?w|F>)F6-B%8`W`n~%n8GLFk3*wD<5qM7W~6x~0)?6^g5>w_Lw
zCfII(83Y6eS!Hg9FIpx7wTw;AO4wyc#_qRq#n|oOHL96ns8qKhg)a!6N-xn|LaOkW
zw}A0<?1~O3mFKnk=&s~}gAFr`Gu$-kaDF|nHY?6<au8zCUG{JY?bU{VKL4grSHKs{
z7u5S(bz*?i+sST&+vDTkQZ0KTX01%8&m8LU@PHf79<YCZ?M>bKja1JvN3}L?=K>&$
zC^^t0)i7CFdLWNXO(3_yK9D8qOmFBQolwQ$@D-rMV))SNhTZul9WpICfUC}9aFExz
zpOwowIPzZZ^`c{BVaCW|Vv;i2u><DO5M7<?3GP^?v|CLLx6niII0J*JT-fz}yz8rL
zfnd&iu}WF=V97&7tTMjI_v#(k7j^sBuW&n7yb1oGzMd%&V}caSxPLTr#<14gG<;Ee
zymCm8IdePk+4wVx!o6@saw!lP?gn=!UA};C48D;HKQ#WK8wsHE*MIzyH(NeG>c#b=
zLjeE`jVtb_3#y)17p}Wp_q>MB;OpAg3$B$8b4Prpt{HETaBFSC`|b|-X2Pi?Ru+kp
zDGv^C7;N?<H<Gymu)*qC51l%=8DSicGIGT~h3(B$1Eww$Ot>JMN_eTH{I^?pK|=ys
z4_=H5PG~lHiI;`3?~<jOk0ws&{QJJsA1EZ*p)}Cp#|6$64A3zplxniphr91bO+SGE
z!~j1y_<6YYI*B%7#L^|){2<|gAH4D>l==CtF!*_&{tIw`*Ki51_1}iO!TlkA;3~mx
zQ0j3;=Q8Nn&c@tEVW{m)_Oe^HV{`~f)otx;C5BXrN?r0J+E)cVB+$cGX&hClRrk`9
zLk)EfI}B2>$)_`qlUxK7BzHud^{OtoLm3kxD4R>^{9vp^v1daz+W;l&1W|_xY1*J5
zUPPJ!;_<Mp>s=Jm&SuQ+`0_n(w3a25W-bi@Vn3F;ZhCLRZ$J8tmxu~i$a)V8rR4Ur
zRhCP%yQ&`dHn^Hg?l>1G^Cg-^?8p8@N+#@)LZgTChaa?+xvj)qK4mNXb#UWU<nNUI
z&3&N95K3Bg$AQ{o(mN{6VASzjW4`<be%Sn(L>}J7H?mf&;E#vs-#P`PNm+>$UIt>8
zD|<67?>xs~mnVj$VT}~`8M_dy&}s_k`vr(JRvn+W(9Pe<)@h&T7<p$fK4ww2i+Y`=
zRNQ(i)p1dVX+jy?2rv$wfwXWizQWOL2~&C!w{}?g9*xIx2zfDkZb)*6u5q;sl-M4n
z1>oF`#&rSH#de8TE*cKdrY_kX)}bttt|U41p$1w1wklV+G#iJGKK2$gGY~oN<?+zO
zpA9vSq%(vV+|DjpSZb@Fr+b*Ip-EMuc{k=)?iG)WQ!j-v@G=^uq<E8R*Qq@>=(rr!
zY1NVqlAvbibimc_!NU!Ia}=vYS$Y=JM$O^3kffJlj-7!yn6tlp2-S<_y*>5s`e$xO
zPI}G<(_xs~i?M&{s~(pRRBGzb>ZP)@sLJxX=+?4miuX7W=r?_QMnnwa-X2VtG7bg7
zlX4R2(&LC1rs0(3XIsI3zFHpx^9!$X_%a&dS!h?Wp2sDP36)I5_z3`uEM(4RWNaJ<
z*LuwnQ+OGu=_h%Gaj3atbGuF}?y?*@%eiEXs*9?k@f)(klO?^bOIcY$X=zkQ*<(l`
zbdPMzkvs<U)l&K<fw%E~Ju9gD5l~D7NpL3JCVAXPED-i!kIuZsreb=gePOAH)xI~8
z{&o9e0}Fl2v;hT6(fEo&Q=T*AOMI?x)kp`zYHdCA)V2!~a;9h>@DRwCuDw|ugI(Uq
zxR`~~cV4s(UKN-WA<sg7Znm?Iwa8O_G0nGXw`7b`B8u5vl&3;OI+Gj9^zON(4f9~1
zri#u(POlTY`7>|l;8*g!W9?3)+Rs*}mu6Oix964&WG+4lC;w#fX>!0gOP5HPY8fqv
zc1(+0UL`pCN5#6|CV<d|XVllW%Rrt9&7mUC4nqr8-b#Bfx&K6o>JEAl(M4OtTheXI
z`{&4pZP5<ed`u%33?*Qi2y`8wt-EyH$ka@H1#M`CfY88-YxP0DXo)9?yE?WGjo-vm
zx6_U{x(7S~8#6+VWn8*Ez#6%XNkt={`azZ@sdlxjThUsn?RM%2cINZb$^O2ZHwx_E
z9pBqq@OqFj276rZ5JH91&Qk`fCf%{jwPQdRD3m~H;3oKXeEYz0D$o<8E4wPr+0$$f
zAdM)14rE?>44Ox#i~S^~@u?Dqfk#OQtzcqCo?pNY>6UOMOmh2oNd;SFheIhZcoIxw
zl;<wNRdM{!6eM{yscl9&F&O==li6iaFk$NS@4s*Y3@6iV;w}F4tv~#M*y{%wk62l~
zJ}krpjN8gv+GJ|nLE=%NHcjL1IGjJqoBgH9i(kgT{ou~R!(i_8AA|;f!jdrL1~!R+
zNWTLpVyH#(ze;RjTzc#G6dYa_-I8myd)Q8pULi^8Cz!4$k$cDukCpEvgELO;jd<;0
ztvWu!>+-14e|hkS%6{h7gbt5_)U0-PUo{X{4pZoGOVHzqH}Njsf~NpXS!J{VE7fhd
zF}=-Gl$;=<DV3(pA!NiPX@X%eJ7fg{<9K0|H7MDfIfh0W1uq5F@S=f=ojDA47#I)A
zG0hF7gxaq|C67GB_EM6GR-mV5uv(9MBDMAX7*L$2r-U;ka5l>(KE~Je=fQ^6-71t+
zW<e6rY^p4e_RKz|Gh4~*WTG*TDPYt7jC(WwJD$yw#rt?WI5E!0o#N{7LtXRN;N}-|
z8xGsSq7@JjW@t<rZTzOZo*o#t5?1LK5p14nt?9U@URE?zYo|YZB>~0sd1#{=+e=Kc
zf%pR=4Zf*9&@+)X)l&wvn0UP~&}kQT7=eWztXVg~Q>+mCfYuF~^s(Q+vhz%B*L8he
zcQtBXOWn^7#=ZaZ!@rFGm$#DR%*|+*b$MNOWdv=F4aa}Zk-GJ)?OL?Hm9{^AJR0Un
z8UhVblK>yirY{L_H14?<8u53dcY(az0-np#u*SX1j;fsAk_lJY0HxCbmvgY=@9+a%
z^-OiHnb;90$!r+ghityHDpuoHNBX}PO}__F$I+qbLkmI$W%jy(qejdWhNK<m%X&)T
ziIL3)ycV|vXbh`mWgm5-HnM`PFJn;D9<5NLt7hT21+GB)eUeV}!KgnA-YfK;eCR^~
z8Y-_%>Y~~oU!#^b@$p?gXA++hcgb%IU9+ozz9-Jf_Ez>94@qdg-e|MO_OBjj`an4=
zNpktQ^0V#CTdajYe|8aGm62xrQ31HabFC-LQAC8`fM6Wb4dX7{>f5Q}WVhnru5kxK
zq2c32>0qr001BWfaGRn6zSv%&WIi?@ABWu`A+l@-Hrizdhm{Eh2-1@iBGW96sx6BM
zWi`9X{?Rsga2WuIjByK=(E;2ARpS|&Gu~$w*;Cm>u>(=lg)+094*!l$cZhU^EM`+g
zF9wJ>HyQE=+(<i9;O{;|&FvsZILkzNqH=kFxy#b(BW8mgLe2$r<(`sx*OjW-IaOs|
zajUd_@zYygHgbcg-ML!X!><j+gD;kpv(}A>+zql7<}A1gTZ(?%dG^Uc1c7fiI;*3X
zN;0UWEaFYnDn-z=LBM|4&<2L(%clrubu4H8%m=1yTwike!81BMc^Wv-$qKJY#<PiL
z)P;=LfcN>}nas!$nS}eQiFtg7y^W?^#Idc2eSjTyK^7^19Qk%c#6w{1`pCxuZK2pI
zP}p!o+HXO|{CWzl9++dMTuy_O<Az_QVPG3kF3AOF5tR{2DmEa~aXSG>G}BMbdozE(
zjF`c*6wkS|tH0po(j^jHw}YO%5_syI01vANJV)pHP8&<?t{<VDxAe={iQhHcDO}x?
z!#Ny9a9W-4SU*C-xtdFm3TxHU1z~g8#tYXmSMsvPRUTYkVmnlgr(@(GX+$g)K?lA*
z4Q%QwQRz{*Wr8Oh7!5n7!KmBO^ObQ!Xd1RaE4&=3f++%mn|CI&nix8&s5zllTQ?T;
z7G-mi^OyBrEY@=L0I2HPMss%}Qyu)nBR0VAx5S2~6HYO4#sv;sc<^#ru&biQyDr7;
z>wDt>trt~L$j|^ye$N~XW*t*Z(+_Jg&1;G3`@9CZBkfgO3j82c^5V1`#UWd*dEoc{
zMHe>F=Z;0ivNS)o-K4}{9&;+Dfeh*&dG%V6_CG)y0>>V!C-)h5#*1_WK3s5Hg}lHA
zw2Znh<VPAf&YC_5Ht-Bg1_lb;2evSHu3u@o3h6n{oW~iPtTqh{!MIt=H$`oNa7clO
zL8=8P+y)rjff%?4vAgtfzqXN5`caVUvt>7A>9G~b^BFgq3)VN`L?B3ho2QA0Zkv-d
z?Z`P1OKR*2Ki!Vn!kgkwayfx<BK&^UY&QW>WJolEx>=74GqAJeSXhG#o4B~urZ-rH
zHwp{IV+xL;^Gj%_&WEe<%$wS#w($n(U0u4~TP_LjFa3h(8$8w<TT?<dXLsRWGr7Yv
zlSFNEPPBqy{<#LIZoh%9v>8Gp1nCz*Lo?H<?SUrWrO;Wo`UK~!4qkxpGaaWYDFY;^
z_^LmYFf)ZWLMBR@n8{9<FGrrR9_SdAwo!~SSFbVezrmwwcp825274EO3u!oY_APq6
z1m5i%DzVv>dM|abM5z3v)UaN88)u6X<T@R+UBl)|cI`EpGL^d)LJfMaYk3nDhj7o(
zMOK+2@C6FiF39D%rj>T@%vFEzQ(I%O6C*V5eG{hP=ECk1Ll&_TwM)LJ6&FE7iqsY&
z-@xAK^T^?b=f8+Lx87jOP6+BLoJl*VIss?T?NF!Jf`zFAL(la;WN;HDH`k8RI<&R0
zxd2Mw?Aipr6AHJy?^35HMccqfr{aHpLOLsmRs#rT6_LkpCZ$d_w!zKW!wd5jNKhGE
zBMIX7Dh|snm_ppeT6%$3CIF6|_)O-XD28+*Gl^wNc0Te(muQ^sy4FkO8Y+xGswaF|
zO_I0jvB!g>DX6w)8c!k>xkTx>@TJna4+Zm5@2*RO@F>ha4191mNU>w7D{|y0x*aAR
zxkkA!_Jf!c#S_HWb1Z>Nyx^SiSztY+k9kz!v<ibaTzV?G3+bn4H+}SWpk;PE*`AsP
zo~$jvbYg@u-aw586T`%!Wq+>PrL!~|5h4r9E6CJ!DQ#l=guhM}aE<9TL9(5j4wPA@
z@}=tlfucl)jq@nUkoqY`0O|n}+Hob~YF&COWli7)5&F8$eiI`s?d%9s$b^*H_G?By
zl8Q*4)$jZ)K&x0M8*oPB0;I%<8awOi?pbZ22oEo3b}}-Q6?&)LcdYdOcv4FDYXABK
z*+TSxC;meeL{TpvACNoh?4E)kX9id^%hkL(y<;}`bE_%HS{v@;4IZEC9?-vyp={{C
zSyDvn<i*lg-n8bgrjENhX5F(}W!8qQB>xGh40RXMT;E;%1aaIO=`7Nlz!TLbAL!n|
z9PPZNUz0Bwaix2t+biiVq;kX6meK)as8|?FwUL@Gd^;6MugTE1B768);C@(*dH4?R
zx4PTkDm0KQlHySeA0L3HdNXJ|1S>r|=*rMR%dykkR<cg^z*EU!Q$_V;J+B*cf=1RF
zXNqDb!lEJOU%jP&3lA74BM||L@gva62qK|Codr#|J&CK`ciwm(OmgE1GMj;mkHfs4
zSJoXUu@Bi^Cy=L7;luP^$HYL`Jf~>zcUEE05;<nWd^&n<!{^kE4{aGy6}t!`vL;6i
zrQ6+*sb}fTBe{#0mz5kN7u$_VIJqXskvk9=3sc;9YD2p{JY*6(+MW0FKjF9bAqsx7
zcTtT)fe$5doRoU9;SK4FO?U370G4HWNp+HN-=AQ+yN5Tz`wd-(=i{E;9@|zEZNqa1
zhD|1Mh{H#t?=15cj~Zuug%Ac77@40j^y^e7D$d0S<bJH1okqK2<K#BsA-S><kGSHG
z;Vi!oRUjR=gsuMf6N33NtgN*a{qs;t8;o<QdgBT~(OV$%vf&p7NWoONgs_d4XA_88
zRFxgA(@_Gi(*Ud|GvJ&D;}0En9j8zQZ4zA4=_1VSB_Kg!)x^9`8`0+5MtQ3>wIHM_
zCKVZ|yAV;ziG?E0cGFy@ZPHmgfzg!%^oFWawudFJQIxlGv5e)gY%SeaA*&fr<&8Qm
zs74wnHr(>_=znBD&W5f2>He*IsDi)cbh*e!R}skn3O~8Ks)k3`--fQ*n7=gTk3`y%
zwX{ZU14)ksZ)e~=11h5cjXN&W^=af;YV!-MZe4<gU3^qR<scfVnSqLCsAC%YD(B^z
z2vG_*h?||ANGjJN&#Uo6Pq3mYs#Nu;lImXRVglycc$h)c2qp5q@26#vdM2M|gQ<CA
zUO3wf#*{3r<;qHWM$NzBOxCJ1jhrJx-uP0pTR`d!;2tFM<xywMu*lIf7{HHE7aD9j
z_P1FiB8Wi20}{AHBjwPs9owyCG;@pjc?c?E#DXm+2hx>n4-fX>k&L904?HXHXlWB?
zv^iOdI&_VDwk}(TWc3i<=Vfx`Dq(|8zha+l={{pe4z86W1@T&0$<usRr@mC>BIY3{
zE^Bo<;FsywMn?T%9ED>$q79|7^p`6Yq=8_I#f1>XuGA$Da7Gh{^iZ7CkGRa*u<jbv
zTu_%8$m-msIC39ViQ$EZKqjlspJ9`^w$Zy&UeBPx+NoR~d)^$WR55G*hL}#CGmHuz
z6~#-M&U@+qUo|uhMKn7Q)6L?6sm1{Z8;9B1F2I-Y(#Q9=k8V}kg?l~`0&v^kgcb6-
zvRnFfqCF7(a1)4`=V0Gwvyq2c%AmRpyH_tx(1)EHch|78{7<+L{H)+G*Bb*a-SN^|
z?!o&=abNFzk#r&Fa_)`?oaS~CO$8@4m_LKz%N2~JA&#O`xZc!qj8W_!YDdu?#4rpN
z_V-$X`=sywvmW~QWsY9Oag6i0)JEsBGEyT#3jqFG_df%ki}%mrBYXn=Qfa{fQv1du
z%_&0$oiQREb~J1U)uIcpOw;pjlOz5~@rYPgt7>ztI>U5xRP82ywjI18Z$rpyHVcmK
z2D)N@=vqEhCAzphOc0MS1fizd5RnL#wPGKhoHn(^tmhro)z2)Z1<UUm{(Skkd|I^p
zD}HA28y5|;eRuZNf~}L}!vafcoMqZ`vTN50a(Nz*Y7<?h&eTYs74H~5vyWkx0nSn-
zXv%}j2dTHYx31SD3>i1<`Mg=UYdppAf4*BcG|?4(p??sTOlV9Ezv^seuLnKzJ{na!
zzyHR!ys5p!RWc+8YqKrkvwm9g%3ZQMaEiOW({3M^Pl>qdzFps(>|UwjxuwbaOW49+
zPrPb#K5;{lAVzFy%LE)xVD7T!)1+5<))e(ng8GmY3e4)}R8(ofu(F3hb27yTxNJY3
za|6JA!;S~CtgToyvM|?sh5JKla$gG;UJPVYu)7nLVEggU5we`wx$Pp!;v|-&6YaDC
zVmkvn|3VgdxuW;iYQS$9y|3#0i;=*<Xz<v7$h2nEX*MKfGBD{IRHac=Vc!>uSy-;)
z9xL@M83kFTpMi&ZE|EFw<-@fA%FTyg_lU{#@2zhBd{9q5Et=r}2AwFr2KOWlQ)g6Q
z#n>&}*{gc>*|d2BNogP<zvn}i8MXK&G-^hbmY+icAzQ<86(mQJmVE1_lbvq*)p%$4
zB^<$*^CgFe_8*`80QPO=8#p3ibw;@NXft}xT2B!ymAy^oYr<7+L|C&KmQ678m`XBH
zR5$d=$eZG;xOYMbs-v^qqn9<ndcdnW==#eBcwCk|nS_ueWO(WPR8a04CX4Z7T#ri$
zLA<V_X<Cr;GktWDSfi>od#Fnviv@M`PTy*4eI`ww{3vL3V-;#=)yvPK#S2Q>L++}$
zHPLO3R=>7#0IR(qVj!k$2WAs~7&<BmpTa-_O`TM>d#js2{}Sryr|)@>AcF5x`V^1(
z;{Bz_u+8fVpL%J7MSWD@Q1wbdQV0MP^XG`0vPDyxM#tu#fDZZ>`%lp>Oq8DdGum$|
zyIS2fXQErMI5FHJT_k5em<5kYTkfHUrE#zs(|z+7_cAXrbPo`E)NaSJ`IpB_x+&|-
zc)JBj&8B$pXKjnrm(IqhEz*suV$I2trPuBxQR^%NCSk)#nD}{8>2}jgM6NzgSrY2x
z1ZN8A@kMezxgM`@*?4Vv5(S{mW4h&1P1}qhNyT=P-0IgJE|hKK^c1g-Z@MV3n(eD8
z?sUth^Wx3_c;v-jZ1QNm%uni+&6bRmw#6JaCKppd?iziz7s{ZqV@u8m0m0H19+PtC
zW)O4zqn>(z2zYRB@#}^AbWR7fdXAwXhslFp)h-@a*bICa;$$&tB&?;XDksENS469~
zu@ya;*m57U_E!F#FK!^c-K#0K<(Zl(lPN4rm)QF?2abSt1xm0ANvd`|)64^>dbeyb
zl2zr5v;76T+@Ja%$dM}N^DgP1YPpo-o%n2@@)>ZJ6(!?KHP0#v>p4IORUV?$=XNMt
z5lB}lI=_>76pySicdjwT(+-eLmt&RNJV|-kKD(fVM?)Kh-4|+AQ&BzuwP&gU?wxay
zdT7<`Ak&p<uz)6ZPQdIGUd@n3bf4$?vUPIZCCA2jtfSEk6)MqYwq|l3$Zf-@K2uTE
zS;9_r&rEfkZ5@VLO3|oGI&6xS%i!@}&1^!8tMtNfHIBTgO>OL^F6>HhGtbAg{MtBE
zHnq#g#rf~xTDMj!xI4&1V!(Vcj>g`R1-GB{3mB$Vo^JQ?q_;T`ZZ$O=O;p^{(&lHG
zjCqvRqEI|6DyQ*_RXGX^^BPR^&am9<$cqWN;<r=ark8|+2UkVLqN=GUs;wu!Y++~p
z2h^Ihfrk%s6Sgh9SlS%t&_uLjMm8Gs?=L94I5#r3+IK)gG<pLGKsIXyh1*~r7XgH3
zr~#pDaZuBYmH<{#6mTb0kIi`*>nr3fgz%m$7#;MOZ+(lV;hR6f*PFR(LFxe+$ivK0
z5&6ciz<r;3aNe5^UZ&@Uax8ke<GBG$f@)f^r#ZV)@M3sff${9OVLAnkEeL){|LB7a
z<;tRZ6=zN;=}FI^?2?1o)x*tp;gp))QUHC%(Fe->Nw)ZoXCDV)i3{#mT$*LON75q<
zVtuMd9ARWOy>T;N3IybOV2UWGtJPdAP>5z;OVK;9E6`)@v3#6u;Tu&+k$wEw#Bs?F
z6x$!WUU;WmnXp+)=%?Z3nh+syl^=Mv>T&(KpD+B9U&9T4Zet|O^w{H)E*9qpmhF#m
zSom23_P`$415*ej?q%N}^+*~R@>i#>8&x`oWf44C-dHi0`JBmZ&UO(!PNtR^R3V(5
zgO3^x&$j$vk`YhY88a+J`Z<ReJ0e7qH<t+zOQaaTi>eLnOnTgHx?pWp{rC!1@Migh
zc;UTZmL-UAU#WfH7cUJLoAw&0=UE_w=T7u1En-qMOla!o_J(m5=&|7;+w<yzyR5O}
z_E96@zI>?QXv+`yEU+ukBgbumRJ5=)KG)UV3_R<BqHSkrJ!ld=5B8t(csNIIDa;mW
z3MEK!&%r)!VGz?OeGXU2CZUtl+IbV7sGrR6ID5wA^gNz^I^Fi;iML<+>V$4d1G^xn
ziJe;aP;Z1s`{f*^4T6geA~CQdOMzp79!rl?k0V}ZxXW`vJa`1mba0LlE*1mqNAIGC
zZsIDlfXD)(09va8pEFj51X88}rOgPt!$C4k_9V#i_nAW*a{BJRLit!&fR9|mJ16wm
z+17yt`v*tLPl_+=PNM<C1C86EVS4gER{J;uH9Fr1E~vZbyp1@z*mZQZ#!ELok=lJv
zUiSsuK7lx0BL=dH1oF|0pFAoVypsQv$Ikh*vic{jvG@egPtDBvFxI16Fb-qdWO63I
zo(L*6tc7`=-LQ-PVCK!-+p5jQZi~!8iJCZ@0+R#`JHnjuXd;8Dn>Ujb19J<46PJvQ
zt?$Q{w|gK?U9uKt+CNWnFA-)`a2bJzt`oQ#4AE(f$teK8HRCj}ci&c?0R!GdABT_I
z^kVRW+<zeXveLO5!Bet_j{&KIbAdy8=@Bk9q=L+W5Z8SDEajp=VZF-zr&(UP<(M9!
zN9YlH2WdkYjW{SU<*)8~oIb{W;cIRmgD36I{p)2f5XiTg+vUL#hpG+8YfM~BF2c_h
zgl*N6V$r`UJ;vaCq4HfvGyjLRyR*pc9zLA2a?evxT{nX61p<4OFtzC=1G{yPIdJGB
z7@Vw29PFze;*>>*AP{@LU)IFlC4;s-@^%aj&CWe(cHH+gtVK=rCAQQt-4C5Rg`-EU
zL}DfE_2v9YvG_z}KOw`ML8_S+N(G|?@bV55_bFP_vIDCeWLjtMzX4x4pWEgUPUbi=
z41sLz@f=$&TAQGT!<|#FQ<1_BVo~3>12K>*xj;sQ0$4#x%K>9_JRi3uLKqeY&wZ2!
zCDw`x@9}|!Ma%)v8vEHo-aK%<plw)L#j!Q57DriiXh<W9^6CHo?x@~QEID}mP-sna
z-`w{p`j16aS6(4KJXK4{ogC*Bqg_VyB-<@?bDx~WXx|SbjQq$s@>&LT%`mn3`sOYi
zm0*8y9;s!9axoS<WW$frfft-b8hhQ)xOI<mJ7CbJma3sSH7`pjQpgK5a?`_U6mf1<
zxLdb+A2mM+b<iVoP757pF&LoBmPYO(*81R~Jm`A^_bZ<fHyo{!UvF$}A34XZ9e1l>
z=P$-XQcfE^II_U)@!=FdH)v$#dx<d2tX5araxo}-WSk?dM1ux!5pq6f);57TaM5>R
z8l5nHz^IFnAv=)7{U<<nByHdqm+$J1y=T0$qduRNv^(TiRbuiT`<dr1*5i|)Gg#zj
zStg@5eKgldc^~uKXV9aAtKiFGu2;E!qi!|2^hc|*>h$O$qsMF?=uLdY3Hgq_Q*a|6
z+<KBcKAI23!sR}DoPxoylXLGLdM}6RVJDTF*(0^%<JPHzh`|y*7Q@xHPndgb(1(|-
z_XQs8c0QNp&tA*GMS&iN9;Y7r9-sDDdz?L+p0DKhQtg&E2jj~AN!wkq11%*Cbo=RX
z44ew|=tl$YMP<Rpab6;{`F*%S1t#<pfSwt=M{?=ejM``?j&-nXhW#ujU${YOy)~@S
zTA;P!8|`3+q_?~<9J_Bp>_DP+Gq6udIdlF81TjW&J+Y9SL2@=6OrtqOjiFxDNhX~<
zVrsq&yaZScmtn3$r?qhZA2+#fg0z~a%vRk$$suoYXPGIyZ?{{l8E6QktMfjswgAEE
zOMq*qX#=N-ThJUMqB0H?!~HJzpTf()-bJ@!wHO(bDv-cYL<ksBJ&-ZsV0#3(4BmLB
zJet!HG`PB+G_cBPp?jq1z4y#n&K}|*IBXu<9Zn?8To&V;z2P=2X{;ZbWvFU{@2$0i
zCH{0o)Z&X)p<voEk)0X%-mQtQs`_y&!5^QJQk&}PQja;6PCP4Q;`tnIl-PtDI5)3Q
z8ciM77CBBo9&JM|3Gcs^J|_MGK{$ETcKYq{aZGsHMZaTtK#AFKY}M2)4Ex)@i3@mq
zaNGii1fWp#nbA-fH9Dn}Vzs9Jt$z3viX~st)F&Txy-PmRI^h$iw6-Sw!*U;WK7xUe
z8xoUKCk{_8vqL?boJC}X#I9Ueu^i%AqbBSTDITIfChC9v2*&3TX(khl8<2A4-_%nR
zfQ~j0+Yr-|tUS<b*Fcas%<{U0{oR#TEfWmtw>6?lZj%h`LQra}z1fT~85D4{<`!XU
ztscU3#o2-;7=u?2>Yi2nW^La(`931)4e~Y%cU?}qO8a;-?#=$ib#vF~q7E?8|IQ*W
z4!lvY#l3N(z7x#OWb5)v)&u?~&SMN8#%5j*uGfgNI`a7l(q-`8uu=j1vqhT<4n4Wt
z{aV3vg8GK;Ze?s8B(4&xce8URVCJ4i`aLZRL`3{khhd6W2x21v!P}`l1|GZcDHSJ4
zh`Z3VO-Q(v>|$Y}kWVGt>bS3{JB<ujTJEVS_vSEDY@9Akqn>j;H#D?~U9bR{G#DXo
zQA0FY4z>}t`{s`v3qoT#0Uk#ZDSv)Ms#_hY$024CLXhyF(&XYxKEP%XhXpL8ZukIY
zkHp%77bA}a&rNVEtc>f0`1_+|o>!`6_fTJv*QM1n<i3z>3oAgZI)?7mKDD-p3m$<u
z0WBJ*Y6eb_Fu$`_hlE3uFr0dV$BDoJqB;l#*bucLpV?BqdyPmIkP=<L5%3%W1jv$y
zGSe^mhVJ(IJCE2M0Km8ZByx8E_*t00+d6xk`3vqS062lDE)~F<cM$=c%td$Z;w1O<
zrncoC8)-$`>!SHABTuDGn#UFO7xf&z?ZgESGw(CxpvbCWqap!ulW(>NPA@yl4Ro>Z
zCQUlUU?3=0Bv9&~Q<w-9@m#!?TdVCF<fg2&auy2TEGuk+Bc@6=E%y?WO(Wg@eCa;1
zOVYI~57x#NVaE%is*h{&uC=@NC28?@q=sQMCC+5U##*tA(80@~HD`l*1u5NC6^B{6
zGm&!<>i`{bguB>yDkl;SLsb|G$I4N0s=-vAZE1|P2}#}oR&g3*Pk&Rd0^20R$RWF$
zIlzy_QFwMSP>XG;uiX7fkYFgRr#9!?4$TuN3B`@SF*c4-l=j3bwozv!SWPHj#{5sa
zekiGG!VVB$4Wu=%SXoN>b4}S-Mp&;fiTO=V{NI)IRLRvPjrA5h>14S~R(@ls!?x7C
zQV(GCU!pr+N@+n>^{_A!=_+ZuuV2r#_YEi=mZAp!l3-|`3cW?N1|s3)Qj%#Sr(|&S
zZuOEVS*LAWH2gHdZcD`Ez-+b_M+Y(7p;({j(sdf~!mVfeOC!Ig?JJR@G{(j}X=_G8
z*SOk32+d3tfYW^f$BBT`C4ggZz^M<wF)xMswwIKolc|Wx*I0Wyz9}43FVj6#su%3{
zFzyy$z6@1~Q=dUCK}Zs8B}o$8I!TnMRY7*^QaTH*v{9eMNuo?-Ox0rwYps%$c>v7!
z5L+Qxr)<`aS(`j~FA6qS>Olf~kW)3EySp{o00$a|($&U7qtNc8a2KqNP}PYT{;AhB
zWJ^W4e%jq|R{hgH>*Ii<Wh}N9eHW-=e96g+r&`}c^k(+55Gf_GvdPuNv30Ot`-r6^
zuCGEogsLHCB};4>alg@MONh=PS1P%@#B`Mg<w7cN-r<GakNCHiSv9kal6ZxZG()aZ
zX7z`nYzVg51bIqgWL@THlc@VGgP$>;cxYcgb;$v$K1lI)iIQL#Zkd)Kga@oZk`7Q<
z)?0n>WQ7sv50rq@nPb+ggS1rtSGvBY-6(8BEFtYmJ=jg8bn<FdqEFu4LCL|EMGx_J
z|M+A3rOO!gIzrZa5ZuALQ4}`Cwl$D%-L2#hOx0iiMbU0j^ao|8LMsSjxx+e_tAFX#
zG>!|EsX(E{s@jExZp}~~)oUwRqhM{v(I==RQPM;T!--c3MQ<gyM2rsM>ky&t0M!Xt
zr$DO^!ulB6A4z%!yIH)9vPL_E$VcJ2ir#9z>wo=y&=%`rf-qv;&CzxO9IL!TVeP}Q
zFj8a&94-K^X5JIT<HmSb>)q^7jV6LBKO%fsCIqiDn!0hyweLedAI6W%@bQo2=oD6F
zGRuZ<8K9Gde6^n-A84;%w)>FUxT|Cx7MA%kGYz{Az~(opC6J~w5<8b;pQk+Rrf3w$
zt|L;N1b-DI0+iY~IswDQP}ZufdAP%B^)|$Oo7vk$+@3-0N0{A)qXz4}*C9<PP^E)9
z$@35>A+b}7%%(l^i?f`U+?2@#rODTtN*m%MxNTt7$x4@DmovFu{*rx8H~<bEa1TTR
z4P_bw6)QUooKBUkq)ZBMe9-N^ELU#)<V8<SWZwEXUppA8Eqm3IiwK`BuvypPltr&1
zYUY`SX;ByU;<FpsS&0R$nyrVh>vqd|ZZb-BFhncY^4fJyo<P?)FWy>!)uPQ7EiH~4
zxTp+cvAL{xo4s$$7|H9$T*#(@D+t;q=k$Tlafz_-P{*&USS+J+<}os%IVsW0cy(iT
z34b|N{Sdg+>%je|WOMNcMDggU$GP<$E+s}bbzQVkz1nIu$*qn09pXT`_gdth+Jsa@
zcxkY6h`OLYPug2^dzbTMr0x^v04k%Xgi~&67A%-*yR=D$l3vY0hC<^=wJHLfp2Zle
z>?Q|~A&&kb4w5y7*InW5GTf#mF_q^snCF^hW1lKyE8bG|AfhrPYc>BeuPIIuv=T$7
z738v^QHP4LbQsAtAj-j&>eA-P9^}|(L!QjPi?{H+uknOOlY~g#qE%M!_EM_|Ddw=*
zj{G21Bc?j=t%C{G%i8pvJ@B*Dw;?*t7pxqtS>K%b^`*~)>9<4k*)?+(YcmAf^*V_a
z`bnRDFsd_D@3vcofYr(YfSuYLg}7F7m`?aKxa8Gou2)*CLcmt#005AWvV|8~Laoh_
zrD?Ziv<n&M6JSSS2{%Qss@yKFq))x!lP@|#Tj>fJI)G&w1MAg&O1n(3*4APsU~OS9
zVQ;;4wCgI5xUp3od5#gFH-*F^nbJ|9M}+~_81__<;wHl`!?K=N5cBg`1|W|xYK-6^
zA#TT~J_*9ed|M7{TzJ8v!jb~qj%M4Z><jc2YriRiHb6siG#v|5=4z=9rI*W$CKmzv
zodfi}uxy@Yw@a^~AoM&BJ6m6;LMusUm7A&G0ely1bAcu_QzQ}ktq8j!2lPY&vWEhD
z3hjXS{*vIU@{<u?A9~{2O@j+@&b({DHPM`*yL)c=Goc9>jqk~xz{Xw-bAge<cR@37
z!-m6p!!E&c!&bvjU@qZX;FaK$SUomO#BjA*p-Hg&m_w;Wrh8qm7Xa95B@HQBJV%|9
zoD;fdFSPTQkOo=M2COqIukvvOC%u{}jKg|k_Tm4aNqs|-cLY59bF8kSxrTS<o_ci{
zdAd%W#ey7oM_-$KnZ5+>Tk7}h^UCDUCmiGCza97pSbtx$P#*Rgy@1bvH^5z}eg66=
z?eadF!i(XHpQFk`0_w|4>4&iJir`V;BhYiSSa`wPz<<Egz<0n;D@j8xvh2uY^M?iJ
zsom}jJgG^3Lf`oAv2?wyuV{PNMUYQw@}89UJs&F6MCp~!kCbK>B5T5!Y3>1K@397$
zUEjZ8C-tqLeEAEj-PwJbS+Cb@5HK~fgq6VD^EJ&jfqI1Ev(CyEH9Ad{R9G+GdukVn
zaZpnl5<ui$toF6upKG(wqU0PHUz6o2-%|DARkgNQJ?vu4in`=3_4i`Yer&8*C0SSL
zPosR#ZL8W}{%Ht$<6mlR<=&Zh|0S#S*PAy=KYY|a%BXjLh-|&)csC^oCj;6EZRb{=
z@E_eU&4%@d7E7Oiy@Q+Y2yy`dIf(gt0M=ZUjxLmsv?ZNcIv!@(U<8!qmOGq%jq==z
zho6<=ej$6L)h;3zHL(Z$FGww1Bh*LTPkKG!w!TI4V;lRiAPT*cqB`d|U1o&+`giBz
zUUWd^26#E(u8ABHY5^N7hB7u(s5Qcfj|_aYwr~l3wHrQ~+6yOE)INm6wf19tMASBh
zM<-u8_00M2$C`$TZ~^>RXUabj351Ladg!40s#Wmm%ru$u4jf?)($5o38|w_Knf7wY
zBYtk}Zt3-*wu72(1+&N?@-0i#!Ml^PcImz*w8(OGN_X{fiCZaKFAE*kDym^4AstI)
z)RNkj&1!TK6}I!6+Cr=-N}aWtS0O2>&0{Tjq8=opaX?RN?M#|)$f6a?m95C=hP=LM
zMd+}iblM!+2ixhdHb<Qsv|r`l_a|6oG`S;!#n!Z(*3)iNBd^}gZJw}2xsK&KDc|C2
zMyFvPpL4QpUm0ErsNjqG8RYXC{)L~e_nA$z3w=XBT<%im*VW(fKj(HFygP{e{Y@Ib
zL0=!lzBpFl>L6YlUC8-y5<PBRP~Jg2Hkhm^v4imOu7s?RgLuPuxU`@JLTVTb2N6TL
z*fhU`_%16-3KI|Dzn>l>BXl32I8}&S1p@w$R#(r(h=aoCXkUrNRK#3NQ%6?D0i|ei
zZ7O2!VaczAFV&X*6S=9#Ih~S2DY|(~{?7z{c)!ID^9@8Ui<ol=C46a&{%2=YzH?0h
RwGDEwDX}?ILWKhW002M(XXO9@

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Regular.ttf b/public/fonts/Roboto/Roboto-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ddf4bfacb396e97546364ccfeeb9c31dfaea4c25
GIT binary patch
literal 168260
zcmbTf2YeJ&+c!LCW_C9{yQ%b)g#>8<(iEkL(v>1zZlrgRDjlU0dJmx&=^$)IKoSrV
zsZxU|AR>z5Z9}l20?D3y|Le?7GJ`(v^M0@XnBCdk%v|T{^^C+MNeaV3m13K{+@$G&
z#-8btTz;k`$-SGkZPWhzu!d=pT=54<>VBbF`;Lt#PMbAOk|!OIq{t<0+9%arH9dQ$
zB>NA=ReJUr)@#J+`|XBFa>!jtvQO_bc1&#bosRXATxJBm@6dn5fMMev_1q)Lkpm@(
z9UahX^a#mM3djA%<NKfiLnri4$PIjm?`lZw$DsrJ4jbQbV$X@V{sl?0l^NKtSKp$+
zpG=h4!yEX0+CY2|kQ=ZM-#5p3<$=S-jNdnE@hXY^>6E01XNL~&(`)Lu;v*9K>98aP
zR2tT6{0K(_#UJNc_<ih~y@vHmi|cg_@SVhZmyH-cdQ9;!sW0H^Lf?-V)o;X>{!c!Z
z<mk$PsfA?2cal=o=8+W1F8NDAQm8ai3v#+#Vb6JjoF1uwj&^bM7sucN$s;xC;*pce
zXUmlubQLEOPNc8~T{Tsf@RyoRe{tw9e&QuNAn2hMq<<1DUOcihJ0$2~?K*LBt~kZT
zn2RZKES1G6RlP6BC)4<Sp38#n$_nR9_IhoeCtGa}?-Y4lp-Ud`eM5dDLw-Y&rA@_u
zvPohEK~n910WJ{01p>HiyUi0&y-VDU@(;Ue%q|1a+I5&)Nmf$Q>PAJ_;}cl79l;-c
zoIdo~XNRV<wQA&(_iEO!|N8UK1C>&S8Ya8##8v)MS;?a$X>x!<Sdx=GjslP3^!OFv
za*8`V*+vHzS!p<1z(VL~8_(CU`x$h=mB!&BR{?K%DMnhV!y5z;gA8OkapE*i1eyW7
zKyx{KQ;yJFF^Hg_?5UVkCR<WUR^?F(JQW4Ga11Q)1SVzsnZ6BldP4A_(-T(U@pF12
z#E+v2Jd)E>Mto9<RuBj1-KlZmarl?4(7)tJAPN86IE$0L{88J*Z67fICLl}2*A~CV
z{9aq~+J*0%+$n6kWCQbS!XL3Uygyqrm-U{{Hu0YHZ$95Jm-m<5tT)(Bdb7B;>awqs
zs!N0P_4{LC{>GByaS~6fl;iyg!TwH9PyrpCbj%KCrRxO)l{KBlJ3TQ49vl<snEg!Y
zS6Ej{LSjNfYD!vqYI0;$RHQp4!5wdpjEGWk5@B~lx>NCWazs>e-87}kwAG)TIKE@$
z&Lf9sj~e&(ELLYvyYnBc$i14gZ1#*yHts)fC%<@Q^VUxyzPJ^A@8ZJkliut<q0hJt
zgLhpDKYrZx{ptCcZ$rGLLB&7YX4p<i!BROXK}wOHl_u-!Rj@?GSg#u=ZXz*wD4@U-
zkd*CGOP8oPv&)!H-A+$M&@IX1c4k*IeO}R-U8nR^OLYt0Oij|#6*nO<J*jq`@RYRV
zx>1o>tvfy;HCik+H8mvxXkaO6vErLp^B065TOx}dv}4AsZ9Aq--#xEO%VwQBt>`2_
zzk}I#?%+lAN%KyfTQuv+9fRaEgVd}UyZ2-?o4I4hd`Ihky*svO-M{~9MOS9*+Bv`3
zj9okC+uQW()3IfnzI{6U(O4bT7+R-a@jdkq+exXClqe-jbN+=NDgZwf3=t@UlQP5{
z@fC<Uv}*np=tYUIMla54@$}--KMdD@QdWP7a+Sq*o(j(Fm{Pvb;$noV17FoC{ZybT
zU2qE_4BX*hY2Xb<v^&ub<W;uSO=k{b9wj0=JuMA51giSIwXIj<lRGm{b{#&1z5Mcy
zNd>oiwLCN6Gl<Fc<rDe(xE-tG$BuouZr@j4>&fN}^1L;6Nwe)o_s{CG^0hX6%JhxJ
zJ0Fj3+~k{9BiODolctYdq<q(NN&DKJ8@$wYIAmsk8Yg*${&DKs$L7;M0G9NPH*y+V
zX<N#du&?mzS-hIO(mq6TL0fr3l02#)e^^+0v|Uyl&hV&cM?#`JYr?P75|$nDXA3*N
zl`w0<J-N*{Y!mCybm9n}!oTgv-{yCB_Z-=BAL~F;n}BPkKXpwOA<K@$w6O5h6j@G8
zj|vNu)8G1SX5yM7a+meJ6K6gcCpY<u58&Hdj2z2;V@a`}utBU++mS8!Zr&HytRVMN
zIzktQNU=KQRnS)zl2K6BBPEsb_~X?-sSE_TO1cfYx=OSy+@UCmtR?@X7OUmII)FV>
zi(foFIrqR6<@)QZMzAjY-8Zwk@!#HHvHbgP1bJ&|nVO;=k^-S~aWS%LAh^Ah;2uS2
zzQ{P2+XcPnN|raUOg=c54`!LUO7MQ3!Y=G*yXaaK`E8aWeE}<9hOU*ZmKqhhu0)7V
z6iOz-K6}s`>cKwzcJmqYcP#C94u4%mj*)}qL*V-`36>+9mBK)(H#JTU=4IFqa?C2a
z*AiH^vC<XLu!4>q2e9J+_h-wccdcC~o$MF5G(KU;bEBSre$;clYBy?ByH<k+bd9j$
z8H!U_$8cN&Yd6{M+I6DcEIE6l+;hVedrh)(qalp}kj7wO>UsU10k~&?p{s=AB3TS@
zX1hvZhw92MQ+kS}IAwRdtfV@_lIw<rCkpv+xP-<@R|9U}`|)e__Afu*R&r)8UNl{v
zJAdvhMIOeF@RKnA$$zsK*|YpAKOOw@^=r5JjeB=Ky^EFX27sU2K7gN6PlwC~$ZQ5=
zr7nnMBRN--vXxSZG+Cif;cB>Dw$v)g^5?mHz8qFjy)t*_8C<(NY;rQz9WAxduWd2H
z#<jDfORwmW3pB+UO}BD7v;9q9ILTgVk<m{5hH<IP&=4>>m4!lKEKW@>YRVps=s0im
zywy2O`TYDnxH}W&FJ{TL-`Uu4)Ux#pK7RCB_H}-pcLjWJ6yH-G1HJ@lk`7-m)*fuE
zy(~`3l2Vj{g^rVww969fu5FaqNG*xp^^n*oPq3BegPjmA82{{qQsA}l1aja!Wu2Z1
z1vr{@C8(N=l{m>NxOGzk%}CZ$jjimnoX~`cZZ>=VjLhQki*vjuF8wrV@c0?U67SE8
zb2Hzby=dL?`AS`R_9!OJ9r@mOH$Up3)kyHXbMn8p4~?F;V8%NcGI3!lsL>WY8vwn~
zQeUsdLl8=W*30}=f|ey^%cX1Zz+GkJ|7d>pKzywQi(e7=k!~U2ESbf*9Lnr-=W@M+
z<OQd^)7Ysf_TwtPkG(cb`K{<V`CL_!oi&h#nt-FC)K`as0nyCBx*!3`0&`}orMK4{
z!Hj@%BxRQ~eQI-*qfdc!R{>EXqVzkDgN!=#MtEFgoB|si78wEYNk~kNB5y=k7l-3g
zOZg}7`!$ASocZaGoB0o2`&~=MPFucl=7c77<eT!fJ$!US{`l)V+<WcADerjJF3V2E
z8f0lE)=<HgEk#IiQagPWf}Q`d3NV668(|fK5wMC#6QlsVLg^_`8tJyHjuMci)KsTb
zMTv(yrF$1C2}+yz8^uz@=rhN@{qxclUc@@H_Mi0F6tiW*l*LPJ+3VFucV_a3pWflW
zvlqS1*fO@u<{dGr)5`~L9bTE4LsWPb+)xEnu){wP>dPYcf+R!*o6{ojl270nbCX_G
zt9ZA4BzG;kr`)hLe{$GXCJQ=v1aK1~q&^P5sE@{xpmC&u9l>_QX^H-kM7~5wRwC<e
zp{!Ca5npMciGsi|EGGZL6Y0#3w;;?XGQtIeGio>)3b|ndXH0mdb<=>ld!u`gnpIrz
ziFewlUL)@1=l!y3?UPl@XG~wge;PJt*6msI)RbYnYu7nC?!&L|936YCPVL=858t>^
zw0Yv1tVfF$tL5g589sOJ?FHb1zQx7LBeBxTQa2roA}li28IDDV(>j%K5*Z3_Bt^Un
zx3a2L(Ic2JuNM43?vYp%@q{bVDcRhq&>B_h!Xz3Vx6+{A=ALgK=|B8J#*N3^!{4i%
z_}yRpe)sj2H%yqgVzE56Nr%aIGM4=`nSaQCOyiyT1lv0G`zND1v^;e8$m*5(#l_NW
zSjJ)M%g~2me@V;%EBCiDT7qXp=1mA@xdvTp*TFBJfxYgCUnb%=Un!%RU2+CV#xI3A
z6TbwXHJ45(6V;aBvnUgv;ajMB*lH}!776nd$^7I|MVFw(W_nMuNz2$o3bmyywph8T
zTn1M;a4$$dd<vj3TPmeK<lL+%a6$4l@K3o}bWCYX|CCyry?L96>t{<Rm0N17QfNdZ
zNYK~{JT`(xz>=zz_YP4y744SiG36May^PPw12nCQ|5V0;-en;5?e*1IELtq+9SeGA
zmoIfBG^sq9EKPL^$^Un&Ch1lUCM`YP=l4ds(?D#P0S8>-(pb8mT=&%(9o`(&e{zoe
z?V%5^ZW-1h-xpf188@%PoF2mljT_o+%bD}p`*#m*m&H$%#@d7V^Y&}DRj>n%rJ<6i
zuI{z?0cJmvbfrKGt?Nf@8k(fp{6guSpELV8xio5uEb!EIW|ud8f`GSLfu~whw%hb!
zs584!=_#=<^saF66VlVdXjRdQ9V$3IOp1$FWrsaXrL$-e1jylGVKC=v7_&#wr|IDo
z1=!C8-8gt8HEn*&Ma#lNCmbKtZfe_<@Z}>H*u!}a*FNTF4+I7+VTo5>KlnnG1{ViC
z;aTqo1>I(oA3SD#_Z9vg(yq%3!z;5|&o+8%HT&y#{=?3W?SHtqjVUXtH}qcn{_6v5
z7Rx%rGyZzSm*>}Tk4~(6hwWhHSvdRP!PoqCzGP8W{~rGA?~3<{D=Q!jtq9%efGzEy
z1q22Wt^%A$6zEJ*>TVluAt9KA$PR4VNhA2Flxy(#Sy)*M5T6nYD{vu6$12K2?}oXj
z<r+KXny0+4vImdYWIhu~o3?T}c^BjY?z5T!SVACQF;W*D0E<O6{46b65+*b{DLb@O
zd^EpM;cmfDIZHn!>uXZDwd*9i;`EqJ#Px25Q#dVgRp<p8C~g<K^~-}XeaFt_KkzfG
z{_M5<8=lAF-(Iy~F~4i`oXqRLzIt5F)RSM!ySxwQPh^fYZx0<m3=%mG*5U?as)E!^
zhuxw<OFU!bS3)Vvk{xCO5^B?&s6eD&fg%pO>W-CMsVT%qQnWh(3?w5yhtr&vuHGom
z@7(8{f4r0h?Eit4iOw&(BlGZ;)7qvz71*Wk3)v`^w%|NV*~Y!!?OVrxEnN5u|6%C?
zP@OP+8ki20A`LJ8U-3-13o=0o%m$a9>Znx1qT!9G4#fq9j%<OPxQnel#wu@Q8~Nua
zub#X8_m9_Xo}K*M$K5aSbK7NGSmAsYQQYwn3x_Yq1T0MjEI#i;FqUC=N<6th)lOW7
zjFnkos!pq8=gjsq!v`-89+Uo0`Pw^I{<5f#vfNu!9w%@17Ol5=Ht-q-3`u~&ANoWv
z_rJ2e<}V9x5<%TlFqk4m;&}2Q>9)!R@A^Dtwzr<#N1oxGLbnUSiYJ0kZh=o?NOzGa
z{V#m-KgUs8CEW&BN;+`7(&b8W_XDAoV(6t|r8aoUu4qO^6);nLWjPTZSX^B-+AYT+
z0Q2z@85#9fOa8Y<<M&p{5ZI`@EGi~1jo;2c!@fQ~bW1AVFFTJ99<+m{oPUS4V1s|W
z#^U&Iym;K7{Hxl}v1aRZTH5>sEeGf;v(VBKC>o+%if*A;M9ATvq&@Iw-49&$|H@w;
zsV(-WC<PyA8~xcRGr>i;M(Bo2yOM2w`QG@vJo$D$sN2Kl@h*}_5p_SnVH}`R;HQh*
z{cCDkTq~K4%ge)0@mHycs4n1bsFbAtmBlL-E+#>Y2nmj*Nl3r|$u2#ErY8&2mB9SM
zE1&<KH+TBD<;><Oe0=5J?Xy!BWX|zn%qB24M!$>2cNO8hAqtjEuaUFXB$?vYMy{69
z>(XFpqBKuhgFrY}^6RcWM}eK)M%uYic$&Sby_3DaeXM=9J=4D3e#q|M9iTb{@<4Cq
zmdk5E-kcx2C*;BZmAB>a2%xaGT;QEjbXA8Gae@a~%V%^*|5ZlJl2N-(6%vDFHdxk*
z7Ur*qyy@4mzlL`qQrCaMtA#X%@C%}qSa*^bkq;;1!z2<(&7r>ph?m-R{N-e<D;!oQ
z9ItFMyTxuj&I{x5%egxo^ez04x)o+8UG7`hPtEdf^nMJ0eAFQR^_O1JSOB@V|3VZ2
zh(Qz!8yhNKlWn5P;SevxSd7rjbQX2z=gVImS9=$303fT?0no=|i|^U|p%Glr3BIg~
zC4MhK1i~wGv<3BNjkchObr}~HLk){e6nPdzTa;%>xA`yOk34(%U(4lXEO76B7P#bi
z!I48(l&d+p7ZiEdHJ-n77klo~pifxiJ-hhv&t#^sNdEI*LkjsF7V0IBfounfNC2u>
zZM1+05%$1i2=aLh0tp6sjNnTPRD{8PN`1rXnT#OV5om&LLc+l9GslT>Y*3zD_5lm!
zfB(&Qv94>jZe7gR$@RRjUk^Y2^t<&-=T2Xz0Ip%h0X92u7%9aAE<bl=P>-q@WqokD
z;IFt0xC~~}6hD#Pby>|XoW)qP>O>aPVRKYL=tBDQpSX<$YT4`wOr60mHg8*kUk~t`
zck$T4E6No%hVXlpU+#2a!o#o<9Pj4&pE3LwO*nqSzxLsHCvZ$G8G?LMAI(-qByDU?
zPt^bFl^Hn)&8d53PK&M50)>Ehz&BBr^$C+jh_^csu`}HjN{o|_^WFLEo4=U<@)@kt
zCGVRoaq+IrS^TE_s`q`H=j&@3=jwVhgXEu9OrEm@6;&p+g>4%JDkMmKH7T)bi3C{;
zfl;RN*eMHxV|GX>G+IJAVd)dBab-DCx+(W`v`nESrOckL*N_+()tZz9xzpcwSop2X
zpQq*TT)k-HDmLU|AAaxqOb)el;@zw*neyCbm$UZX8FOL6%vDo{cb(LK($?YGpN&5I
z&dk-5uf2tJ)d59Tfg%pW8dw%oqMET3i)$dV#>CVxud8^C<GiNY-xl`dzAbD6VQT@f
zwHsFrlj>`>@Q4y@Sxk*3vt`&FGsZ}6?2^L~FD1ed>UkBHx|{LhTgeajUHRC)&F{Wv
z^AyEj;!m71lfO~EE=t(2f8Pe>3&4N~K=lF!yY#FkIVft<b)Ll`v{<DQH77ADF+j}=
z2R~UxHSZJe-QC{rt`w`;Pbfi$>(@tJ{1>rCpT4&!2#Yech^X)ugiio{9}3|O75ZKY
zz%4bq{t_%+u>R<DfDoOIs;ZkMI&es4-&S~r#cp9`tHykj&o}PppGHUXkN5LUdF*`N
zd&;9CKhH_!?vu7^mEpq+zW{tpdJdSlgm;0`kbgme#d|4H$YhL+q`M|DGDeO3XG@vV
zcIl9$!u<L^nrmNe-(}CS<0BN(X$k&zvJrq?7+=alv1EBB>;4UD3D@uPH9YHEc7rG1
zQKrkaytTaX^0VHv@@@GO!f7ZVJpxGmz?Z@}T8L%w8VpE%!0GoRqnIrBW0P<4fIJ>>
zOa4s$qG-7HjvS*brR#UX^(W%`{!&x@`j$%?+-_!dO_f9xhzy3!B+LFbhgc*z0;t=k
z#znH{lotzcDV2&ID1WbCzeJtBVIkdd89yrr+NVOkDoaSsQ*zWINS53k76Efg9=05K
z{5YS(CfI&>JU+{TmIo$PMLpwLz^=ePQSF^5WXKazsNj&Q9=WH-=6OtBjXyujW{CSD
zCxc(JBx*V^ErCKHi+dlA+or<3@MjbG?EHND)JM&;>=|_DM)Kzhd?rXzqD7KQ8NNVc
zh?8KKa2p%x248Hv``BJq{T)_qk9vexlCOK8!PV5_K??P3C`N6^5IZwsYS*z*dMK-C
zsIp=ex<I7o)SK)ks(^~*mT(s>l(Ft8JL#n|B)vtZ>Od%}OftEDBq%pGa{d+mEP<^1
zFnGN`sjX3Mttw5{qMxCvsVCa$iS=2YXb567C7B4V25*((m_$^L7A{$!ctLD~Ket5b
zVSyq_hYd1?<rELQOBn|~Q$ixlt<dhtzQiDE3L@j;iinOB`9gOrRamP!1E#&d=^|r4
z9vCyS&+OdMr^X)nR88Q4o!7aS^1WkXUz>e!{;ne(dyVeftlg?EN4D~im0g?*UvGZ<
zOy}OTX41m3z*z|THu`H}<;v5V!<-%kYxdI_Ncfw^vJFCrWeYn%%eMIuWwn4HLEs>Z
zXG7&LQ)vi@r~G}Qg94Yd*f5u<e>q%~B~oMW=3N}&zdL6Hn|CK?+1wA>c04d^h3tC7
zuP&Wpm%JzD^K0B|`|#3kUSszqQ2alj*ga6JqSQ)rR*C@(y2y%jo&mDq@0fXqoFk+l
zQH?^Q2a<Uf013azApnxH4?5aK_Q8(qLzLX0&kDc&wy~$){E`=r`FzEp-~9IbEgrOR
z?V1_mU+=!NFH2-n%!a=*Ztfd2=X{>~$T`At55V~=upEkBhyGfb@>G`hl+m$l*Rd=R
zYk+LH_yWrY{F+Un43!ojUeJ1E>GrVZo+0ch@Oq<xV^rmlIMF*A(p?G2!u7a!{MhiE
z-TuQ*AN?gKYqqCd`@I=ia>8SlG+j=4B8|ylDUTe73pTLdRzu^;Qg=ZA2e2FoJP+0U
z1fB_jhDRm<G(b0k0<D~%$dr~tcwX*uIRxaUIMHKGQ)%J)Z{d1cTr*odY9@jL$d<>6
zdJoczr~x?Q(2pX&dW+wi^yRdxKY88i`}2BdB#+GCpO452lPmdUM6kHu<2QR3^Pjl)
z)lH|`HtupoIrr}JkcDeWTfKl~owG+`Mg6qUC=yAXZ^TMseG+b=h%nDjuaQ{WR2HH<
zt0_eU?db_G0E1Dk2#J2I1Qc-)1tKG<+V=gPJ-NFZH4I2feZBYh-z$3-58rppmFYjI
z_o&519f9|ryp!@f@Lm>nVYU`uC4smG4LpH9ePjVp$f5zDh>#<E>kw*7NU1_A)k331
z?E*^2lw8pw#h0Y7Oo<a(prt~ib5*)8$VX2Dq&78`7%ZK9FP*=7{*-@uxc{!lpS<<;
z^F7DyowI6q-m#x^Gw1Aot>f-FU^FkQzF>Ue*Pr~}xAXAjS@XJ2Wp)4f;L1jJf9)rr
z%>pR!uOKTfsihVW7A|Px)MZ2%Ut^7iHz;Hz1gbfN)~Kfh$c_b=H7ZL>j-_yzl8AN@
z_p>IGPO;8P4jVN5^^Am^9OZ*me2O<!zVOzFo~?_hnFJId^E?n9y@KAqhMGM%geU;V
zo%twW0m$Hd+}ziyWG}5B=oyyM0zk){oU?kuU#-VtYBp%_`U}LA#m9Lo))jXQLLL}8
zExHWd5o${E-SMBw7-Tjl{-`Ap3I52WY^V9|%;k)WPfQi`asdp44Wg;975}b&N^DAl
z7sJz2)6m+Nrq(NL!Ow=R@O!DfdW6N)XsAQR2p4J)&=MrQr3;I&fQGPGbb#R`3DT5i
zYy3nuCbAyN*4BK@IVk|%qVMZ}CTmXH14`31<m|$9=Z?wA>BHLH;oaD^&)J_7_)NQ0
z)MFg$%U|%$0~f6W<vIddYu?L%)*zKm6$WAuy_qy0{`z=fPsVGi$(~pw&9YQ+C4(i6
zrHXY&fF&cqlH#O1PRbL1GCvYN7)&99P#ETHeHn6#qCuNzSRKKyzTObGE5#j8Y|HA|
z#-022wY2xfvcC45!BYlg1m=E!=%pOB-uMOkTKD90yw&A%V@6LJ=&dWCy0^CIC$%1}
zOUM+~<&rvRfj*fcC&sca%Tf%}E}%C>AR;`4RtU667htxE7kl15`K(F2)Os1~%;E*G
zWT_i`j}$-^ihi0VT2O_G#Oq++a38M=1~YJLm_&=wgCAw89FWl?b1hL9A9RvrwDAcn
zcAN6m;xCzN!kuNe_=DUX3l?tQwP5Z}IdLPO$1m~V4TTF>-6H=3H@`fieR&hmE#N)X
zN&>oa(g-bFx7p#PxgLuoia6B(Rp8Fhz5>NU`wHjC<Rh7THJ`TLx{m~cClfnZouo?N
z<ewUuv&(<v$0xqcS(mZ1L;F3m*2}KH`6pAnf7@=3U%+qjC+Y{EuJjhJxJp{A2k)so
z@U3LnQ{KlvxWHmZ1gje>F(_d5LoD=odKo3=!tEj(VR1r!I+Zuv53XMB$scpp&)U|x
z%a++2<b-1O%(P)o5@dBet5f8c`{^<{Z1HD02g|FlhG40griM^eQ&&Pl<P5}HB(uam
zz|ff*U^M?gz1fMu6bMTo1WsO6t<Iqra}FrocBEBMRyfvrCAHp^r6D9e<h>oiy(zEb
zZ_4Xfh;B4uYKrKnq?X)Z(Me|(aNx(B!mQx*#1&A}Wo3&rr6g1~Iv<|y#1;JmdgqHG
zkL2HPYjbD+;qP*%_3k%nFpJ#V{)e3DXGiAP=8qcm4vT5k{)G->+Ri$BY{e^Yc4_v~
z%MChB=)83Qf424PKCC0H%fI-Z+{xAmUQjPB#N-8ufZD*RXnrtGj0_vOHlm-8B1BUs
z8TIa%icoMLsG%o})EZ(|x5&?=M}id+QpqE7u{r0?rM(#YY>Ot7-#&H9)`&k@?Ctg9
zi$R$Yne*h0i_wq3qzqvH7W9P^x(oS_63SZ`)#z#v>dIn%L?|FUgJ2P)KkXS%VlzSH
zj>vt1qo!0HdgZ-?Ea&W}O>;a$-ud{Hoab%w*9IlL@HC)_gGtE+H2<10GSDPg&p0Vj
z0Fr1*Ey)<6<1^?(K6xP@|6!rhu<*35sjH(VeHCwmq@J2h_!~N(TWDh8bBhERHxqa;
zbhsu3itx;)zXXUEz#%e56b6TfC#x+Ba`>rC{<v7m<fjjRR<yEMdA{(pl2UX*tygqS
zsfM*bgSDRnY=K7Cgas&(BQh3kiH=KiL;)f?w(BoX=YjwZ1`d!FfQA42*Bg8T8+Pr<
zlk034-*8Rd&*po7^nS@!@*%QYMhRSs;;j@9pb3Sah{lT&zOVo#{6YgLK^AB;O$s3u
zVChRln}0B|DS(jOiHWJv)UyCU?iZcrulBp;Zc_J+LGjP<x6iRqrFvlu|6K{rRA1@$
zrdo?63G*Y$`+&uoGcxXL@S`~Z{lCu{)srU_ZIe5C4=5?CR%Iw<SI?k3HsZ_V4fguz
zVX3Qym!;+^39UUy_LTOfX)z8oW7$h*9JFw_z9Q`g^^%(6POY1oidL0qy9@0pXmAgU
zmd9tm|LLdl{`V8E?AW1P;>+rOcl693OMfr;;7;=Bm-v6recSc*?=JCQ8Uup;Xi9t8
z$Tj_=cb1Y=?B$g!`S12)1aCOt9p!`9=7SgMkuph|D^U2jt|TqS1$e_u@Y=$NtZ2kd
zLko2}V0I$nh(gIdIWnGXyd(U)<KV$73E3L^^wWd;3twabx4!T2+K=a1xtB)Qy_56F
zgQb6*JNivs+<yjJran;OQB!zXbBUUQE?2^}DMMabfhSaC10pQFvH0+5jTT6JLPgG6
zND<g09m1K8iU!A|st=CLZ9a8Z%WADVY(6~yl?9$g6<_J0_;2_;bw%YNZ^)Z2HQF2?
zkLdxMJfCN={_3kDvPd>X7Ubvq5_g7RTSs$b^1vvU7w!%x51!hacke8j%#rsN-m|@8
z#1jlt7J=xEO@Q9&ph@v=!6#(%g?DN&Xi2)+QDEj#>V-j)Btj^095DwIfxaQLtrDpc
zyFMTygQvpu0TR7iL(iAA?2CMf{q&NY_s^co&dJQP>*<oUGbVI>`{Qyy{uIwD+;V@)
zD#m^DRrIHsM$&|#6Hihp_KK6<(JDL*xlzk9jJy^TK_cymNz!`6uu<CL7?jPA$AF*A
znN({Rq{o4|o&uyI$WX_K#*}|wB#Vx4#3AK?R=xDpMA$7oellz`8dF)mUjz9|R`}@E
zs&!?*ZJYf6JbUc+@ppy~n(ogU%5UCU({25F{~0~~zFg1LGxtBu9x{2&6kdc$Ind`j
zTQ~JLc)-=97d5$h4O#^P$V8tHZ0HV}??Ds{>t#+HB6F2!AqTiJ(UAyINl8yk7miJO
zG(;Q284eZ^6;)R>TPJ{R?P{BiS1xayJ$?Sb5zD79-*DpO#+5Tyz1e^9%%Yy7PkwW9
z<j7MaMxGo!V&?RWISbdFyY%j=jLh*9vgWRN_x#C?OETn1lRlj|>FT73S0{}Bl;oST
z@|B?tqA(#RiKx|Nw+w0-@evFXRYWxh6H!n}JD{z!-Hh4+{Y|GJ5gLKfJA_IgTnacA
zNUgvNi6mi!o<@$H{)fkmoG|^59DjM1@)=*sZ2TyDnIFyPAF&4b=ip0kC}rhU-r7^P
zP3Ff~<H_5m$OYslFNa2ZRcJH^%`f<Lny{i+fo5Y$bqF4O1oF$5=jP_Z3PczEsGODm
z!e776UFrnzYl`%;G*fdoX-brIJ3XnOq%V`|Mil6#OGWvSBzmHp*$qp{r^!(b=~HCZ
zLTKVF+nk=M?G`<KwVm1NroX6|UfXw<!~!w&RQet1D82uj{F{VSk)NR^uf$q1DO0_6
zs2WTR=1?oiRgie5$(<+_5h#AEPRMQ2oEP04@p04nxd+x|Y+rQcP+s>#jhnH++dnWh
zXXpGyo1dM-Vs?$J=e_fKtG2DuX0Zx2T6dVw_J7#1PDbCIXP$j-<VAV<s<(P}9n_%q
z@U_EpyWr#PXTP~PW$ozRP1?TLwt25<d&-m#@7JVh+s3cCBKkGyGK^@^PyJQCkLfTZ
z29b}al89-lg9@kM1|bq6=+l!KRg6)^e!f=9efq1d8+A{<@IrN;T2v5u{%rd%Xhl-@
zoU~d?toJ<OF;VC{9MgQ#R|^EIWpHmAPSVJeRMKkEua%?&p-PM*ch>@HrO^igNe83=
zX8=A35z~*^E)xS&XjFQtl^4}JPnt73wsbPhQw#E3dg?PXWUDD(W01<%Jzgau45I~M
zXgaIxruIuz=3~+H;Ol}=d%U+{{fEcbZrZ!7N4GbI4t?W4-MtuJ3TKU2*rpBqm(82_
zy^W)fuvTm;YkA}VKY02SKX^#)xO(%|LvMPnZe7`@<Ge{D$It7~Z{}Y9#rEy2%HG{9
ze#bU`Yxg<!`k6C)`?*tm=atJ0t`8(feqRX{_^cug*FxY=105mMxUXvgqitMM6GY1d
zid<5GCaZL!1&S9cmY^Rz#AN<mf%=cp=u!G96-!Jg1CEShNm?>etYncBb#$RrqE||Y
zrRBjv_E)Bko4#Z3(8*2OY~DL})|zsBYxOP_MzrrL=f@{>nml0m_>?(m$w33AFP_a$
z_G&k&YWYR1Ve%Ui`lS0ytCYUV`%(g1_Jm6gG~&Np%%Sz(VdIozN-X+<%8SY!gHFOc
znI+%^ghDAP$8x=sl!j~^^V<w%DZLIJ{0=w^0e`2UQv9Bl)<DRAnrIBb5gHChw-1NH
zwKsUt(4^VnrR+k<+VZ8RTCDK%J+Vnzyxu7n5B`jI#)CgoW8;ZJn1DQ<ie57*)tQO}
zeT<1etHz|#FJhgZqykS;5>1TOFa4T?&cbf#V8-OSrQB#EMJ(E$$z6+%bSI=FCL|`(
zhzyc3?$@7YywPCIO`BQ7`t|&tU`>{{kVUNCHFY9$Ee%neqdn`IcWK>sp8WY!+;@h!
za~F%>yNAUQcmB!uDeY!Vne<}aHT63sI4kG4da6_9#%V23if7UyTa;4EwhdlaS&gaW
zF^EAkxB$lNGpI#H#aiB;@+Mo<V(|8KB~P9VIt9YE`6|vOq`>HHP?E(?fd*k#JPFYi
zJ#pkAid0lY)by2u2QFVea8PD(TFaJc>8)C+c>~w29W*#IGpgBh^;)$V+7fr}g{b0B
z^$*-R6#e&NHV>X#Neqq*1Dw`>%<54LZf+^Dg^<U1AkbFcCd!^ARuT?6mMYI>L-~pw
z{2exJ2Ya#TL**r<(<<JZZCJ(D7Y3sU%cREgT6vG{2-e?8^E26Y5nLG@DYA!A$VEq$
zE*}+FO$mu2Mhbx&ZTbSb0V7BeQIt>@D8~q?Kn;`}4ckV9%5m}@?=DtjSfdwOHCw-f
z`K=k!!NV5IYlpIO{hQRO|H^ZtR=o4(z#(mx0>TFJ5_t_EOpq36v8D`-1wt_h1_(8&
ztjOa_Nr#3@??{U!rMuP;!(fL((SepkXJQ}>5IagC)&fHG=`l=%nPe<NOoV9_^($f|
zEVlGdur8{Olq`!>I1RYqKnW1NK{7Q3BVqm>S~hRk^to2+-<>>nUDL)ZcW2DpzM;)a
zO<Sz%qV}&}yJo%QXL?VXFfhGa*=H6Hp7QpPnlHSNJW|HGC#g5(3L?vminol4w=62&
za9s}2V&v}RN-C&;D`H5LIz(Rhnm=4=m-tPh>>6YS?;~yvliF#)Pxs&$(SZoxjT4bh
zF*1S%E1Cy4v_MC&PE=P^lrN=1705(r1lFDn7;~mU?hgO%yO*~^(%L)c-E~<?Y~ktA
zb6W7~HUZO1;QB`J!UCk~nk;(qbsHj*9u{sB`E-f=BINO1XnLY{s5qBAyTgC^-z?z2
zELisA*FGzL(w5e`Tpq$EC@m19M{A0&zY&p^ABp~r^0&JB90^b-K4G~&Dk^_Yv!Y22
z8`9s8;jc1GSwdeo)@-3P>7m1A)DlWlE<n$LaJ$<MMT-m;e&}%+HzAjm@(gi08zc(;
zNK9uHgH~@^>}b=uQSaE4^2>US9Fme$qZ)c?aNmjYTJ`|=up>TTrXD2``dIKmysefF
zc$RWv$$%#;kplys?7{jQtWOxky6baO--4!@C~Hb0bX*YX(~UJn&vnDcc0Of$w1D!W
z!jCb0r^zHk=|z{G3PcjK1C>ut%sVC?U9<M+5q{y=yS+NJ@6oG$yPmSzXTyp7?JYNc
z^wBnZ-%+FcweB<O&0f0I%~HlI2Vr%W2TQQJ%h_OwK1cG>w$%2Xl*mpOe<5e#bp<OU
z`7wtaD_;YJoH}6)1c^x}uz>Aj@i!}^d+;jhZ?DN&%)w46l}i7{=r<F8GaP^O3$zMd
ze--_W9IMm?NgQ&FR7YNG+$RoxVH^liyACk<GJi)IkGQ@JIx)Ly{(2`SG<5}F(pSY4
zzlS^_YZV9Pz@V()k^jR;ktYt8-BQg9Q5+7v*)3TNmBFLO#F0n{z*(#tCBMR+>3KL%
z9y6@(lpOia2Pdy>8rIl1VI=Py{La|?K2?T|9@%a4g^%BVZ~w^F%UFFl$2Du92q_o;
z4rF%*$Av;K_$F$NAV@H|h2xD(pN2L(Vs+P3<EEDM33@O^0ST?JPjv&BEmoMXJ1j0v
zp#d5gESmickHZ*^qjS;1Q169{-zX!L54^8N$gRDHqvZT2``OtT){Aend9wI3tGvIk
z@$#3DovzX)<x8~>Ea<ahUjTo-K?Obb0sbN-sw!fm1ST?)6jj;^G>1xUc9g)UOiwst
z>F7~q;1t#sbM=SEVE~}TIDVM59LEpxgE(u;+Dziv;=nzVSUbKSDhz$i?_#>>9x_g`
z$ea$;)N0k~vMPDSbWHHcmSyy;1e@iYB30@ZFBC?W7kw(`+B~{KE7O(CBg(KjA^<>p
zO?rZFb|yMK*%1|Pi-@L*2YPu^5*ZY;(Gb07Mz2Lnj!{SSwG{&vZk#I@)#xp!^xuxg
zXeIJl?-$)BlypbGw)XoxHn2VQM^D*Se1zZZ^KhY(F&yo?!G~rPEp9{&yfT{q(EA7O
z35LG_3D7IpK&GKf1os$v%kX2-%Pvv@=-P7X@6fz!o*PG<!Nek1Cb^d|rK+1^{&1X;
zrA=f#S@iN-<M^X*`Tg8n7P)BCCQMcFF9v<|_DA3IGkE)w_x7sslU6Zs$9&Wu2iwCC
z0}j#RMCQe$IE+%UG5l%ad@UfHoJTFhM*RsMjDeb`nPc@Y-TIeEI#o4?<#8zH`h3F3
zh)S~V4NzWFI13b<>pp{vy_|D7_rR&Ct&Vm&f2iHTgz9zXqz)O`^25&a2X?usb}sn&
z{f$%3H%acXB;%EhT8#>8V{5$eT1wC5^V)U2+~JKO{0s14>*9O%$*5da!?a+1>6|9(
z5eA%sTA12&dY<#~prx~|BJ^2B!`@qDy(HTvS0q{2f^4FjEeI_>L6?KzZJ>L^S-Ms&
zJV-R0l+%A*PrP{Q;n(#p*F(G!SNc<G2&z(gs#Vp0TOIzjGdrpD3u=W(gH+mL^+806
zjExpKJ?x{>IcCK5cA<16w@YKdD7|wCX^s25FyqB<7VbFu?U!G@IdIT|!@nOH?Wx;v
z-=I%^@K$x~Te)IFQlkw;{>?Ykz5CXJ!AjfFD_wHA*%1diz46|v_4_&wne=A6@Wlt)
zw{O##7ymfgbNrQ<j0u@7(|(cPZ2xL^C1ub2n3>BdE`A#vR?}VseN)xpJ3DIBByK_G
zqN)$?!X-60t)xs6T9(rEG{5N*@60VYlozwG6GLm1sCJ8zA=Vz9ATog9sOa=)1>5>i
zNUYlmCFSv3H)hYdHDSc%Y41*`z3^s>yqO<7_hA2rEe6VQ^Z&DS%Z{m2R@)-^BR-(}
z2Jez-U(a6t<MdG{7Ov<sqg$PgY4fM`E&Aix`Yn#{Sa9;2!=&SyNqg0rYA)UdL(jF>
z9D27tR*1+1M;F#9TQ>3_t_v#hhU_Kp;1`J?j65+<l<~0$4dSr>j&Pmh6CgRhcWTX|
za>{?bn{-Fb=dN`*%<2h`twDn#F1GoA>qgn0iRd#pEc(|H(D9{;2!V7klq!yHA2lrf
z21d_=xieFXbCXtvIi_4VG_NTau9Yn>W^J)KL@b#N(TN~bF9xE>|0Rtat}9`?PY0)^
zcAIo(@tbe7nB4!w<gb?u?9_5{--|iDSmy@K=k1jHcjkN38_(Z?76tG8YAY_T;dvYQ
zT=&ZJD_QzS!{tM<HxC{f?rmH4iyUy;N^~nEA`*DI!!QVI`?o$$VbBdf-l!UCw*R*t
z1s92&rI9mH^eE(v{ODg=6daqp=Vtz+M*)(u7w|{JZ<;QlJR$V0rL1c}S?Xw001z61
zL9Zk_gex>e;0cFsYEl@iKvV4$k!Yd8!uLQ6N0gYmFcFVpX6w)k_QKHnCQ;L%K1#|d
zCr2hDiEebcse6y=EtJ$viEX|7a*h@aHM%L)D}_m-k1~Y1Dw%CnR#wq2qoq=YK9FoQ
z?Hi8u4%3Z};5Wl8idctM7oiVuN5Cvb2=*c$Qg{NUj#UqeG)NlTM0v(xT044|1L((8
z;6QOp)Zu;Ge86Z@0ba}wQX0S}&z_y{b?4(Kf0<v@TmBMFm5UY?Ni<HVN{d)LwhD;%
zF8T;|lUgV{B5JhuRy}Po5adt|uwyQj%kfuh;1@K++aP0KGmE%cO4=nw52{odE&^!|
zI|!GgZL}k2b=-cL0<0vw*NSm4H)3i5j7SabL0g(&m3q(E@gcdn-Pppf_zUcZAK68o
ztk&ac?40)xFLlGm13oy}&}7|piimy}gCZrhbQUDI2x&gh0bYrzwS?$^AsEwkC*)D0
z#DqCXq?nMj4uEE0RU&O-MAngtego|I<lv8KMi7`+T6LJx!FzeVytLYsYVsDs8laK`
zAQypBD;+9Pt20bSiMz;jpY?x)3ffq}07%46eCd(Y`l3THbi;<+B};OZe)T8S_eRO@
zrcX+jzoC0?;jPr)1ebQx>|)kU2f^aO{nLFlw2DZ+fQd;_np`<8I7IBE5Eeo{1bK3l
z4-u`Tsi}<U#a!xdd)C!Y3#n2+!<&q`%!?RU@b1hFTN6^yOdVX9iP^y{bs!*IiXMPp
z;op?Qq*$<sT6GA8s<1GmaU#%XKv=S08Y`oRwU%am5YODL14yZ$hCZ26cwLm-5q){-
z!DG(9e^}nJ7GS#@&mBHxe>?E~ntcW5iym%09JW6ABl++7Q)d-@3JH*<fyF;NXy!2*
zlM0y{t6YT?7ffI|pCz)eo+XK8@yALuB63wGou`FMBEbbsXx>N%E|#ggnpS7pm5Tf<
zQ*Z&{jRRE@<V05rZS@dMSwry;ySs@da@w%U;a}v@Ms48>*nGZa@@}OmO_$T8dEtVQ
z{f7;G?<4s{WF`yU!&3J$*Qy8%oUiv5l@C!Dg?@LLpSk)oG)S-FdzfEsjTos0vf!&V
zd#Wg<*eO1OFnMbGFk(>_mR1v^y;+zA;k%OJbOZ?3vyOQ2)JZZ&59FqrMlZDp{kP@x
z-&Piuy_!jl)-18-QNp`KW<xZi!?~o|+CN(jtB4Nul!RUrzF0K(<N7b29C7(4Z(YaM
z*+<8>ocrgTiwzr`nSF~t%Gor3?xxN2=4?@G_Q{NrL*~kfoA}(f`t~2qe;%{@)X=wQ
zj_BKGB&*H+Ke%!I(xK0<U3+(4xha|8`%Taa)6u^kBqeK#sY^&;$xsd@tYVcv>P9CY
zS#+XDx;8P-mghS}S55vv-M8yl<f6bY3wwe?(erN$6C4^Ny`f35l&OHzql=eC=8fBE
zHa(AFOM=BQ3q1MuW==yuWHP<v%VW+WE|rFL9jINSl~jUDE31i!QR8UhB8Pv=^Oc7W
zzuY#zep1wiA6PBccOCy}$FAF<MVGHeAS`e4mV?QxLcMZ}gS+rKJiEgwe*Dk|X8R)k
z=3QvA;=8<+d=&VqB#qG`Vq&oteIcSQW#CJ!%Fq**AV|bLq%^RR<Wv0wrY>{R@hIGe
zqWRhq4+=9>qBGJ`#VkMx1ssvda?kTS*VL~YQt71^o9)>n@8A4<hp2=X_NeETJ%xP7
z2Vu*D2mVJ@7mwd@G;(>s3G9zc`$F2*+tZ;xsz@DCR1@_!c(U<60tvs#FkK}^A~aZd
zukZxWAP$emL<Q2(mPUU)jZiZ2OXc8XrwuzJnrEtA>LZ$|-oyV|iIQ00-e1@D?7o9P
z?!}H>{!k27A3v|pRqtdCF8BR}y|{O+W5!JWe*L|Fsi0SsF<f1aF^ZO`A2?T~9s)O3
z6|QSVxNC-1wCDgMF4yd;h{2&NP>r!h;<PGLkXhoDi^WjKleJA)Pt}u4emSFAqs+@K
z;FI6xzvb*$IDf~k`S8fe5ufMRcPjrfdETxlIO8n25FNu`<TwxB6uE0mQ`sxpW!R%v
zwIGu{3PVU8X3#@S02?Pp3SDEtVuvgk0XPgGj!9L6fg%ZH6c1c>`5&{cqkC=4{)j!i
z+QKyN`dQ%I<)2&$^1gkB7exWr=CN1k5A;;pLe(XhEa{~=#LSm25C3fTG~~hXNQIUy
z$pb|C3EW3gkpT_-;>6n14%i87;Y^#_EF&ApskYGNn>=c1v*pV#S5%iASgsZwF?U_g
zkloFPk_;cfWJEt$&tPK@2BCNi_yli2M9qo^_b#>7kUQ3Ich>VMBxcPq<uGiwrc0KH
z)O(}L^hdP~c7m&bT%BLVN~G`LR7d(G%5pOU8CtNYK8VIUs|60zzW^@G{k|ZpNf81(
zU#of|%0a1d6scpoP=?M!QhTiU77LktV`9ON@<qqyjNC~ruwioVRgvC5=BjP@r;jVI
ze6*19AII!GJ9NtIqSUQ($uxkryVSdi9Uh|}?5UV0h3|)QkR!$cciE;=YN0Il$SUJu
zs0%T?LT^x=PJBbG=0>QRik*$^t20-w{%eGKKVbLnAm*fNFI2yk|F#w5+Srj4MSM~3
zJ`l=c7_Kd;Vw(f7uOIEem7W}lO_5WRS$^gwKC*DVt>f+hexHQ}AcOC#!=gGe0=f49
zn%2yg6>N5mdrVW$%QtM-VcQZlf1ho`j%%R`e0=}X(wiO&K<05PQD^Yg)8rf5_`~h1
zUTM*^jqUn`<txTFZPU7$4*Pw~@_Yo?%WASerFfriD-rrZZzWmi>m2E9bkfPv1oeQN
zXm5-9QG`@YQzAuK6aGEz`K^d;t{q8QL$q9y)33KHiGWK~`zUW=6G<3R4wMrocl*zz
zNrxx#gD=&o{qjq7>Nd7b?fll*y%Q&PN_x3*?<P$N;<~&ITZYWF6Fr_tHwuV-H3Y+r
z&9;@+T^jj^I%Awk&W27E<1%ry1utS%;iDi;md@U;H?no@l;EbXcO5W$Qq69inwOhU
zV_>JQYo4WhO;SHs8rXh-MQJ3KBdB;F)Gx*lX+10m!3!ERz|WzjHzXG_!gLD560MWN
z=#3O9xk@r+HkAgG{`1TWy{cDurrzWU-QCajOpdAkobA@o*%1wb8`g0QSrAb#?B$xU
z0&l1VN)7NB?G=apK&TlKq07G%G|ArD3c$)Gks$%<09QMVYA3eDb<5o^^FMYCJ9RVD
zR?M%kBz}c#&D(qk`>gn&sOm#bl%z(1lHycimD)-p#nzodHvgnX{<ZxZ`M34&>5tKM
z37hbceaAg$q%Yb?;=%<)Z<R<tBh&VF-<HjK_iXV>@6IVrYu9#Hsr!4=UOk&N?fym+
zH%=?pO_5m94)rE)4hdDLvq^+(WwAgABncuGY#CAJ%`u|<wHQ%m-r?%aVyE$!G_g(n
zCO-KiELcjtytYy5EiNvauYO+K8uWEY+lnB{67#;He$H3e$Dp2B3(6k?h8=S#N_1e^
zq%D#h4IOHCh#7M86!JpZk?w%FC8lBjMR&Sh&USdmuvSgGwQ{Un)B07We!kjPsdeJu
z0UhhN4QwXKMTzR&Vu$U%pl15htJSGzr=b2&s6ED>WLLm!Krv|U^r)buDkw>l+Sp~C
z%e(lcJFGbKuS@D(7Qp{v0a(Ygd<zdR9t*kFcMW!!3uQJEJgVq=pVcM$PoF?zXC(DL
zTWhEMAa+JFxJ+O{Q^XGZzN$Giq5GG8V@B8;>UEuw>aWTS487A#U?kO*AQyscIyFpW
z@Ss)6Gy+JTVIVONvRl9+E?WX!N#`27bF|+ao~Oeqr|Ylw4F0H!wS^5j)K|}j4jm7A
z+G!0!e`X_(Q5#Xa4H1>F*1|Lz{zge^1+J0Fl?6PacT%nGZJe*XBev=AketLIQ#Be_
zqbDHL)~_c_;nUYMXFW7{Ksu+O!=y?alV|UiUwX2a*_BuL0NV3zy^7se6=?wcy(fq<
z6yVV<P1O8!j}KNCe2t?qcW>Dmqr~>g`tCL8dbo_P2d$V6NjMxhE?<`Ak>-4m=YQMc
zh7w@D#<`L$Zmh0ux{~KDlx?iuV*V(*WRsiy%x|fz?;>>N2-V4!XHEZ%f3&+~kDHzR
z)a5{9A0cCp8)$Z5RRLD*|L7>9jF*^Tpu`ECl=xbb*hL70qKOUcScS(3T$01~%HfyQ
zxrNx`i@F>X;srHM(8~ec_L@#HfwO;5%tU@-S|N;Dk_~3owC4k<d{c~r{j`1MSOu@+
zm0d-hJIlX&L)t4ViiWOVuQXh*goxc;G^`N&eL>&&LaqP3f=szHQ#MWH4+T@&SiZMz
zp4!IXN+vbIDrxp0NNVseD>Tv~78bzrtV@BeBV=M3sn{(PFHHWOzodi~F?NT?D3`pI
z*%A2?vT=*$mU6Qt8@%XqR%pLn+ZfzA5`LmvdQ%I~c@~}WWs%-1<yp~RZ=hUs6;M_p
zJVHFQA)IWQ=I1Z+)yU4nxB@m)q(T>aDwLt30>kqdC}t7QW01(G(_ZSxNk_Zvs42j|
zPD@i7Z)R-C;^M6z74oxF#?1fVBk#G7v;%p{u6*slarJLy-jj73p3GJE?^jvUuPg4i
zzznoE{_t5;!qsyJ51vzt{#MVENANmUN}N<ig6;E7Y!E|Q)QLqjMJC2rvyrydqEu1Y
zjS_Yo9na<od65rAXoDOrEepxN1hJ0~hCE!!O4Pc2`S1L)G5>r1K*?j<R_4or(bsp&
z!QNjt{<%DqXR^W3tlBSf8SjI4ua{M}0_Kt6i}TPZm65Y3E9T{O_7HV81G195B(27c
z$V@z6!kR)O2M%rr8oJD~fJ}N^0fKDIPNiYeAtfP}MjWsQBx(Z*V*G&;gkn!f2exRD
z@621He8l(VtzXI`z8pM$A>X{oyGR*7_!h6Qr97+f)9mm6dh*@KU-^v+Th{ky$y<i!
zV(Z9t{O*D2oA|~4>q-CiE&f>@hx}NSn1hHBa}YGF5Du@C;I~9<QCLir5fK@RQvA%A
z-6TFU&Fi6#P3==!q<Enmps9{c9B3Lg0Q=D<9m1jXl}2a-d+a_`S`$(3%dNvhqieTZ
zo-pJ}-ra9bo*&}!URXBgz1KSKoV^l*WZy2Z&5hr-jg@~G%KTXU%?rJ``%mPuV@JQm
zS~u~j>Z_n0{A=tpA?dRalyeFN?_jMK!(*&St15|oTdO8n3dr^<RcT=%L1c;GO_&2O
zTBmhkx+|mai7GnPP`$%5QQ*&EV-hS{^cJ9AQa4TRp8s?2E|X?FzIbqa?!?P%K*o@v
znXJZ=H)gL{Ff6m<__u8*zu4C;t5(eu(=R^g!BcJ7Lyr#OllsqDG^FT6O2bXl#%@!x
z@Q@oO)k5#xSBPi*XzwXsJVL9q%&%E`?~E818|+XbhqM=R<zhRd09NKhJ}Z~c{E$T`
z35CTxk$tT^0Zx0u#wOY;z|*XTSU*C?DaKrkOp(x)Mh2{8WF3yZX^c}VA0g7?<&(0j
z22yEOJSB+IEf@!~WR1i_RD4@pM2O8%_2eiG2B8uiu9u;qsN(Hkp5H%zw!CU`r+)0n
zW!u;<mfq%%k1k<-hBVkbH)GSTDH&VUKQlI_Z+gCYgQ2VWA14!6|1pat{vN!I`MGV0
z3%q?i=g*za_@eAZ!et*s@AuGkRYe-5DIy!DONYqs83G|<CTL-^0FcUt|A}Kf1UpGf
ziia0*90yC;H`Gn-(puR_(KU_i-cuV73JyVfhT1yy(F)Q7M!$YUGHPyiR%!Xzk!y2`
zPhWU+u}kmo&*eVOSv+LKoQEgB{)yFowfCFt*5+g{&uv_JVv7~q-(S?UU$>T<R>0F|
z(l9<vIRQN!gPf9|$ix0aAk3M2_)c0RGN^!8jugxfcuhq?t%4M(GfyP;BS)SgIvRWr
z<qNMK{gdJ`Kw;@92`VS}mU;bOdhPFa&E%mk^-fCW7t#iFTlNmC=$&EnjOQIUe>dy(
zUS*q?>C(E%-n0&>9c#Yax=hX0)26dVne3%3K)#gs64jY7%$^0Ax=RJm8C0<(Rs_2n
z)fthGC9BDtg8jghrlv7)zposFei~g;Aqme0jz4>BAIlj!^*__&QGm%<cj`jnR<&Km
z<j$>&9zfa@u>&n-wy8g<lC)A&L_V0pI`rG)Sl*{u1-lqF!*D6I5PfbV1aoE~<aOe3
zU~$OC5P9T*;~|&vq9ui3^z1TyiFe%(JP0Yqr{FNlpggRNDHDX-nv=0un#i&$z9)oW
zn=7%xNE_vaVzK*i*uAg5xUb&(>h{m7H%_iHKV$X+xr+CTWlUWt%TxJr{vLaUrCen7
zS!;fjU#yY-?Qg$*dpYsDC%=9Rx|}F}D7OMGg8ns=W;iQmkDheD(DIZ`aJksz^hUK4
zS<@Deq0+B6Y!tLAoFyo+#I03|AE?hG-YX})ra6rasII;Zk3i^h;W&_wix|nwoksVU
zpa#^osmu)^P<><2$9hsDAyI)VObsrSHM8{|AIJ7Y)O07<D_489b%Tok<=<Rl^Lj?7
z)=Xm6Z1>ytDBP2rsAL6I>C{$kSM;Z9`}x^g@}eNX+>eh_c7Y>mqF+s^l?3UKJkdJL
z)nQSqg9*%zspeNpbn^LGI@GjE`lppFHAJn7zuuory?2ndI8p^9b!t?!=mtl<BQ>R#
zO1_+LBr94OHM7^kP3+ZKnTO6SVWE>_+YD?z<heSp{CC&57q@1Pox$Y0OGnuJDi7%R
zMV7qo-4W|wtP)XYP@^67J2ZNsL1L}s#)DQ5UwXb)wXB{Sa}tRr&lEpYw}Rdg@QMOO
z-s)d`2SYmw>KM&0<N}z(1aPr=dpHE?@RN`eF^2qo6aG4vknfIXrKuy=rM;+g3m=}d
zOKq-f_Ks@wqTm^MPEikK^J>_srRZOYfuBQrfppcv^u0i^51Fy=jYUlu*)IWWN!yga
z$WNFndr#SYVxX|-XtDhmV1tcUe72ovBe%W$Fc8~4pBR-p^5V?)d*);=o%PldwKe}Q
zZ~QC&VY2s;a(BbMsYPd(pEz;x>l@e#mN;jgatBbyW3L`b^!k>xu2=vzwtoRYNNW&S
zCZ6|{w>ZUu%?;ZT>9iT@nHU9weB@@PrOEX_{C@xJ;WO8=MzedjmHV{pom8i3r+bga
zT~}LwcHqq!U%Vg7i~1x~?Af;Ajs_jmUT9jqdUy(BSF2?e&h>c(lfV%!<UU%PcJwl`
z-Ih{Vi6e=!o|zfoN}7|~SXz0CQR1R}4Qcw`UFmVcKP2FRWpxt2dv@ZN3vTki#(us)
zZd9~!)4cf`H_xBDQQ5qLKX5JhIfEq?2WS1B!MxW$xc>S1y_YTk&+TB}KL@-{;Mu$f
zgy2)dk{F7MMz+mxVnW8;l3_3{f$A#BkS0=xkMcQRIH-D^YOf5Q@)qOUlniC7chIbI
z(^Hl&lb2K7bur-h3vke$r6DGZW+Aq~mjRR!Y?z%6+}Y(Mr!qlFj&eCADk8gBi;t)6
zwv9b8k{93n=&X#{hzb1ilSALLxZn7X{4vk}`nrtgUdd8t9&dXEFq8$?y`hEb9p*^A
zmV@0YqiZb@Ya0+)Xjxh;FQ6*8+1rOZ2Li{I*1b`gt&AWu4B8gG=FxiBDwGx`4BX*x
z7N}kkDG$Z-i+-N=PQT3o2e;1~IsMLbew!EO<m^6a+cv$iD;gEDoy^gB)`CCZ`>vdP
zVbGL?k5>M{uSfD^xqsB{t-Ef#Msn1HSGBz))`YHjUp<O;GccTfV=b12SwbHp9I(Xv
z*h>gGH>6d?#!3i|4UA(2h%{XYJ1NpsD(pF7oA}XKl$rm^DdvT_^7bt-Y^}?Dr~San
z-vj!+ydaW4$38B{(lA2#Umo(&-LeW2ZDK!rds#s4mbz)>MJ_<strm{3Kx#aXO02FD
z>`Nu`Nlj{1^Or>RDWpIvA5KF@;1}7~?JpoMWgXf`kvweK<xFQM=Q&0V9y;;}8#!d~
zD95}Lb1onKwc|5e#~r;q2aQhOJvjgEd)rw}erfCOZ!SDQ1ct5ge&Ltzzcqnj+Y1)+
zGk9wPqJ;^z)9^K`VvajP-vJZRLW0jHvc%CPEm0NAik7H~md<}IQ2!K39n)hfDA5Er
z3s2y5i|9JR%x(;c4O$I0he`Ks<(ry7X%2FxU8rCX7ZTH{6JBU9e|Pr$-?<AWkD2~C
z|Ko7xMy+9U?}{z+Y|B^3qoe(|U%mhLb=FMgp2cgIWo?gP<v!nZ<dnuY+rrsvvp%fE
z2A)2Nnj(s}>YKKs@K&&gh~ce(=`1-8OIo9(UMs28REXl4x#Fm|*g-ga?G+9Yo&jWd
zDAYP6SH4qyNayA$m4g$TR_51_^BajTB?ebcY1U;(HO0;f`*bP4%CC)gocFZ+f;^{<
zUuK04-AU$KqOM$C=$!;aIDUHnDl(*%d~~twPH50YFj$FMM+(%W6g5AWpc%viQ`Be&
zh@v3K?1XAD0b+OX%B0iXQIX`4im>06k`AkmsoOYG3*bfCHAe)=_VO8xj_&!befwW`
zf7ob@?F#2=%c3K#)Sg`ijg*hbBL{ctschbRia+2NA3R{SS;TQ|wfC>xXU^_A|Lu+~
z)Cad^$2X9vYQ=xrvPI^pFFK(0y-i3JSO`&~?V-lZ3sa*-iVej{=zUY>k|^aY<u<a!
zV%fqBfH<mCb<;Q&X*Ehj!5pY7ynn5q`H+S2qF>~-S@OGEGUw&<Ug}_57=NzzZ@l%l
znM+qJ%B<ymowl?_4Gq$B3w~sbG*?r6ks84*9N(uS2`UAMf`Hj!(W3N8-6-_PM_rCW
zG;ui!fyBlrgcQZ}E{P63qG*Q;9L(M^#So^jlp>iJBHh0|Ma6+^r|}?_TgHP_7PCMP
zJxC?5?2c7Amt@*y-tsh+`5&{?9eA3`-VOY>pVrIz<5a+#bx>-4UQjDe8mIZ|87hCu
zhnh5@vHB8Ug78ur;OW(JDur2T27_d3)Pg2AZ};YbdswbOcRE~gQM7Zu15Ij*EZb4Q
zPH!NmhtrgZaGOx;8FZW3Ilt|_%B6ClUH2|&ShaiKl)y^LIM!pqmi6=SyodA3ujfzy
zq1wW{$6>^7&6U^7jv+t&A%Enp>CM|PbLu*oWD#oLk9LU&gQq%6W4fmb8)IbTEWIA0
z++r-g#H*&o8wLwIR*J@6RNz$c;9{z)0}ZBW7h+xWW^qVgnfm$!1EY_(1OZ@Pq=k%u
zm{IbjJT~|nh8@wr@?Q1U&CgdBu^x*yWzAEbL$lrn<(m(W|ES9AynTTI=KXWg#4!sL
zvTO~I|NRu}jFfs<b_cU$w*Qr$loqmxWCX=PSeGUD3jqu(0M-lvgl^aO=QN~myZ6^k
z`=9)-<g>Y3cWuw(1F;=U7;jtk=9j!CyOcG%nzw;2cOJf4Ee524Qj3x)X<>g2#9P$)
zzp6)beCMI(ora6fXgpa3n!u9}9P&o_ye_INzu3Z`wB@VW0OEx$upgwUs1gWY3`@W|
z;fpCg-nU48iN-?6YetV8C^Q!4B+RLCXfG2B2qcw~xP-iFoVPI>e3wbs#@hRd@(#{=
zEZ(?!ArSS7a`)t^pHxuQ>HRWm>ZC=2d+YKwn1iIJD?}o%AErYLL83iniSeFRSEhO)
zRpqe%j5#5$M}N8z!Kz%P`V{~Jb1qbEktxTv;mL6%ns(WC=6K=Hd2HMp!$V?~0mllD
z$ftRDWbhEami6OnWMwex_nAEW$uH_#yh9-;ty&(_h^c}P=jaMW;L#whrPIw)jVOVf
z)?^`iNtzSR2&|tIX+I~_>SY|vgh8aH`5CjBKoHt$eb0BJu5veW4@kdK3%%Z6uI^ly
zw~hDxmHotD_?FGsmbZb;_y(=!KRuAMyaVYUp48#-X5i`U^sik}F-aLcGh#4oMpfx8
zO%eW<zDNt_h`hcpSz^lGlL<k2zDkrRuv9@Iv<exEDr}^ALqW}@m#Ct|xC;s}l`K@!
zGfSAdCmV?3l0!U!Bp%5KUqg+v3KHK4l~?RqJ@vi3cka%6h_<BR&?mPZF8yU@-k}BS
zkMI)*-d~ofJ~L+S!hvHB5BTClzwNa<6`%a?fMYX8uU<BuNwy8j+q7EfP9drOMvuKk
zOhqJb5Y|Gzk|L<S(|#lWdFmQ<H<|^}m*Foq-*4nU%YUW+HvfZY)d25dA3qluFxjOx
z%**p8=jT&>)c4pKQJ+i#B!7XcTzFoJYT6Oi0+6K;TOz(t&SoM&P_3JxlFBd}A@#33
z?_Xw<L$LhQ$Pj*BMYZR=fU1=RDglUr8DTb!lalNQ#*(3Y%%EtY4j;dQPiZ@I><Cr2
zA)ap~uV-z(@_JKVpU|yMl)c-a<gy9ed0p<Kyju9um|n^LS!%zOu4)=`rR|GP+P=jM
zD?KT(8uUewUOzxw6-$$OqKbg_hv+0c(N{2GBveQNw%8Pk5D$}vf<XG&v_~s>Wv1OO
z;iI6)hU*Z`qV(-+9Bw>ro}M=2#FO8WvD=nDza}J2SaY{BK4u$puFB#Mx4LsH?BEYp
ztzxbn6>_f~{o>~Fa=8_bU%!6BR*7ZtKeuh?zps){p3GuFtThYDy2RIhfAP|H%7CKP
zKc74M6XAS6f&zNFNg#FwH}=@DaDl~o82+@yVAx9y2D&<2ar?<&tPXpx@Vd`n{D#e9
zu&D$djUlOLaj!7!V){Qm^F-Xjps&G#)R-cSOOjau18d+m5i`*imgI$}yVSG!gZ94p
zSQyTCkDVfJle<-lzVQ{i%Ijv$PQw$n8I+7<2Xwm4Bn@d<vPgFuAXvoGkOE7bjoLb)
z09FY==>OPA_UCc-d*0*EeJBui6E~!L^UaRIcpHjIe(Ik2|8aXG{QBqZsbdSnPO=3K
zK@FDy%kr>okMXn@VZsTV?|A^jqtal<o$z%I;~m-YUK-P_B78dP?fVCG1`0G;@)>UO
z*GxKqtmOa6l+#l*#Dkv5T?Nu~7u6|uW3NA8D(ByLukrpk>#=C#>IJah`@TDU>Sx7P
z#=Fxn<cfs;3VUrpOi!YU#-2-I`s5`nxg8s>miDb$jHR$67P692p#>Ty5tT?%Bj5(h
zf-rPyExnYuBG?Sg@HENo9980sT+P!x5v6lpp7O>&d=W2g@d3=g>+_)WCu#+YDI-rX
zbpZW~u`gA2|L;)t`6q<`gpRm$IV|%-5zQ^rf=tnzNah$wG<N-^W&!NuYqATPUj@A#
zI_bazzhXZM<@_js^JAzK`CX<DHsZZj?E4g9ogamDIG81zGVmtU;}lUNM2$op;}NNG
zDNyW)chV$!*ebda#6!>$S%(UHHof<;jOW?aznq)7qilXOEAs=M$+dV9_wKyU@04ek
z4lHFMzi#-2MXcNR9aDDj^B*t$m|xgd_&w3(17sX-V)Zm(uvNnYNr)@r$Ys~*V!?vN
z2@~ql;44F2YM}ulU4ohB9-%-(F%AdXg!TwU-E48_M!aZAp;R}cFYylE7*5SaXhOvQ
z)xZKdXRsA%`r~JxdI+5TCJiiX=Z{zVUCGNUP?oTOe}59(CRXhX)j7R=FR}E0eH@&O
z-6bRyQIpUbeKe=8HJnbUAst5+MK1KKftHeTqANg@Xt8MqEA`5-)1cUa0tp#Y^oxEd
zXbU&1>=L`&P%;c3#M_m3@s#MR7ujq4zs&UqyIl0kw&koGf3R+wobLTt9y**=D)|0M
zTjlZ0O-ydE0<^`<m0H#Af@fV7J6c!JvwYZ#+Rq2Kh+vJL03*WFq%aZ1Ax@2!s25oa
z4b!LlMeuIPJ)kn+E?o||l?L*CvlggnrXvwc!we2ooztRW-BAytoF<-CHsHdaW4~O2
z>VWs}1--LIPM)`ITiNCNGd69WJ8#owrHDWH%C-8pS<L<C>#QSNR-<h5hEo<)j7iK{
zvpeg9EzW)CFPvPR1HT2WGwL(Qm(kO7D@aSVGI~Ehp16WeO&tF}(%u6;imH1b-+O0v
zHvy7tNP_?=gd{W#5&{S)ML~)brAQSBy(aWdFcj$^APK!m2iXjDLsyD`O27gLf*lKX
zR7&>d|C~EJn;GPNzrXkMM>E@ZZ#nnW=bU47F0o)Oj2+UVnB0^oIANkLMxmqVx~M%-
zpwOZy&}B#z4sc3TLwY_VDl3YQH2XLIa~ob0?drW_W%y5rocLrwLSky1D>-2e+j8}G
z*UstVuD>S=Sk2L+ei5HQF8u9P>*XwIH6bo)R*yH=vg;zhQ=5&;SPeUP)k;9qUch{<
zm`}rN?pLKBkNH$y5JCBTx3ZzIC%yvo@uYZ1T`E^EoNPoL=?<AfeUVG);#wYZ<NJ+6
zZZV!9hMZDIgj{w?R~Jkz48UR|qG(MR8Hc1YBd8#4L_WRI(2!8>ndk8ac^FG!zl*&k
zLvz~BXNZ^=_7K%%70*xjJ#_y)in&KX5~>(&gzXKJ$S}qxS(EX=;wJU43dz6!!#+Gt
z_F)lS3`=o@WwQU9rKtRr?a3CGeq__d#xGb@mS-v}`-RxRrvJ!36;<hv*We{YBL=4f
zJK_Dydx_*x=c1pLUBI{`k$2Hl<4mr;F+&M>Aua>nVHQS-B?$E4PE6UClGrd2q<cK^
zBHgS@+>;0voROH7$VY09MB+PUNRQ^KNV%zizDSPrFX)TkdL$P;jx=4!fo~KyL#;m;
zkNno?e(BQ>-N`%lap#wges|*VpNAF<8k{|Bl;_-0rSywk`Zry$Z&OZ-iIo~1dGqaq
ztJ{u9Z_};qYCFvueLPf#-3<ihvse`~rYjW!<AG&Ei!DYcrwIhg8?Yk3WvDdwctnr~
zRmf20JfiR?M0}(@K)<NxsgKux(L(E%;GX3drNvH553d4<-<PK@bJMkp4#+m7twZ#i
z($+H^ko9K1|M;}^&tK2apTLHGAv&;vpG;}%_q-p{3RTB=6|7JQS+b@&=#rfoYh#!Z
zatRHVPHL-(NFKq*Vy$#bR(exW`Z!Eg^2OrF(m8LnOzYaFWVl?o4PuD+;WzsxwZsv@
zF4B0wd+je{Jf(~tw-zQVSIHQaAqM5BEJx6<V_Qqt2N<R6ecMPQOyv(*=53GII8Chb
z{Pvg96x$hA__I=}kh%uw6og(5uyp3>`ze3O7=q>W7!p8^r&y11>DeG!2K8k=9(XYj
z$xaQ?m)Ypi9D>fw`_={Sp?=Lp)T$XzV7uvF3VkFaFe?yZ;&Iq!X)dWYj|f4vqTfC2
zLs1j4x@znbGwoY3)W*mkKiL0-p;nnk1S7}a;PU7d2$@0k^PNDW7jJ;^?S9h67n+=v
zkO6MlybtVJM$FyfO^;Yjk@CXs%3I4Jd;5xB_CY|dMMHC}VS7z;K2?)g4`cv*2Dny(
z6nR|FGs{j$_3}|5m>i`)f(;I5@?=r$+N5*1s}#6nsLByMxe}!c83PAb=}-gw0WQVU
z5{Z53t>+RYyh&!Z_q}|uV<S(qR}Wpjbg*|*Pm_)ZE~zihpVTnriRUKIDIAtPv0h5m
zXC}_zfh>g8uD~veY6;@Jxbds_E>3i0+bXc=ze3*sGQ9Bj&=cB$Bc+wl(9h&<isNdw
zq(k@_d?i^dXVk)H{4&)<HDD`#$F#I;SLd@oJg=4BQg|86tB0})(y=mY44Q{?S~;rL
zx4EcWim7LYg?m}R69zSDr9!0ggR-V3(1gU|6JwWN268f_Do67tPP_04_t?LgHZh;g
zjw?99o)ZWEh~v>d+O>ZnXA7Ua--I@(OCEgVfrW`12j9#WL2+{GP?L)N3!T_}51W_&
z;D|AGWs}iE;|+1#F$}*QVtdiAuvk|5KmYuH@-GBF&aKc&A3|>FEf2tI^bIgJ0Y48-
zDh9myIPU&ezk;z2#?=3R`4x19k}L(oE{|akSlL6L-pCiV#c|vZ8#pqfFPO|ceq_VO
zQwpj#h(SYobRETYz1g0H@s@z*OkM?t?p1Ke+-h8n7?&KXF>Z^BWtix4&kd2N*@6tO
zf*A_{uY${BCZMVU=?~at^4<Dpz&aTd@TgVt^B-Q(=fF?P8ITwPTIQ}X3r-S9fwC-p
zBW*RO?o$BgF}yjJ(HjH)fA@SCV=VT36p!zbkrj`M0m*+y`2tw6SVRr=dJ6i%u$)OF
zBucW_#CEj`0p!YcSAhOjp<xBm-zr?Bn{^fTR3QDWLRJOnZ%P2Q(9*(P(ozFQG@&Pf
zxiG_hAl+ej>280cUzVY^ky`=n6$ARb;U0Tx@JGx(?#kSKzquFoAGflU7|fOhFINss
z?bKsOKXLKzSOCht*xG;Ip$)l9@<8!x;5Vp&S%zbt>$M>1Hz9wHfh?1bCWCS;9M6vk
zC2mn19SxO9GRXftZo7zrw)@uE_Si_yB3qGsqOiqm4e|Veo;E7xtBf?06aoFsFk6@(
zmKrB4p4=ujKmsL9J(+|WrPIXu&}tw&HG&16|Cj}rWGDu3N&M{+UXO?6Z)MS&x6MaM
zfQ+laEqwKDJt_te`k8>y>AkY=vzuq~Zc-01L>ZK`phUtN_tC=jT8O~Y7?fz?N){c>
zufLYo{l29wT}d>jBDpjaI8$KQ(AW}~tOZv`@w*7l=8GSS-eazT88`E94(-B{#NPuZ
z(!pVy(LnEH(z?OR_A{}sZEwZ~^aC#Dd(_pT9*h-juWLa*Tx0BGEI$jDNs27UY}t21
zOF{DuErc#HWvMZ%J0=CmGiJ7~@v^cW1q8X7D`1n%utIoYbyy+fcU+i}&kt`wG3py8
z25NJ~^FHD$+0$`H?lZMR60(~Q%B0SYZ@uMVF{(!h^mi=0;Y<2g;>M4pHjk<&cMqy{
zLSo`{{v%K4I?L&_pyv$5*>W@$c{H_h`k^a_blh^W<@m^b$ID$TNAy~5PdS{>i{)<N
zMk^{ut5S~0wp>GcIip+_-mD!j2j5?~OLpIV<lF)sYQl9O^$3WY$9AVBR7YeaZ;t-7
zZu|IC!*2@jn5)aspVl3)Xkhlr5^R|mT4Dvd)V{i{539^<G3)-BMO|w1*5t0=P0|Wr
zVaF^`Yb4I@6fICcyFhY8`TRl_YBknEGI|5qfK*}0dj5^%04CF9`4f`E%$vaNOy`v7
zSQiC4p2Kf|_$7jJi^UxH=%a(8ir5nszIt=x+8tX5Me!pntlyZCeIVTWD*Kl$J)$TZ
zL|5_CHyq~4){i&}$BIRRI=$3ORvUqx=h%wb5{_f)V{jZ&12#C7#dBbYwMV8NDkET+
zI&@^r&l~{&O`FcC8=>;Y0XTeuMdw0>_y!MxT~Kk~rE5naz+oov9r`T!2DU=<QS+AP
z9OfmwK&6^y$BMk*JamG~+9qkGe27X)!2@r#a9u<E$yW^NqaF8SjY8;NS(hw!P}b6y
z9PJyVP{-WN4r(3NftVg8$+LL<)S4Qv8i#d)c;C{1b<rXZtEC<j_bqK$)nhq3ck0^n
zYUu|kNnP0=r#)MAI)i)4Ss8kjnfFK%lgcD{p0LJ$c*Jgx06mZz_wbBZ&7dQZ^$2-3
z20q?6s+1B>`9CIg)`$XFDs)*;YQ;t*7T(b5HB`L97g<Q6yi_oy^F$&#rKYXBMKMg@
z9mkk2-yOE|sao2IqgU9;k?A9|&rTjR7|rS*-aK>Tl`dUgx&E%2^zidZbLUJ}6CQp(
zW%isYYDHST*U)QXH|7(ASvXAfk1Quz%3OosEtyl6Sr`Xjb418ln2&X|e-;E4)U5^S
z+BN1-C)B?C{M%=`^!#w^3Fcwl+NWpa_v_xJA6z`%WcQh6%ieYK8{UNeW5y5Q*SyIC
z#*gWbLe4f`bOZEU=!itTKALJcNvtMtMsCH&o8%V!%V!-LEZGs<>t<z&>(5foKRN4>
z9qtDB89_Ufx1AI)(~*^=44&jd>uIBKqMsY_<xs549RB#@gQDv3<N2&H9+n<7LTcG=
zeqNvy5?r^esW|L?O*9?XxAzo|JvmtPvtvCv+$7oNYB45%o}^uavXX!gPBI=C#myvD
zC*T!IT-985**8@$3~86X3RKuKA4v!l^Cm$NG!+*jEH1K*u?F$9d3xN$rZ@27CZJ%d
z4@fA(D{TB(`%>oE^&Kl)hVX*>P>V6f`_&n3)AsTw3_#&oK+PJRWJzm_Y~KSk`0%To
zXn+QnYPTOEOjtYI`wB$>nQaAX5p96vtz<i^DW;rV3!AEh*;X=WGae7(jZlgafzv|D
zOKl<qnqtVs5Qx@>A#EwVbTQ->-Gqe1hCnK>3)w@#CW=34AqX+;O9^R6Z_WtG!pj6+
z2ndni1GZ)k=|X;)Y!!<2nK-x>rT;c!KN53^MI^MZ-ZWkp%Y>7aQky61E7<<HtLTzX
zIM2u}!S;(*5YC3|z9d{H!0HFwVgXV_ugzJ%TNm7po1z9zGAI9y`VE$_By6=;Os0fE
zEq)Kqzx>;NJ`^NdE~9*r`FKElX~FUZkOPf10X5iRkfHjzGH1t;wYjHx&`z$N_O4?~
z&$0ueCH+Z|L08@a;|jsJ5;4M(@IIKwW$fPn%eYY60U9I5W%7>FxI!L3u4E_wd5mZB
zxT7q89XonVlw~Q?%9LSM#1;CJdhSV9ze^X4?i{54Us$y;XgO2#Rg(iUR?ULmd@SFS
zr_ZoYtYR~QOVW`b7{a}np>p6eFrb0ykCbmBhC-_fxQJX~L_x^*h*#KL_Bu<W1zs)}
zd#%`e@+5DHwdP%vS01!8R-7FY&F${O9dgZ&z~}l6);tVIooS|78EY<QWjy#_XJvCy
zxDSv3H!Cn>5&?;$5DygeaG-n&w5ZZF`+rT0CP))YcCxYXm?^YF6XkAAxCE!?Ieo8A
z@(Hj;d^^S}i>nX_ulx241-cv!v1b*4LK?5d=m=wY_kw-AU$OvW11+N8aOcQvGGZer
zwN{=cgql-kd^o~Wm<j;JxW>q6ew@WQK_?nhNlHpiAcSf%h23!r+#F_yt&CS2m%Doh
zXw}IpXGWY1n!Pq#J)zwBv#J=cYTk7&7VSN(RQ>p>$Y$dgXY&Ma4j&siX@Qu`re6J+
z&+<-W-;)jwgpi$bGs{5-AETAmb#TOH!+mqLIIoM-%Aj2s5Dp7{YURTv&cD3WO7T6;
z0t+9DBC0g|Q4yP@o}ic!GGl<l0vx`0x)Ep<8^2sVe_4E~92Z}Fc$(+)QS;MEdK}Nr
zAH&(kfP-S*fe$V_*ewxX@}q*?c}rdkLk+9Lfm7ei<K0;^%<llu(<8B$6(RTD)ROc}
zhNR+52B}>bdnpxd<AG&kD?$WRG(>=98Kmc!<YJ&*GLb-wBNOm5$~*xqO_jThGTu<e
zEm<f~S?kEd2p<~u^>MpSyUkCtwjv!Ou8WwU?iJ(xdmnis_;u_(kC0o=#_t{E9SR)5
zWIn??(ZBtP-W7aI6m7p!6&uf~rn0j>_B|e6^IR=P$6J8L6Mg$`agthsC{l+rmcp_~
z7LSTys%s@mO4k8exR`t)Zd6@D5<J!g>OiEtkA!$EjR~t)<Ei*G^U^#@Ac*Em0^zfG
zGl7^Dzw|FMX*Dy$M<#oA4-^exs8wV)AE6aKZRs9KELfFxqM5S8ISYBpHK8R{O|3=e
zwkk#OZSJxu?k9DF#-cGvR!7SLCCC)q(ki2wEI#~5nTS%dOauT^=7JDf$df3A^(2KV
z+|^*uSBtHNh)-2Lzqcl7Nr)T3N2cRt$!Do1Bp|6b3Y8B~004p>00#-1jZ=&&c>J?9
zuZs^^H6$UtHY$6L_~(mS3$kNdPF%2gW35^1#IY5#Si{3P>&3_iYt*X4r{!MN2E6q|
zmEGB=zEy?|Y7#OfZCjs-(-~Vffd$xemCe3Vdc-ka#2Srt)R1emPJ2>cBMd$kYlM72
z^BNfvz)u+eS|geAQyGBh$`tCVe6cclFe>k<Og_fSS(OpRGIwe4tsYW~%#oP?zHrI3
zaAfJ~vEoP8jgnjmZ){q)ty!7k97{g`OaE?H{(P?{R;?9aAscIte6FGRe#LASc1>S4
zCGffSe8rA=Eyh)9vS-;Iec9@4>y2gOHJ)s~QOQ**7|T{%dnyzXGZtOLRGrg;D<CNW
zS0j5xN)Uqu`6VX`Iht$*EmAM68i{oybNQmrdWM=w_mHjwtW#u9O6OUJOdfo_1rZBK
zw#C8oNa<CS(O?y!i6?P|5MPm{)d&BsLFGMgpg>i^)ejFGI3G}WC*UK#{a<ycc#!z{
zk9#cWVJ5TPy(8|y-%k}+YeDx80eYf5PME6WWH5gu>EUYNWaPvR>M?X5ExMFcccP(j
zM_-I4N{QYRP0DpNDc8}YTt_#g=PyRz!t)lvW6fcqB{A6~h;m6hy5BRKW{2$+S6lY)
zNJ^p#t%ge$^;wnj-gQB5F}^|En6fd1zgl{eEYxavWm6wMzv@svpRj*v4&dkL8xH;S
zbNjoP^9vd`#ml8+HFjD$w2TM-2{VT*H3Nxhs*VD7fEqYZ1EQSJ2%smY^5^0cSU~Em
z0Z+0<jbg>*9l}|_#%8~!G|U;#b~fnnZ~_D%MuOJiYDpkELTMx>47%iJ#%fzUPewMe
z#_Y1fH_op~g^?o(Lzq*qz#_-Ou1A$!(|Xqn2@ydRVjH-`l?7t@QP!YuUmp8MnPmYr
zo+#W0sl(y_9Hl;R)Pe??jA|YB%2kM2!kT>SIgq{<;<3Ovz_;%zusHLeLLnE;Bsg@-
z(q+@jRw-#No9q&8L&pf73?0M4Wfdj(aBG)NQy&QNwdY&$J7dAOJzp{9_=*LdrJLSb
z;#rh~`hTB`HxgdULU(7D(2G@KV`ImTPZW#AHRl&BFrjzfSn<oP9yi6E*#3PhvXWmB
zf9zH?2Q<DPGfT8}^;L(V>^SPkMW&I(ab$SF=na@03_6I!M?%Zcb}>J*@Fcef8e+;>
zNerf(DNh4cP|iM0QC3<>OYQct$CH2U^8=oJ*Lbr&V@LP%q>miY$HS8^v#J#{GvdV6
z&s|r=)e1v~#<JuaVnXZ(JKrdXOYa?DuzAUaiv8gPfk)~mM~3qy;6555-)V<dqGc=E
zD@gB}Qf{~K%}eTo1_}EWVYp0ea?_jzT8SVTTS2y#+2Ib}W@1NLT(|^oCK8a}UA=&O
zE_DmsbyLt6H1CPx7IW?tm%CPhyH-kG1JjdrUGC=#+%51wRXn6DUW<ndnY|H+LK*HY
zzn=@@H7r7}AsT_jqXgg>&ZyQI$qn`T;cM3pXKJ--xidXi)vHJQj38Io$?Q>mGBf%P
ztky33P^~f}rezJU-2C`p(Wr^Crdxgcp5H$8p85E<j-5Mq{Qd*p^5fsvu9@RKHGkEd
z$!wSCFmc}M`Mlojb?lw2itS2ehEy6pH1y?iVsX0$gZkGT6Ngow3J=;2`|s%E(~x>`
zYJn|U(yBw9Y=BCkE_ZX^s!R3LIJ*YpAk;2a9SIXy^}tdR7YsP7$%8<VDicCbiw%>U
zrjlH5s3G`*ItA`JDefl<+)t$BRX45i6E1gZfjc!NufFNYIxhEf1@7lkFfMm<^V%EE
zMeEXIVPyty8U<DU+tN4LcH+dgf}Sa>(>I+|Pi%X+M|XJeJS?;KOFeqLw4-|4sV8cb
z896O0qe{zz!$jl8%Gz%A)#tCjBW|7i?9Em!3l6iIC$Hzuo-A%onlpaDPrnQpGkXe)
zpFEqL&5C=uWCpE!>2~GCtTqh?%5~?u{}s`$IQTneXigogidb&4Z@n#y+TwbRgNYDl
z(7)mGASZ&egiN?Z*vaJJ13RF^z2pLSathirk)Bvlb|=znT~#Jc9Pl|%v6Y1VH0!^U
zm==$22{`hPch(j*QK~bsf7^d|+I~M|$doC>y`<+B;vxq2((9T-x0m2ZNbt?y5`4Ef
zZDnZzgAxs=E#?pZKT37WLk%CN*)a&l4Q?*yiHv`DQc7N&X$fGY!E#FQFTsEG@G{>5
z{0C2O;Zmi#BKB_oZysM(a>$Tr(?~{+5i`^y@RF8A<&QE(rE*>EmwRe#u-~f$K8S)e
z*j)3>;M+CjAYl_>$5VL{!iXEbPAP*@mGI+N#l3~hw*DU$$4~P88`ghtdd*}pgAFau
zIu+f`V{z-my)V}85``b%Jue=r7-L_NEhGE?X^h4u{GVgA#=tN}z1Rz3D-#H+B$3il
zseGd+@8fY-=I#A$&!T=aRxi&U2B$)13`@F}u;TvQFSqrZ|JnZ7ZP#TM?`Y^4i|x-s
z`i0rt!TQ1(YAn{l?o3n?!V>G)<zK3T$GkI(e_nikVB44C*7Gd!197t%OE|LmHcM<S
zzF^08P1*tX_QIW$cCukRr|e{{#K4^scc7~A0Ch`Ivb_*^GSuNk{)kdcJNTi9<T~-m
zQ4!vtEsU3Ao9zix*bhV5ReWxQJ*ucLdNYJkeOZh!0L3ujkTfx~U|(@kH>zfZ6hDt|
z#lnz$0Eo*;LBg8Paxpd|Yud=FPh`v)+hFM6lP@?Th7PY3oLM@h9-msSeJJV$_qRui
z4vtrVl`bXg5!-=iBccWmjB<MW@2%h3eq+-7(TzcU-na1HrN(=yDscg3hW94dNluOM
z{@%Ji+i#C-JbL~lTfl>I;uJez--B<Bh7OfxYhr6_>uwtiP=dQ@io1P^yH^T{O;R}w
zk7Hh-shnO@Ql#8XU3o8>o`ip<y>wKxcja|8J&!}$OWLQsTzLab&qD>M>&k0b{0s&w
zd#3s52M<itB+K<l+5%}=UwZUY#Uxn#K76S78;Cl+0i%wM&P=WGWGcHkx<}73BhsF%
zp4xm&kDjA5)4HdM3wRFqo_r$J+tzraxAkb>N5oCzjcK?;pM4@#{j<ZsfgPT#lU76g
z)M4O&j!)IXy}*tG26lL=R-Grk_vux-C%)0&SLaE4wEq*P_jMege-_TC2h~L%HUu?J
zRA7pOL3L%|SFDH~LtrmH#a$ZJSX12PQo#M>R!P5$!DM9qRC(yV{!Ikj0cCQcaE6p*
z6pChb>=B7LLuqzaCo#&-oc82IC0Risf~YX3B2r3D?A5GZDO`AkAl6!Jc{nCW>}6e*
z)tohYUR*EylZz8gSyHvoWsT1$y+W5YIn^K-wcL8E8-tPGv0j9hnw<VZeY&u>T`Qh{
zuW(`Lil*=JZ#Zk#RD4qSH5Z3pVAZHcZk||W-|H+3se#BDX14)FUYanc&821)9VK2s
zQ}8?6f^ML6G(NRjtWx*GHcGPnrhm$|q38~MN_p*(PZ3X(pYq4%M#$LQxW~liq#9(b
zq13RA2Y#^x726V_D<yq*{s>*k|1ms=vmF0_hv$${cUce5*~{dfJXyHW2+l$7ZUf(>
z{K#N<VmoQ7UgZH6v4Mq<R)aAO1G$6p9WqHX(h^WXhO$w=(4_I<V8VMWeMrtICxof&
zfDQ;!e9by&2tDW|FMEfD4VXG?-q>xdY~toO#Cp~_z3K4bRG7o={^LS^=G*}*>acQ+
zyJfH8-qRH(z&hZz`KY6o0E<2hG(Ao$uUChH-`D8AYQeKulm{tJ4altl3(&aCA=Uz2
z6zkW5<qa7`X7mPdd?t$l6ARa8BrB<=MuFp)n*(BYQMJ{W!5PDccNukhglBu;h;#lf
zfiE}cKfG&A9{Nkpl>U?IPVxR@|7`qxQ?J0}Q3D2~lU}e9`;*|b;SAUIck}ka0xX8S
zA?wJ^ZGzHbkO}B$MZy16H9_$<Il<ra*vmK`{9<>rcKH4`U}`n7kA*Z#@xzrZUJ$=9
zhwH*by7*$>*D6g!U_QI&(Gl0I0gXCO+)^ils;F8-37IeEPdT=jYknu@Bb781y?!(#
z5z?qlmOmM!E=#lm^Fk3&6z%cVw4o?WJXLoG(uFnn>l^;YV)p)r`(>?nks>aN-_Z5*
z_R@DRT=>}A8zZFZo!=_Q;2Vgfs(})@W&?sj@(qigX*k?rADR~e9WrFf2*wI!%p6L^
zSWUW_Trg;1u<U#_ND*<M!79&+prOCAGU+?U)R;D2%gvNIO5z()cqRS4SrJR(S4?<g
zo2a1H1K%nqRyeaU>LeSW);1@9$<bSO3Xc#g9M515Nw#0~=k4X?^P0%9KTq%H$ey70
zs|iIy^1l`8Yx4cS>(48_aLZ(tDpeQ>xAoCEr*yg-$KS%={B%JK)^B!%z`B5U(3jZQ
z!|XrOnBL<NdI$^<Y8ev9QCtFgjf|WDIYAXB)XO519sONwY`1LS$&&+@wPw#DsL;mC
z`NF$*y@;rIvzV>O#$Ur|SK@3CiZ|RgSs$(CoJ&G8R8s!{X|#T~j;=$a#_2jLV@fqn
z>7K8`DUurKiHu+*ubA8Vu|VA=RRA^Zank@##x%N$x7oO##7{Ms^~=xix2!4yG{P&q
z@39Zwc}H)^_{k^iJgxcji2BXLng<&lGA-x&@yb8V!f<tH0S?Oifsmu5TX<!0vBZ<X
z5lj$wtrR1fLyUo_FO5LRsi?KDEOwt1iG1~PR`{#;W8UcwUx?){lk1(zv%L+yp%^Ju
z%9(=o4yMkfGz3eKPL9-AZwqx8BXx5l!$jtc$P^OX!+PtvCX_@%$tNSt=ZhGcW%x1~
z{olhcH#=YS;~gimAzzC2?2=3%Ldi`*jV~#K2vomatgvsFr^h%Av*jsSjk-E0goo2}
z*LNCTlcxc)(K!R}53=>r=WFP*a`KkbAXmZ&PWg$AA;^kdVTiK8GBeEru~+lakh}q?
zM#-lsiadzlRG#rpKjE#2z}vHYWbT9SsXr;kB008w5JnpW{I?v49F?)~a#Y5H$BznD
zwLUNuH$m`&U8JT)4H@>~BD=-l*A8Kn=fn2U{UW@Fo`6fA?$KQKWw0y;49WjCrB>{B
z{)Ct>Gk|zM_Q{IEo_ZD#odLJF<wWyKVDX1&p%RNvJ&WY*EV=xa*sl@YK^+4L&;ue7
z658akrd2l87IGs1VTxv8(H|o^r1&TrYZe|8^sWp_<42`OX_BI}BjQ^JWf+yg=u7+R
zxcOwX^wb#JVFc#oybRH&u_&nnV)SrRm>3O>-i#MU{Wp^zhei)!LaD{FptVn!NP+VA
z`g^RR5`Jk#jmeXatba>Sh~hILP?9!%S#C+(@+nKUiV8-C6t|5i`o_KyzK6=T+Q71x
zsZ*EO39^T)n0+sX5Qv4lDb{%4*E*!Z2&AM$Ktr8{bJe`^&>hUKS5Qv%Vkxdg@#>^>
zB~_Pv3|Mbd<8ODYD=)S9y)Z&#b-qfzE(Cg3HBd-({5}NTF&!z}MZhnu*JF*aZ@jX1
z;Vw;lvu@1g8EovbJI9;VoiJnI(Xj`<%jiFFf_KXJG3f&*^yxjZd<&=!O-}8~V-+`T
z7T31i5m$nGvxpsEuk<bu?|Xk*EB@{o&1>cU+_L%Y1^4qlyo|zTwqdAevl?C1DnX0d
zs;M=eq7{S|ZA7&#r&7W=44NojLGV)}#EpfN$PFwc{H2coY)!f~9l_+{#nB?elj(=C
zf~Kg1Rx!B}Jqsw8Y0-^^l*?9Hx~FA!dYz<DUm?nfa3?Kd6x`9Zk`VDxS8MafE}H*k
z*6CF(dTgKbWc8D~7tPnEwe2lJ*7a9fjBmzDJ>BF@R(fl_4_NTp-An48{H^3h7W(Rm
zpYDH{{`Hy&w*Ax5qw>dOuU#+^y!dJG+<Q1ZNvK96H528E<i%C+yhHNh?)vlmTgi)S
zi4BgWcz+mGR0@5J&1zxCeqHSmh5#~!PZb)70z-?u%@*Y{m_pu=h-6h!8(30EsLT!9
ziKK^dC)sNvi+^}BxAd-upW4ghFqZRhCaS9#HE&|YaeE|29)jK}5YF<DTVgH-c$}12
zvn;@%fVwkds1&ME0Ko^)raqzwjKV*fr^GM()P43x{<PAY3ok31a&ijq8tGVA+2xRO
z=stv%{Zd~+wV7Pm0a)3d$dya7-S@3H<T<#PQL87))=pD>yqAQ#MfJ0&A#$l9?11l;
z-g|IrxLdK*Ce<8)RScaf^<dnxbSCQeP`F6e0DgtdS^wsQ@h4A?%zE?Qud3ZGYOb8Y
zYKzN3@%#Xl@u?W}%lFqlV^=V~>9A0)Vcd}zpTno0)A%gl5R0bnKSm*XV}OtpOBrg6
z)u({Q`^E&U6GjO;MIWkiEx%d&<?h4C`P;L+LsKOEg$2GoGwA*ONc`LXQ8X(fek>7+
z^gm{s0}V7EYfX_&yD73M4P}E#8pDwkVSuzz`$ED~?3RwbR53v&aQYxvl(jkMgy+J&
zKhPLv&ZZ-%spNet?dmP@B>NzDRvqt);5`kCezYHjFQWqDegm{99Z`dh=#_lj+Y&i2
z#-hdQ>5s7~W}!mch@LC(LV$&soU}xrrleEw4%l3POi}uK6!lHUL#nhH2|gU<aNrD)
z7ndtPh_A%n6<c!Ky|U1|oEp~_X5V~&@0OHCm%U%`V|#b5eJ7H=#Hw@)JH4^%l<<8l
zcB9xNjt%W`<Dd46o=8)=#$WqZ0N~GyZX$l)2iAUB;D*L%;W{!75jvxXfkpB6&oL%Q
zE^!Rv_AwV@c#k}jIYt}+u%kdZRg-MeqVx|zfSHO$6SuVK6OMWoZT?DQx)eylY-Ow-
zFY%){#GUcumi7yu@m}UfKccJr-nnmQjF>I1W#*RVF#)r~S^R?vZ_ip<Bm3NNlqB}H
zUVnN?=S#}@O-q9ptO6}<5}&H?gO(yuhcd!P=RQZaMenqj2mZP01>>l+Avg#5kBh|u
z1d$bV0J0}jE0smsBK($fay;vM^5jg;zVhA!c;fzdeDPv__N=%Al3T<_cxOk7%MV~X
zf0KLi-1*ClILAs9zNMPbk;uIW@{QQ1wOOM1mc!}if<Rt`!SV`&R#`+B+=C?$b}<av
zXbL@X5l@gO`Vk%urfpI!z+_}HC8<FagZ9~y04HR<`(fW*nKkb1-mK;4cVlzE;C*Ai
z+SlXs<gg`Ae>Zmt*R3$vVBnc4@FF5o1>Oh{K71iAb#&2DJYOAt!h=#8{h>dvOoxAv
z{2Q%Qf%iw)w)_1X|Kgbz*O~MH8eS*Ac!CT<U$>sr(oHsZi{)5@44#F)Zoc+zdXL1B
z+OK#;TSu3+bSa{b?4e5vT^e#WlGI1DssP=<MDN6mNrX^bI=K!=7l~zLZ?KX4{S!M^
zH=ri;jhlOGp@5)wIA7vxLqDK9|HPYxiDJ&wgZ?kM+Z(hJCO#}l&`@VA0?#sMzv`~f
zIRnGirzl4c+k@Z2thEr#WZyczhwjTs;t4r%eWv>2$hn$`fb<}%W^bNrRFr?RFhV>#
za~sqO32hMGq&c#T^dba$k6fpn4eZX7sWO3XEv~X3mNX%)MbO0Sk|xM^Ojr`1wFsZ_
zH2M5?vC45@zW*tmR_v$c^K0<DQ@;OCA8maE8nSjC@9pb&gFW;&AD8QD$PmMUZ0*Er
z+F#mzGsg!1GR4`k`^2KDXclqq_%s}Q#FEgI10{>}=Ht_hZsXP_<SbtAK5jqd?>GKP
zAMyuh{Qbvm1EB|3#~PHg4c1CZU$V(WHRj?^E5ojtJc<xLnw`tsGPF7^DWgOHW}0js
zH()@f@FpJmQYI0Im0UnYE{>7hOCl&CO{w4=s|;ac$h9BDpI^+nKK8`wNpm)BS&PE4
zYo~~q;M-^3{eIA~?2#*%j9;@b2UI>tj8Q9Nx1v!IsHCq_y03JfVQ2sEgDzug9*aTC
z>>=oxj~O(fDV0***-AeqMt=OgxO;QPm5KRlr!06&oLdif##j;R`ttO<xBDNTK4RUQ
z6IjK79HP~F;78Q0FUgh%cTy5h+Sv%+z77=Kz^nCfa+gaAywg^`x@#e$S4lq%K!rUA
zLn%?b?`hG>9xT5_*U395TYWltE494*ysndX;QR4ObZCI~(+}^bnszU1s-AxitH;Rt
zwP-<x(@nE686^PB9(u6ZUkaVWl+8m73splZRwAG&co)KMP&SlJ?|5&0BmOD+f(;WJ
z=5JUxR~f~hdC=~U3un<Hs4B0!d|LK8hOwb$nS-?8D4-s@Yfc^Y2;HCBtP!V{2g;yG
zzZ7)_NR5GnnDsc7D9~Jb$|t0ei3WicrV&;Gk~%dM^}g!VPEL)AgjJr9NJGYm`3v8Q
ze;E6k4L;d9W2B-s%8yJ@)NkKKb@=rQ*XGW=d+yB73a0QA<4Y!O-1>aZ@OQso!|UdV
zbt<iK-=f=&;SR!XR<q60qN_hard+hkUDY=asSOzUU>5FM28MbW!zJa<9<nQC=o`vd
zmR<{$&uY>7i`W-aw=*&vO$NEC(1;@v0AS3xPGqDLbyppPlmHk^2JodWnB4cPQwIlo
zc+WO-a#XeP-ttvApKxu?A8m$SKk*Ge`|^g@m%TB2YkNCNjG#&0bl&=5<DTPr!O{Gy
ztpC~m+wad%^ADhb1AA)Lt(&`#FMSs0vv$$f_D`^{$+rHQOQQGm{gisOv7bibl*TH{
z%9Y4~Ff$s&6ijVtjEbZ279WKc9Zw&{Y^f-4TCI4TS5h>bkzu6g7Vk7qP!&=<#Hw{m
z#RUYfhWuLi^L2as#-nFp%K1?>6!q`3;%Lb0WB7!%eA4uXYuTl9-={Yfh3(pQ;~#ns
zU+sK&npa#2V67XCUo7>ir;5H-zsGq?MlOAbX^ztMVn|v8B598HXwG1Az-UpGr5`3L
z#R9#8C&dKj(-Om}tR3>K9lqIM7eTj<By@&NNJy5m2K+nOH|;2XoA=BdtEf%(JyC|K
zw-3EO$9eSweq!SADPzP#2P<>x#*qW+C!P7KIV-lzn)dVuzbTp1Us$u8z0$H{kLAkN
z+%+w0X{1NIEUqYj0Y4CL>!rm>P2S&y%Cd>kpx<b+GFip{_f5pfC{3OFu9mye#n?NS
zdG92$F1dD{1e#`2!k+DKtwK?o-&y?kcfY-<ZtvZC@Jqo%8YoM~@d-I>%1ma@Q7)hR
zs&6xKZ~L;|?=@;ZYIv=ki>5BXJSK><vR6+W&BK>5>+7Z^nTxSe#q)^wIr=Qb2)S)C
z{S9J#WFFWJYzmPeb<=VpW5qI$gm>8WAN~?Qu;kB&b~<*HtxRt{s6)_zRQ?$|l*2b@
z%asA`XKZMZcK*d>z0W_}eDsv~nXm4ny?DOpCub&3Q-ZCZW;1nlu_XG&5x~q~Bu2oL
zYz*_6dPGT&vj}djY;c^UHKa#zF4NqpYXRC4ks|8jAP(+yqN19bETYXtq?Mjs+Ggjd
zykS1Lhw{U_PwqYV@0!vNcl8?m!I2Y}iEZ2wpOxnM`!KtPK#<nMIf}>Z3`!&3Z}G+%
zooS?0@H@=mb~DcoF$fdKfZ=FXt+mJ)a)Ur%VRrr;{^H4zK%lbJNy*An;;<==e^1x8
zLnjemjI5#Xp~uF*y_Y?j$RFQp!oi)|g?4$9SAI9)P#*2s_M+R)5!f?y^VY&+=%DKy
z(4sF|8rT?)aydnRT`6QUn7mLL3UuPD&@71%g5^`RU&}-9?pdBJ6S~CW;l7OWS>?$x
zDSr_++B$kiTe=j{JND2e1($sx<zvgE)<eVch~$_|Ym(>&>oi0LycJ}HP<b%*haN3w
zEmPGdhs#yteA3mqJNE~mN%u*93=qOy{WACm`3JAF^z#F@J)Eu{I?R&EFd<t7YqA(p
zvNd+Pylt~qPGbA@HL*mpEvM2*6OwBpH9MkkC#=mBEyGE+iSwe9;v!DW`=axflWY?w
z*(T0CbiWAip(n5mbT5TIlHts9B6Gw{IB2YEvdIt~@WtMYNlP@PS(t$RD$fZAYOg%-
zbZ<R$GRQ+C8S>rXt$PD}Me$HN(Hq})4Bx+V*QNG(6MhuGs|OEb6~;pQrcCRKwia51
zubK(byM?V9x(-Fw%_bBS9#dw5R?Zh@v!gzFa;O9lO0+#e*x~u`4>_1~&s*Z&n|v87
zvH8a9^=EC|btT<BV!?7nNy|?PV|>!hh*hl2Zsyv<V%Bt?`@9gB#q>|c@D;OGUfkQQ
z+w610F!FvyKcRk18=ya%X<??keGAIiup7(^tl3K%C}WfLLw$>D*Qu49DkT~`H_#z#
z8|eZx0sd02t~^{T&(u@9Z;0Q<emc+7t9qZg(^qZD=Iy#n9J##HitViCKQTG?=Qmkg
z@5bKPo!2qSgreK_7jW{*paP-Y)UU_lp795H{$<^e-x=5eQ;0_k<`F*5kwzY8c{)n_
z^{J#}CPbn-O_cBc;;dx>P4dfCQ%HZ>aWDYp%i6-`y+-l^He4PGQkD)LA^y;;=(hA(
z&?qAx9i<_Z{<l#^P+*4mTk$AK(e*0~fR?XR=7~37Z9QTfG+eD}Ii`N^*|9eOmGYK*
z_xBmi*UZUzd&>L<1;45u55~A0{=6bkY87;Os#LX_pNCn3eg6G6rMHn?NUb1B%0eBM
zRuHD-M$MH()jSdKgMmn4KU3NkrXi&cRpxah#6fvaq-3^ANY?VBPocKU{*|orMfa-r
zPc9H^#6zGS!^h8JiOjL|ulXlWF4_9d?oFpo<?Uxn#xKboJ^k2#Z%-F>s<EZtsq6jn
z#|&6Bd+eAgd@Y}<dzV_-cY$tv-X-2aMPGO6U23HsmUfl&F7XaZ2WeMjsG0nn{Zk+}
zgCLm+rziQ6TSjeZ1>mNIqt9MY7KqL=m{3@11m&(rMB<31u{TDay46M8+@`c^p{dJQ
zlL+xHd%4@Bj`e#Ure96uu{;R1@g4A5Kko4+K2KesRJ1i?d#>4D{GbuN=M6s3eolXG
zhOK}9Mr4@;i6P1cj8}ob3|6F_E7f!ofqNky!NsA<GWrukat5HEAG7sRpJL-3VR&ym
zTEY`%#w533!D#kCpGO>DgI0V5c&*KX2lr48^>&0c&ssWrbpQA8JvG!w_JV^fSL^pk
zUQgd+3zX?v1Yiw=riW;b!?9ve59J{6g^|s(7cb84dluhQNqo!d+xFvoV*TTxBwBlM
z=Vv${P2UpkSTLxY;^`y4ZIQKPY~Owoz0nq<86Zaklr4h3a%(UFxfjqe(U+>n;MP64
z!?tvBR`W*h^nRVzbD;VZKa90VVlx8ZZ)7vrb8;^lsF8dYzAcH(EJe@HWDO-nR1zQY
zzP7(H)==A1S_v6xpiCG$tUy%E`q!AruZ^x0(iZoxLbxMJUk+m;pJO`ty~Rh(=dAF&
zHT0uK@^;82tPLVYY9&x?NvbUPFLPOHNd_l*JnREdD6<&Es+g;3lDt<diJ|$x`Yg_8
z%P15L=LQ=q<`Sj60&HI`{Cb#es{ZSi*q-GFrJ`yKMe<?8$Lg1JG<+k<YF4#LgEfN%
zuw=j`hswBHY51lQzlxWL3_xT+(KKcX3aYil;CwNPEug=Awj71xmWy6&eU4H>PGCjh
z-!zB0Jc?ITF5m=5X(fUw5yJ-Dk-LP+IME@>R0t4i@7#>;-9`?7wMT}czLGhtN8&5P
zGddHcEGzm;NwHl5?<fs_05IpwBPj*Xs~`HGPu8EO*Okto7+6`Hv+Dd4>|j|<DMeWj
z^!s^%#ncVD&_^H#@N(_iwd>Z!g%5e+nP;AOq5)h$4rw2}0zMr9K15jW=WH+8j%fVl
z_QYMe<gU0PhXU8i@>*M7jod7Y8fqXO+z7p3DRiEOa@$B_K%4`Wl;R59aVc7*($ovm
zT`5INDl1c&flx-?ay7O1T*5(7)AX>K%l&kLyQa(C2w&jJd%^S)^shF>4{<JO%7oMe
zpkBJd<>LFG-oCA1$t(&b<;X=&CL$b9cFQB5{P4Y|)Y&>cw{_c`>D#tuuW0*XPWBFO
z(AMcQwr-x0y@L%J$j=Vk+qq@)POr3hp$ogvxdq*8{>sB9om;-}N~f01JF|Y%w@;X`
zZQcvhw~rscb)GV5`i>p5o4>YW>%7A9P1KQ13hT7(*QaC4wtf3_XxX-3|Ce#EZ+re@
zn||pXTeRuluRZPcP}>R~r|idmxonUKz_Qxq{t$v6d75d6^u#c}KwM+V3wRRfc19SR
ziO+Sh<?>+TbEtQ(I3)vCh;gzAe3IQ}$>Q2V#)VM!i%DT(5?ja?;gj`k!<E4Zi7CLP
zf<+>TQRAsPShh_x-{CZFqTSkj6^931aq>6_j8!<#l9%|^(I6Z#8vjH-kKeQBBXZtB
zD`Co1wOBOLw`DkZWV|oZ2T+&n2oF&2!oVMwD0aAFF4*t5P*@q*OR8k?Af_c6i0@Dq
z46nY!zH`!CaYmG6-+6|4KUCr{nr`5I1JMzpifyG9Z_-UHv}_oPS{1$fXBBHEhZVC%
zAvqanBvP*;9ox7@KpRXs5E2m^krJWw$SYl(@Ihyx0`&{Zi!(*>kd|1f04D**4f`4&
z74D380;&K-H!T^N<nm8H(7qf9WM?5mONkJ9fRKI89^PwRxh7Y3Y*9C^as2h(v75)U
zG6rQkSa-2qW$oFg&#&yZW=-JqUI9&~%${=a>@OeZ4Vk=h%E2kKp@+nR8Po<xrfMAt
z;6+tzd-c7vWTHt=hp|NlNT7Jj$(Q3QB|9deh*LOH{!nuuJT{#7povvVfp1ne_9dZ<
z^h=B9KNcBT61Cy-*{3?Q@M%K8X`ADnh+kKMAy=R!MUi2yB?nS(O)MIeIyg=cB9z!=
zs?df%L_)#bS$uMWJvA*pF*TW`CD>oNg@5melOp}ZHT*k)F!iG2g}qt*-k<UC_r=HJ
z#c|{K7Xy`Dxyy1z8TLK>;VxIbg<LHxShj3g?t#MF>qt-9ippvV){c73ZqX9-%)SH{
zB#pj=7M)ivp&`#KnQeYhA;~j;Fb$pvvz&$4H8t3U6PqY5q(F-gm-=#iiaAUMHwKYe
zg%r||O)w%Xl&QaYQd%fFxjQ9T6g5H!pMcOYcq0W{?c#jx#tF4pi)NFjE(*VW_MC@J
zIRA6_qWtp@(@)Hs_xg+r%1&?Z#*IrY4_`i)uRC~@d(rmm!~t}ud?1!A$jM#E!6&vA
z-3f4Eg_3|jBN_LK+ELzu>g*H|Cz?x!|GNexP(7Q_p03}3_}kMmVF=fX1#}-Njks2m
z*C*sP)wjYH`^-X@MjEshz$KE!P~a%+jHtQEF-P$=GY}o?3jGUuLV$}%*&(ZmK;Hrl
zLlz>#5clCo!F|-&!FwRv@E(j5_d)Hr52=a!keaw(ReswO1zHV#9Qf**1zMW^0N+%*
zKzmv~AR<Qo4T#u@KgIW-e)<)>5{A90145?1<OHQoLR3^DU07;zvQydmW9O6oUf)*b
z((nBbb^5mRp#gW^ud*q---&L&ciJnOXC@rtBZgMmD{j19ap0%C4vPX#GmV!MCu*`X
zWt5NE4N)ogom>&azM?<erDxcU!t?LYKe4)m<ML&P^8!ER+zn3^ax}1iYhm96fp7FT
z5xYU(lD``d3~NvF3%_&Q6yenDp+5TnbZy=X^xTnA!w`~pdKnwgrVMVA(gp`3Za~63
zf6q46(=S6D^{_b}_UwoO%)>XMT;R#$ViS8YYdoXIAP>**&%KAoOyzsLZQeP>Nj~+2
zwOSq$A;C6Ji!gafEhkq>HDYlIf%2>+SS13yEhcXpoy<~TX)YX2y2b)`16dFo8=Ddf
zSrBKE1<*+W$pKgbhtwL;g=1bKP!b@AeY~tR%KZ9@B7pfv#49g}Y3jbsqx*-CAAe7L
z?a=VA1gr4p;Mc>44Sx&toh7ERX}rR_mn*K1fo)rA@|-Em!D3@KCR{i&We#%3=nNjg
z87vFmOaeIA5q%%!ZW*lJNDG2#YK|0Xl`6|DA!u@$mDq>_wo0x_ag{JVQxc8NfV9jC
z^m+wXg}4edeUsFSFF>}MmKhI6TU<PV?PhKl=OR@Sg?t=1L@9_<kxp5OP;+#}%HkQE
zP`p738&C(Nzi*|eI13s1QFM+R@hlmuMHTF7vUmhN*ya;w@Q;_x`>FPwcNPB5w?o8y
z_PpvH#@}q{-NCx-@;>A(JFFGkC`(DHk@ITK-5HrVHLK_R%?{RjHKz;vwi8iKRhY+w
za*VbO($~$RMEF?|B)!RdMRq>Ww{pxh!AC?PCW|cjU{abbzN8?Tmw-toU}8@2>;x8(
zz$lJWC%z6ETj8Rdztbr6+>^Pb|Gv(C{@VKsyFX=hg!kx^Jgmmw;&zI%#$NiRF>AGb
z-czOcpebxf_qE3YWEaV}qF>Z#%p=COSf7V<DI5E56l2oDLZ#vvhE9nE)GX14MnaaE
zp#Y<<3&G7CiMmT*do&wMm<oCkjz*B2C3X+nh`A#2Z-QfKF?Q*!j-eAD;h<Jv$)V1)
zI%)XBS+5h}jKE)L?b4xXYBXOg{@K%R=w19f@eu!xol}&)m&MsFrFqv3En@}#SQk+=
zN*lETf8Lv%xmX~KC<dgdO+~vD#E^SvHWM;Zo_m9D8K$M=TNWYh7cRCEk|Q8j*yQ`8
zNrDSRkTQpIpYV1h!O;ppA}7yBX(}DUi*7T!hp%1gS+tIO6z06;QAWgz1>&=V@7-ed
zIBzX}K3@EF^~`BjfeovOl7C#DSJF19wsEGuR~GBpABJ}*QsOyMEE)qy58?=$QUbbJ
ziP#bV&6&rnOFHZj1QfOyQIgo=vx<oj(>2s8qxBy$6n&lZ;(4LSJAM)Wc-bG(ZT$Wp
z;Ja-_9_zYl<F-WzorZ~@S=ib+YxuQaE_`yE&0$GP=4Y)zOjNZ^L|uyMutdvAJM?MW
zVXb_<`lJQmjN9Z%ha|=Qx&`{A<xUs`nurKiBKh|*Y-xOI!6nF4I8ZgXUU17`r3YTf
z3oW)2-7qlA6hG9;Ddeu&SG!y@l(N<mQQO*`=wsTrV=+w;WHp(lT5Z{B$Xz={t6M_4
zB<m8%>L$MrXI-4}PFfXA(Ku<F#wDdiS<Fs5>?^)4chbZSYbQ-uJ-0=Z#;w~ne&$8y
z+R7Z;wu-_Xa}7IFI0o^vgVdPei?_{rA$#W=8TDHCf4N1QelOPZ!pxMm=GJ)*zg_vK
zwAVm8K<_An;gyO)#B6{TrlTyuYYfbUBqRfCVE9)wM=2?mA0Z?NEJ$f{_9W;E%F&}F
zV~6j<k&uQ?8|0y<nS=f@Z^eM_JNf(XTuvW8q9<E3b9~N+JBMUm?=ql9(f}pm$Dhi(
z6L=-<%<iR$C&i*6=_?oTJ{|v>l>G9Gmq0PdoOGVCpMZ_(0^cItJ66}dAx=T&xT^AM
z=;6sAl4J|T7!NGD(G~GFe?`7HBQ)wH)Qg+r{}jyyXj>jDwm>NvBHZ*4q0(~254HHj
zI1rbX6i4(yXDBV+PXy!{(y4$z_~eR!RgN=;o)M|ew@_PefOkwjt9#h9dTsuuo}D`M
zU_Co_=qZl8@7?3Mz&jjds~7TTRvkOMsmGf9!yD}BLk9Qi*L%p2J`Y!^!yhg|Ty2p$
zg1E*2B}c6bu2BlPbi?%nBrRNH1^gyE86PqzgI6@LUJRL1oNR$4={1GPCjjIMV0z46
zf{C&7L5APU&7@=wBKrrz8S{k_OEU@!L&qu@9>hT6m7DWx&F`AIcyVS|QF3XwWh~ns
zFUGPtVjM3kMzBTR+w472m%aBA#-0o9Y$;+#RN1Sa#`Vfx(7TPAUKW3$GzCaYi!LFP
zO`=osLZnYlFMooVO<3_mEkb`2m_uaovxJzyzHn64Ac{pSK0cHbF$U*Cd}xvydGPQX
zcVAz8Z^q28XDD9VxRs}NiN!e+dHGSVj$Fgo(nTl@I`7ZL&x%9CCn{AZil11_2=bP6
zDEiC3*S^Y@%+3^j#%JMnne97>At$e-gu@<k>HA_70hEZXzD0jI+S~Wpl6fppU(4t-
zY_sn(2=E)9F~a%sGkx%x7WTLBnRr_OUnD;RjJ^Dw9mSt9z+3V&T`)GU{7ix^*7un>
z-)CMe{!H=MurGrVjjV~D%H^O1y{bj%9hKq4NC1cSrAHW1DD+LCI2i1HO|i*)I5Osd
zJ6MTXX+#vw0!JsU|4BkL0?;V2=;0h&L}5Rho*;z%fio`|DD4J4w$uwAw58W;t6Wcw
z&S6d#JN_p6Fy3RfZ|1LCH+SJWwfuTTw0?g6wF&ieB5H^>VtCCX;?vD6;qTxZ%$0k1
zy=%wC``4cd={gu1!uFzS>bE#IPVg5B$<Xoe9~{_iQk<F*IslSWDhK}5Z#~}H9<{+I
z_MabwIc8!pZB50W>P~qI>quuYeVZSr29adS>xMfW)}z@9g6@mM#Gt~aF-CDZrVK$P
z)|n4i^4{KcYT3fGycuuoZJE1>zt1l(&h<9IFK*-Wl%EjSQE+zT;N|%!^K6$qQ$b>#
zCn-M_9#x*>^JFZiAw+U6MjBvyMpJyT93S%Apd0yher>}C`UC4T+0-;%SsFMkp4VVI
zk9xma@Rx_xXXVvp$N?FR^j^i54ur}DobK|d1J=McLUTUzEKv&hEv#r<Yx(5;<JB-o
zAt<BJI?JYLPT7S6AyF9}!kIRk8PGwi6l*f>8stcZQyC+aq?DwWlkz2<f!at|*?fNC
zI(5>B_#6?k%@*2yM#LaRpmv(`!qi)H-uR{6OLrE}xjAj>t=Vt<{8GDLmwd<~@3-4B
zd!(mU$uc9Cw41fX{?C?~qmHBnMvhtBZuVv#vJ~;QLwS1-EMm5tGE13l$-%vO9&z%|
zpu8JLHYHc>bE5YRPr%!^j&6&s+WT~`n}^WH#4TF!g{UnPVQZ*yU%ow2k39H>#Fm?Z
z@Q5Yqfgp$pVGHt<UU345r-e#ixf5b1g7tfA?bG#2KN-I&Z$pC)WfE&27_xC&_!~ia
z_Od&UMJz0N9p}9tE2EZF?qUqp(22CXj#Pw3MlmWSMGH}&H9<xOL0SYsK$=4@icjSv
zy~~8-hTzn_q;yAaA~^vQ@C6C@0#i)aA3PwRsR^q{rggOf)Ha0^7&}%wDvB6&1b9Po
zauQWBbQV7wRs3xK8q=G++%mUGn_2w_%xu$S!}D#MOs~OeWaG&<pKmv_Kci=JTfU5E
zm6@sactV@lX~%}ewvXk{H~2QSK2K;JKkewS*ft4xOy@e+wo3U-{RIAR1YyG97cfy8
zbP#A*uv>A3se@D{m+4g)OCcme=?H?kK{8U$qA)UAVXZ2kd4FEmbLiWw<eP{<i4{G^
zy(?}lWBb{nyY)Tmi#9Mv{R<n4NVYs{<H~F5Gw{O1*?Kp!J-rf)Z%@&3?>Isc5ur%V
zZJ0EY=Rip6wNel%P;RL0@Y#yCQU1?<?j37<R`QI;d=@lO4M+F}_=FvCg1TCO?x%s*
z%jkOjZx27oW`~WGb1gvLVCs~f9;mV-^U>KQbAcF&&Y?dbLAMOxKgr%I{0bVL{O<jO
z2h&XV+qSY*>R+%DN+TaiqllO-QLTir4CfPgDy%t*S64T2J7eUMZ_@+l4zMWTgT~%a
z)H00pE&M%Puz=NFuz*isCq+Ycl6JOxQBU@Y?N{)@I8zLnKB%VbYoxYQ;oFwqRpTjt
z?Dh1Z<~*<MhUUYvy1&?MFO3;QqW+E3n`CPVS?aX4l+_xfEvI}SPjy-J(h87O!NB$X
zwOQmoSx&bx7fbq$1Ogkc7;3xRb!o_wU4(OIV)!IkOsFMN*}zDt&k0mCIL-Zh0d>0I
zJqeA+;+)^P^WxFWov~9!j2ra%=e$LJzOr*s_x<OeSzU9;kXIKKcErjvnyK;wW`tTB
z`VPpLpfLsi4iH5e{xs`A5ePI(!AEd;C8hN$(>RH1>ArqBWSsMwc2xMUG5N*!Zr}Fo
z+{sSl^<&jM_CDd4hhTIV?AYCho_SE2v|$Q;*2E~u=e$lIr(7vxoR)Q$CV;WJayrHX
zDUyr_RbeSqH6B#KgDSM{G|>b+pavK6fiyzsL7Xcu-oywJ3rLrEWM8OX)W3HG$#<Bn
z?gccK0C8*V(e0f(^LI3ASRy5@YdTx3Z`a6igKpmRh)i{f$Ad-4c>7rB^1wmqBlWEt
zJe0Oh*(tYA-#@uBl@W84<Fzb>gk2kRtc+<@rkMa&ZAOzP$(h7U&m7LlBU1u(!!J}>
zR_BX`u%HOV<0t9cQ3~o6&(b<W-yZ8*E;7y2(>J?#_X|7H>|jZ(lIL)&K07%fW7lO@
z5@U82aJ}E_15YE|wTYJQU*uXa$7FDrg5lG&fXx9#aLc5SN8&CBP9-HLSB#KGk$&zd
zNmX559CbN;`kDS^4uYWfuJ3WZ>v>DKWf6-l?_{4p?1h<U?mqT(b-*j6H`~zxUD02(
zeV|3QZUauMPxb|D*bByFWtN^X*;aU^mGPhv9yBr@SPp4*yi%QZyp@%kJmUJs0zeIT
z!Q%AODm1E2YF#6XR;Jaf-iV&9=dx7eeoB9~x+||%@d<&Lz~cG*;S{qXJ_Xu9)<_ID
zstSfjsxny+<{Q$4$bC*>tV)Fcq9dc<zz31)XnTGf!dk7HjGb}hNdNTC-D4AD@?T5u
zH*zqG*wy}fPxgBwJob4b2W5>Aw>P)_a!;>L)z7c;oTKHRx(>mvEjc`UQOA*EIyb97
zD0A|QFAneg!gJ3*+iAipZ|v#5xmS;29bahGzCnl4?PeZ|8UFI*&1c_jZ39p2CPq4c
zvA>OYNi^(<I<{wkw`hUtdYx=t!7tMxfd|7nA8VTkTuioYmTj(WAv>eF7A>Yla!IL$
zD-dtELW9M%fxJE|ug&DOrM$M2*H`4Vo4odx*FN$(KwgK*Yo@%8lh;Y|nkBC@<aM^Z
z&WDEgjBfli0}V7I-@w!sN;PfbBwVt`;gVGkmlDr3qmiPxl61n+IRNkjJ~^rQXze6S
z#@#L@FT?4_dT0^tGUSH<;wyfZ1XiNyA(SLUe5<6;L3*+Pwczt=nO=RymDixyes@3P
zat|qRW0IIHmZpKrJ+#0*u)y87z}>I_#O7{X;BMw}_bPCAFK~A*aJMSRYias;*8=ye
z1@3f^Fv|V9+-)!kSKdpepF^_rSkuFCE;klyqRTzAz&*+3#*$5Sx#twPvs~`^1@3H@
zdjU9{?h-^w0_ZR@DlC*-VZiz0l0ZfHLB`}11G%ChwC+7j1+n8{D5?#?<U?b?PzHcf
zLIldPg7{ek6!==nVPpvU{-japyB|icB0r89&RX13IeHln$F1`8Ykm7q<5LIro5r6z
zl0LFS%~}OwQOm}STDEM`sD+Z>ebCFDhxHg(rS|<(BTm^XpUt>8jHR8j-(j^g3cF7o
zkbZ$hdb_a*Z+DnaC5rDK=`prmgC2#ykC6YI6*J^N_Hp`z@vn~QIeGl6VlPi@(Yixi
zP_rjivF1(Nv}u}27dVM$wdwIv`);+X7oKDF&yN^!UYvHsvI?WOZyznb-d=cMd;6DF
zrR8Y(?|xnV`;}Aes>Fzo3a36OjJQ8lzkw#&-TR62O28;-^TwfKM`hc~dqYEAYPG#;
zXn9;qghr{=D13|9ILwzA5I5>20%}@5MyW=AUtKwjclq3XK{n}0f?X3EBk#q++z3?c
zNL!O-v9Wnh1Yz_YMSbijU=S#POMhw^<#=J^!speHm`W|XZ+&y|dVYb|tM+u=9^F#T
zpFiJ9Rk^A<UM_s9@G0fu@Ac}HNq)WMw48ZaskIu_>e-+%6v!Rk7u6DLsXA*Ds4hE!
zV2MN>zW`HyuCxJR(o1=5sDF78rVt}9(843AsFkJ!%SzdVj5EECLq#SC(r9GuKB7i6
zRE3*5JcP&do!;%N`mja~TD`DlD+^dTq=TC+8p@*kH+|}v7oQ%vENl3{A#LBl_$ESO
z{#A(pN~yLkaHP#)3{1KWAUrhHE`x?D3agri!0GoB5aUTqWxuYu%KDV%U7nschP1VI
zMSt-%m^YAiw&t3mck+crX;cD~(%JYK!y!RZ*=72E@DtODJbE6Jsq$(BNf*8*cfq{X
zY}LF4xqQvsnd-b5Dr>s&?Op2^ZhCvy8s~|9d*9iQF?B3@psZBaz~YOubuej4MomqB
zXo&0GG*RdU7#35o8%BsFC<Zmj8vJ#TYglrNhzOU>jx$?HL8RM|d6E29znyQt|84%6
zF9hH!RT9{;D{ZI8%osE<Ycjht{EB<uH{z>?z_*;R=Q`Q=wvC$1Si5NGuz5HYy^4NQ
zc4O=jhyql%_0vZ$eZI!%{ZhYbfxBvocB?89AYySbCq`;YRf6$p!DXuw`-To+iWI@v
zHA{54+>+Tj5cR;hkpej`Qt=6JVtoGlxVyMd$MjL(iy1$RNblI|Q<nbO>ghv=pbq-5
zX)&XFygEGNSf<jo)9Xn|OVe}q?_JSnNpjMxPRsV}@pkSsd}!xxeFyM<ZTj|psa<*>
z{nRKY)CHi*dKz<5c7};KjR_mX=|&jR1V-0vb~02ke0b%-W|b4(@89K7-e$^FwbH{I
z%H0)2pChrJht;K6&p7y}_1=o)xib9I@<<xLWB?y1cw(~1w18k4WI>HLdjOqObFK!-
zACq?!!$CybL9PuFB9c(jT()=xd<a6MX6;%@iY?~7FM?|=Z}axKTgTq{ku_os3ffJN
zn{#>UBz5U(<xt+!4X?cIzWMOuR;(dw>Al*zQRTUB&Ad7b>opCtIgRzIfLd44rtBlR
zM8+)q1>aD@%Di4qCd+X<Q!K$;yOZEqr0XLjK(Ufyt&Y}-41lmO$T6jOLX>-;D{nZM
z&bONKZQi?yeMTL+a_iL2AA_{uY3Z30=8qcGqzZqIx7;Xh)wsM*yPTKPtyA`h!C6(y
zVOMIv68#4Apbp^ewBQigb{dQ>5bWM>ej4*JoQoRMq2<UYwOFArX^2H?LGop609nPb
zi<9BHh!1rtX?ynMdk-nR$-CZ@Y-TiDlOrB5$0#M->tcl|Sk*RI)pa;?Nw!5=oT*2m
zBnM*@M#_@Lf+a#0ahKy%j%^P+j!JF&Zn0lc$ZcONOQ9QIjW&>m*^iD1BDRZNF?Y8K
zPm~<Dtdw|G&>>Al>c~ExuTzxX(FXhn<zM8>@d>Qg#Idgp%}meoe7E<=XZ^Z;^25oa
zKYFGQ&CC*aM(|aAI<)WAt@ZqUdserdli29e%KW{{+xAKC_AdEQ+F&QnWA0@jw*pQ1
zDw0PUbN9<Fb3_qxOL56_0p@8AQ$zDDg$8ss+Ekz1B1PXi31sV?FI>lV4(KuZ)d@56
z|9bbpr+rq5LwxFVw&vA&jb9#=Ib`#P`ES1T_6G5T?!~k5HR@t;ipKw$QyAmaRGWlC
zkQgf_XN@cLtQ2K-h%&w=U+iZ;MJs#ytV7s_+xmbGc494puo{qMay6jqT4kBBCKg#%
z{3E0rn=-kuh2ii{bLf^RlU6z^*_BWcl_0Qjp~}vy7tVdgubsbeMalo^$B83<V87o(
zvbz25f&0uZ#IGT&h1mP$)@`gk_UQ%e(-$}~fz+9nj))A48iO$cYi8#r7C|aR@cNr9
zU^FbFa(xJ+$yf!cr!0l%6%OFJ-Vw_9oSezZ_!Sdq#e?7%E013cusx;!qJ_y=e%^mV
zZH(Oem^6+ajv(s5gtNK@;$@HMT)<oM=e#AvAhwbJMBkr;?|%y4U((k8G2bus24i~0
z_ZLr`bQS%_G>806gsv$1sRbgj#ux$Q0{x%LE3?=eVhmexLwq8x-ay8{sOw11-RnK(
z-Omn-ro0u0`o=I%oBel;s5EklgTqJ{(+4KE+8B%Uxfl<mr_XrccSO+k7=?B;CeaI;
zL%#`<H&~#kI)Dq(1tUbyLh60Fr)0>z&3A)JojD{veOnYVChqPQR}QkIc8!#Ag|q6n
zQ~Es|rMzjk7Y@N7F<!(a)%NBcvJBL+LsHwLMPt4*K;4Asw^Mm^*=W}2jHt6))H%y4
zz1m$F@^F;?{iBP1Q%m4(DB?`2slJv)W?I(6*eJ6D6O;8dvj8|qXIY_Yi3gW1|E(Nc
zG;{hQbwT0X1J^$~poACRo$y-LBn7!Q40eG{@#42-Wn@}V>7F!}+MstgT##0OK7LIG
z_@EDX#R!iWrF^2?Ei5Iq0cLv+C;W4q@I<O(_b)-?FVn!w%lLVq^p!w)G6w~q8k){G
z*(h;jsXP)Ag<m7t&=7qPlVbNrB_Hcn5+;bxI=%bn@l*Fb3nq-1HHp=Aclz_}Me%F?
z%K1~XS=Dx(TUJZoyGVO)b^4Gl?HYG(*Kc;WrQ0uT>^~APc@7T*^*~)<3xd_r$5*w=
zjTkS*d}wlVH~zI`^ooIf(?V3qBM|s7EhDm#Wt7fZH_}*HX&V!`%_o}@cvta*hwb>}
z_D?MCjQ5+r$IO{E^*8d;s|)gXeA7k5l;AK|`wqv5yA;({U%~o^LA!0M1?U);0Nu=^
zaap8}q%5LYB|z#2kJJN)Qf>-DVRUHP6Xhgy0BY<=bO5z}BC#VOEfAz?$ISj$CyV>F
zn|&j`&H8@%k1XQguGPzSsc+}5-oYzv`Lo&jjI%)~VIT19cBae~ABg*oGnX%VI=*xD
zqqDyCE{FA|iYslk5_-iII8aLY*4uLY46RiwsaI<+X<1?t6Q)=joe^j(y2hAj0Jhk3
z9`@1ufBg8V_?|^io;`b<_>%gvste9;+i@&+aNl0zsMZQB2DPh{TIEP;={4jbwG3p9
zg_D}4mf7IJa7-9T498`Y>*xZc)fVN{rMJ%sg6hh5zW-L-W>Me%z{2>!U8|Pwap$bw
z&MP5L^AfAcoX?`#TrE*hWIuEH)6-4fy@J(4P8O)OGgdFq)>J1?$&(E7w6GCFj!P;w
zhOBWrv3AWVZ%B&Mnh_R9?R?0)$>ZTY4k<$mmw}%wRfZ7{!7tj!;TMC!&zaOQ^&htI
zFUd-bQ5gJ7{;)xR@`3-vFnKn7&DDJ;g^Fn-6c8E)h8jk4Zz8(u&iwsQm>4-*j0!u1
zA&pQLJsic};1Pvgm5ttCMFz$tN2nm*6Mm5@|K-S<&!#T8G41Dg^THxePLA<CI9CgR
zAo67lT8_SDZT+m1&YJ=IMio^uzBGV2>86By1S+6}9UwX(DKN87mwG(eY{Azep0h8x
zbD?-$UEuv>F<a%m?<Mzwts1y%Ym6cU)$;9+W)c}oY)B%?$$>#<tvOWeUX!XVUvl{4
zymzkWj~Ll~IM(p=n$rj0dbR(sp7<>SLcE0EQf$5$s%0My0+PC3DtjqEA8*yyThd@j
z!!KZwDwdOCd_^%QB~}z@BP`-%#K+2Ln@}*@Y>CJpBjH2!6hM?7?^__s?jH7s2*yfz
zxq=Zu$5hjBS}WMnwGt)^&hp!SlCL0vl1LKKf-2AtOUH>-*)*%<=(!$UjBO*R6mi33
z*q<;R&?uZ#aCwO9q(Sjh)0+H{^NaX`vyy+j_eZ%yNq?=|;#q&-C7kR_%iFhSRSUZU
zjh=jD|FsX#b~tvW<u8l%6;xJXF$3WpFJ2mBbN$4H%?*T0j#kJdSm4)t1c4%DH6?Z`
zt-NSr5bE8=1K6J;NL{c(<kF5kR}`jvZXbnMpbx_>-5<v9RfNNv;D8#}tJFYZm%=ZT
z%1%xX6Sjg}I;P4|?ursYiYp>w6<ucd3CP}%-m=x6DKA}*Ul2l=A{bJa@yYNDTi)Ds
zrdWu-yZz1lTNWXny~}m&dc-@kiv@Z17T1?whP|_lggNr6q3`?(x`?y+YX8e5BV(RY
zm!o-xIHija@;bN}AxptYX!+(0hX4Yu6XFx_b(8Cg@C>qdd_1b60K<R;wmNlW?pji9
zvMzO1B?@_K6_6ZkuZy}8g)>UD4P@-C^{V5-{)6W|1AFxtsH#A^-K}^bBR4nd^JWz%
zOgeYx{ezj~7R{Z6nZRyPmViQ{Y{M+LZHxKfXQ#GO61y0{j0_+>I3W{dsf-Xply2$%
zmk)v|WJ#NAmk~@zIbfn;{YR1$pR#WN%!q(tgB=2a<3FmidC7Z9eEbPIcmnkNi%0xI
zH`m3-XL)Ph$UA?6^ZD_ge?Gp|1U}lwA(WXIz1^0oF|^(`Yyb;G^^-a1*+kwLgQRC=
zruUeKKP0^q-^BfTx*`!<c8S=c8Bl*=;=+$*T}bICac6cQfWe?uv;uP>UTy#IBs;hJ
zndq|O9)C_<AU^N@s<(#jKa|>l0<AsP)?5DpizCBNOWaAmtjYNKGW&Y*OsaY*Z>;?b
z;KMLgks&&>db_a7_Wz<RC>=#C`x5r-V^s!rf5q_sqBMY-ifx>_n$uLb;IV5~%#i4;
zIOPH&eoe*|Sy|W5V#(OKGvY*aS#<$yslnX=pH!%`g3<~*Mc9;*sBEUnjBPM0I#{?G
zUMUNYHspg@0-))ibcmpe&2f~Zv7AV_yiK4h+De!x_zR=kR)v2mLC<-|@j1`Yy<9da
zm$iWZQrDWE$Jm^<Mrh$dW{JL~7QtnV#WH`gjZA(rzjTUMpU?LKZjkSzPgH8c{NKZG
zl(IF|96>}B`fphD216#99iy-`a323V4w7ex1AJ5AIQEj*qrBo>#9H!tqUVam>>xX^
zc!lUmGz&e=f!_}W&xkRwDUUY=LUfOP2;!aSajDw{D7D~_?B49UL>SOawg}6DAC@OJ
z5vih+w&dZmbRbxS%Z>y!JF?b*f>&JMF_-xHYtN73Pv*Mq5do~>%FRmcExEZ{)X1O*
z7d|Kq8a_P8d;a~xpt0Wl;%X=#8Mr)m#hZcNg(XnTo6&641DH(&<*k^|fN}v1hA!O$
z#sdqhH{APLm?Di(ASe;?g3I1qtTBKlQYjRg1`<}FaZvI~YAEKB%D-n39_5c~`PY84
z=d<v9b~u#{fiiydPw`b5af`)<vkHHpo!$kp@QMGAyEhN7qR8TgyZZLMHz8zC2zv-i
zB8UbF5CsHO1OYX;qsXG5C?EtR2#SD$fGpw$0fDe1JINK%1Q%3LQ4|Lp#!(d9cflFl
zfZO-`ol{-a-678QeDC|mJM)-uJLguPI(6#Q*~@&N@I@HMnv9bt2YJF_rz0FmB~G$X
zC@Oabb669cy4;csMD`jHkj_9A%?-Uy&s46#q(cW?fmBI9ln^9tw=bY}_hexpib6?s
z=FVADwk}(`dEOMe%eH4kgRj344I|Im7cR>_@=oqEyIy%NXWx+~%SxAtj*Wj3&FsU!
zG_>DdN_|6fV?P92gXZ;&QIR_8{>JK()%EVH*+EK>Uf>bolspzh0=-GQfI5mm{CSI;
z!R;QlB7sja-Bdn2;p}hkxNET{Vz#|B@UZ=4>C*Q<`|{|#DfdrZwy+Xzh{g8b&U<h7
zOD~n)HDTJswzwJv90Q%O4OXDBF*OqK^j~7_T&;lGf05(_uCqtApT~fV)ZwR-%IiQe
zT|rlY53W;O2jwzta22@x_ZVM22n;@tUJz*<pdwDphc!mJgn*_5m67ddOp!hQg;tx4
z(|<W?|9s!qi}wANUYRy;^5Rt?@v?o9weqo<^D@N5o$sQ5Ltx;VKV}`=`QW(Mwk?Xh
zI(i!UD)NxkbqXt#1r6ukh{YZINVcl#7S7$OK3C>8WuufM`^@9WEC&HR9ke1DX-t-k
ze6Jx(X0}J`!~EbRAZ;_r3^yx8gczZXRLl+SLgmVZPJQ*7eYQO?IpK=Z`#M?Y4!){Z
zMj%Nvf8}VjlgJ!9ecIh()Y>=9zzO@dAAc<oYlZcah&LO;D1YS~`^J(XgNmh}ARLdm
zrXl-&E^fkVM7#toCB3He-seKpbEOTa_FP18U*1V5^}yO9<`A)Dqh6%EBbeaL6@)(G
z)p<c8k4z+PCEJ9PaEJ<Ist9N1d1O#l(nN^>(dThM2$6aB^!rDdv&{g_Zw=<{m@*Oj
z#(Qq*KZfiX`00Y@va~~=SC6#wozF_!<Mq_l^MA7Q97V9gBUuP@z0b0MHu)oHkIk`{
z(H?tZ#rvOFRrgO>wh)IJ@36N}k|c)C<P8QaXQOL0v?QGFeRV$;y7muL_8p`(p70E&
zJOkcC9Et&*<G_dM3Y+f|`+-V(N~PJe(q1BNgUOl@_(gf@;_&|3I2CS*1ei|XO{8MU
zlh(J>)d@fx?h#FqKms2KXx;+T#=GiZa?h&sGD}wyEwW(7MnQI9L3FD~efO&`_Sk0!
z671J#ZS5n0-|VBi*RFZfBxHF}?HdW>bM4L6*T6WL&#`ogF|wq|w}=CmDChIvD9-g_
zTposcKqoV$oJqYMF-92u9>ImqCD?}4jglNFpk+D;icXFXwd~n5oD>MpuRL8<CB(Vr
z#rDwJsf*6LKKg-Jd^*9-5ZB_$%I^a=+i%*7vBFd-{XO&H<G7KC+FVG=`piX+j4C1H
z+jv@|*DOJ21AS2J8cB&KSLr19D6tDuNW!KRr=UX9vqU&OBIz<F22x?_2!(O_I2Tqy
z2ZbW)v~Yk!C9r2m)lhrScVdQJc2u;!vFb+A`l!8B%=%9JYS*Iw%&W}Kc0fewzvw&B
zb(m*Q_*mY@S#cK5isoEVC+F$oT%B1ArPCV#3vnrIBu`ev=H+kC&dblkA@On^rgJ3k
z82;_MyC$VM-DneOSciQND1rB65rECA$MjToA3WbGLQH8*9RhK)?;rI*)sHV6{Atv%
z@nh`2_TO;f#LD2biL)NJW6PEv3-rBqK)<3#o?XB2`gtvzKi<D=d+T#=Tz387!Tnwd
zE($6w_!g{gym5KN;5>FYYgT;Kg8Bj;z6Di2CnqEZFAgmwW<WfL%*BG#!1~I{=#t7x
zHVej`o{QZu7u22u-H7yx+Qyx@$KKV9eb%5)P4>N4Z3@S)HVMK8yn}|{+Xsh=Lm;*{
z$)FaO?*S=d7H;!FPPeVYD=UYJhmP3o#rMaECt&LlH|&XS1%5bHtq#0Piz3#adEAsI
zn%UWPYWi5Cni>x*Xg3B-=a?)^w>nhfR7_k`-rZ_Buy3NYpHA2h+8gaJgKGofvd>J|
zQo?A8EZziQlxlR32v5w&cOKNN+lx3_m1-VA^v)2tbvcY{6L66Lc_M!~M`Zlf9@wJq
z#@xOcp_|X^)x^I2klAK}`Pb8z_IfNq#61x_uTx+-aG4DmM)AA^^tFt4x^VqlsjmgS
zcVCkfBMp`>B%(7EvcCHkTmaM;vc75&Nh3$t3*?O&fg?<Tp1!D=k4=0OQ07}CQ8qwN
zL{B-_$;XBp{CF@=Wc&<8_JJdnkFLg<S2-DHUZr@o&0DXCVtX0RI}<@nwi<)4^UV83
zg3ioInE6)W-=BP5G+2_$^N#0FGzh+aa(AVeg)4fnap<g*=N(f%RD$;>8#hK09KQUw
zl=pcl{(Kq8!$-ZVyo<reys<TH-N|<(KHfE9q)hl;4C@eZqG%azeBc~CI+Ze=GuS6S
zl(tR&4v*3qsTF1|lagqC>L)p7{i>E!G?5O9qqvSdgqxww?x8Ps+pX+!%FCSo>K*n~
zq*9^?breous4jNzeyi;lNR7lPjM@~6U<?D!xhAkjN5apoI`}Okf22>y-v4nj5{0=W
zICJqG&1x=@I8K-%s|LvX%t@aeht1E(W0~7Jm_vQA;z)6*Bn`suD|H9P8uF<3Zu=pn
zItZf=teFOE&D`&^W_(F(4PZhxASaE{fI7(fPO13x26!ZW>?`0w-aa_KIG#)yx~!7_
zJ;v)rCfnE(MTjKx*D(ocvOsZ^Mocp@X^br7WbtMaR>r)U^HzoJi^NO8)r%(2ORG%(
zZQmCnH8|n31^cn1Cr%r^vvSe4*Ty}#^Pqj?M9JzuX1=?VXdgQs%EbIAhB+@{$rz@`
zlJRYApJJyL!Y7Ea>B;n(gwnja+Xp8WC!)Ra3Y6%{e-H4@v|0odtLTq_vL8-e!qcIK
z&|N4Kez=eA?`wZhS@}Vd$oR0P0A9m?*w6;;_@6}`e+&=Vo{(*)c@N=^+DLjPch=wv
zI(Z)Z_K*^5JYA*KMp9*)yVQIy2S!8!xmszr`E<hq!O4iY-+@k}^o%TQr>1>H(|gAp
zepCFV66l@#m1tleJ8mZCF1ur8#6*nkh@BH?v)vMtAO{nGFKMxfxFJJ0eIQ8=`ed;>
zvau2z42Ssj%6@nRkQ@gOli$<j9MsTnxHDyeIrFp1Pd_zJMPK?%Dr}{2ZrUqI8fV*^
zLrsB2J!7*|M<%J|;}oA0$me^}`Fw;q>v>8y)p|`<ExK1?61u)Xzd+lU?Sr$5vyg|z
zzs7j|F{sJo9&pgYJ<10NPZ@N{S-c8a<Xp%6SUqyO0{E0yYlz5Q{Pex{?iv(WWCL`z
z>xgS>(qTc1IXIKA1T9jG2P5#60&87t?b|Cp2bp3X<|IAo#Q1-?aXjAEh!MxBkN!#f
zXUH0td65`hw*F3gjH7j#SKHmyWTfIn>q%N6aaD#fF_OT0K(43nK=p|`-vrq3VA+>S
zvTqWK9kFT#t(pP%f%9t&xuTGVn&N5#kvM5v)TYHj%>iyY=D@7J#aVRk`($S^{ixjz
z%A!5yq9^+z0Qu+_Ur2pX{QB;@q(5Q?&2X+{;$KO|l!)PpjQeKbGbz+2;U!QU2|pPn
zT}{G%!VGZp@%F)S#c?zP`ZdPKVg9C!e|8VDS$b!cz0FJ*A|8^nAT|p8vPkQ^l<)9;
zu)nn&b2!&n6v@bM0}RNyt8U!$u@Rp$%0Tc5B&A^Bwof{4pc;|A?Kw!`o${L1<S6tu
zxz0?_#n&P^CjBaJkW$0-o^;t$N?L(#f>4+nkZFMA?!@h$DOnxhX@e^x5bXc=bq}w`
zy>zdiI3OlJ`raEI+I}wfKl}VUI|h!AKK|*BTZg|M%;?lvTq;`C7Xfir*=uj+eDh^o
zL|mHpy|C=q&*$48M$#a6_Dy_1G(LaxYWp>44~WEZ24Ai?2(}HIxkh*U6X-!Oq3F&b
z@Ifwi;~4NkiZL>R&4iign}2=bx<B8I%C&=RJaXJb5@b9tkidZuI4V4vY$VBWyo|)R
z5S*}d{26-ZtzSQ`dXApmTksZCiF%B6@E^cB86N9+zjo;p?Eis6>5E5Gc5VV~x@sz>
z^gWTj+kGqP{Pq$!ofeoqq>@P<r_*c5&*SR;)o=6k@g!U4)p;_KA}N+~#%-DKA*7Su
z?Yk`#{&Vbq>a7P;V91>dUf3I`9CpWoVYk5;$VqtpwOV_ta7ELy`z9nD|1qH{i~_a^
z*p{W+GXHfppE_Rnd?G<*$;+3JPU~?yAurs$EYoqw&8~cEu{28-ErCg3cR5cv;tHbs
zp*xwe<G~Toof@L@XJjO^1@9eXtWlW{oo>DrQ`<F?Bh&BEiSA`;Lg&#C$`LKj;jC&%
zN^e>o-1eT^c03nI*5Ml@>B3A7-_wPe0c42Lotc5hV)nc1o?krZ_TbEKANgIRoZkA%
zbC=KTdqL;t7tVh+WG>#CBAWg);q~<c@2UO74-eSi+tCLrc4eRS_*wZ@>Z@xStlWqh
z4utl5CuUd&-h5aY?9C@DBg>f~Pf9JmGRFVqy>i|J59H^28nNLN&<ZWzE61yl2d_3P
zWx5d5?D?B$X-@y)iQnzxfvaD6?ukb)xM<hIk3AEL4nvKJee~F@#U~y{uVL|^sCebF
z$6Mx~`tkLZ4OVOhxActt2tU(2tW<HNzUNL4p9RTmP2A#l<tjHzFoE?c^h8dT|ML5z
z%W)igW)o=`bQ;BCzsbwlSW$PKNpz*0`AqbM!1<=Vq2e#6|90c1&i7UZAHI9m<FjW>
z#XcNwFG<-m=joTuIrpZr8;9O8e9&;@b#qOPlOdM@kNkK~j$G1v<b_ohpzpv_%DOMe
zP>=I*CZVAT&bxYa-qkCvN9P^=8dKqMS(8ENj})<Tjst<!au|e#aKxt*>*eNF%c!%h
zC)USD$Jg32@3BpB=InUnCRPuU+YMjXUcM`E&ug2Xc>$}XvPbfaNTiYH&MK~&R@|mV
zb*K^h*h6Rw5<+K3{1^}^!oMioE%Lj?QxQW~Q6ww`FcEI3Fg>XzRP*ooh=yX-`m!cd
zE(+C>gt%{k$tC3oe$+)DT)~kLWGOXwl^QTH!b^w-X6AqvG9?8{wd|_w%Su5`-9md*
zK+LyC)@m*@Q@Um>UmI9eW_nUn%=Hroq)Z&%bJ3!-<r7l|Ozfs|Q%F8v4DV?fc4v;U
z%DKl@${lWnr0Aq~Wlknv83nnM47syCC8tRa`FlOnhe_b^uhPkZ^8*42{%-t4|HL#R
zXIg$**R-NEB4--Nnd}(=y_7s#03j}FTZ<%}#-!rqq~)}QfFjoqQG{HnFkz{;K$8H-
zg_@jv`;I2Uy!DO-<3}I-C1Xix>5@9X>>oTc^TvrWqls8#4;4#6v!5F-X#C;6iFZxh
zcQ|`NL;Lu|yPz15Zy`*TW~xKmrvIcvo1#$**zYaW2cOl~)Je%=dEP`tiop_~2^vqC
z)TC{@VWybm{&bVoU}OEuHf?!LNV~{wLJn#8ejp-hXw#;`%P>~RhbqvfZB+E2c~124
z7eu=kUn*Vv^6G&%Ts!cVYp%Y<epcm-zW9h4SWxx+lD>;}JhwD><M2CgzWSy+h7COZ
ztS6b&q&Sy#JLDmCcAOD0<c)?Zc*#3UQA26Ukvg?m{M9+boUFs<Bz}Tf62KtI3E2tx
z30)H`+<TO;KLLdC*e*Eyp_n@T9)0FMDma=EQ_z3ps)1*NdZ;?-!_9KcHMU)~3;z@Q
z_k8#HOZLaqNghGWY151C@3wE>zUan9X5W45*S>At`16EYhu(|*(FN6<PobJK*BIwH
zkX8AnE`c)Y$;=@bE<2{8Dd`FWO&qD%$*t)`W-Qy1IG1xhPcw2^FQhsr&(lV^w7TH<
z|D@b0ubGIyw)bUSdtA_G+3HCTFYR&hf{nALuPZCMq(`r%{lwcBwmGL`LCah3n|McI
z|9UOw55Ir%2;8SoFb3KOb+|Tnq6(Jk&U(ukvT3GfsEq<oshNu>IRPNaU?|5Wklo{}
zIKx_S#aTgW*z7xE#4`KgkeImAo_-`%oc-X24Y!*iXt6mBNecA`m7fL{4UC}@2iCO}
z4$8Qq*sc}tmg0vKxljz{d-YtDBEc|MqrpQV%lFdVzmXiKCM8_H7gi|>5GDn66rIDx
zZN(?{>N*$oo;rWUjEPT&mehLSqRX!A-K&$BCLW)@vC+d5Cp|X#wjq7Gce&zh(C>O+
zzA4ZczOQWDMZsH~6&i)RI%3Fh6)q;8E|nSXQ|d<9!2O8jM@hB^PweIng`}Lxyz_Rs
z=2@xsiLA@Uj-R=F`kbdfd1rFL6{**Bz3|GOfyUF!kFI#^o^emDD=m2Mi=aKKb(5yo
zURN~fa!|V?)_g6f9Wn|e#_T{)7^~e%%82D6gW^(E$;8E_=30C8Ix)cRWR5U*MlUs=
zco1^42-H}P-I5Mn?=0hfIXYYSYIL@zNrP@4;+DD1^LHF+eyn*6eVBJ7H_vXKkAFmB
zXwSTzKH>JVEDs81bMn+gYG*aaFC3>8jod$$<Nmm8_akVBegzN!P6e;5P4-spQY#Lw
zJ~ijuGiQZ;d`0hW_mtj0x%A;HyL9by`Q*#z7Iy7g+_jr|$@s!f(}qu+IQ-&U8WfHn
zHh#R_v0cZG?b>(jD2}&pbME=)-&_bj=oS0JT!5LUVdhRH4WF87-a2)`Oy(ohM0;&q
ze3WlOP9SM0#l@UdM=#IfMD?&Y=0(S!oK99|N-&HJo4mGep|$w+(%Z(*Tm8VpO9S@Z
zg$t+OH?UPv=T4XR7TqqIJ$d4awNGAX56uu$ZY}HC`I^4hUUCu29fdI;efJUq)ORn<
zz-i=lQ{aU-S^^2t>E<NvwihtUtZwG0&{#kxW5+sjkvA#zVF^Rsfe7y!E(#9{j}BV{
z<O#Q<t65|YqUj<d%E<4Qnv5Njk4(EFV~{c0m}0~MFa_pIJ#=TQONU>&r)dS;p!M93
zzzH3t!?N6*D~bzc85PH0Ma7GU$38gpvhG7}>2cZ6>k67TYtyD#i?*S$&;PB*EdzV?
zym{cI&Dx&VJhyE-%p7NaU@K0s1l%6XyVvLNQPNMIOOYc9R9TK66+U;UFRPH)(sNi5
z`Q$}CoYQ?n^apdq>BE7>(IsYvnPlT0TI6-(9#WJ*Bc&u2odsK>(@J;aNr_D^)P-Et
z-G<F%x=$$AX)jV?xavYAt`6IdD9KKWV=r`4{`N<cRwUu@EOeF2NW(%psUl6{7#b1m
zHtrwEq1(yxF*l{+V)rAaf>z!#T9Aj$lZBAB6FVTe1fIly%$Qj@$eNNe3RWcg{>#<D
zzp?48)Y6V(^lKA}dbPXvxi{aPccSz!v4Pi~fA`j(clPZmMn^lJ-}%XDkH2%r$YbN?
z-Z^ac>;tm{PhWdyy<67}%xu-IuPGMHzjo!|CHG!4yH$SgNmmcwld$Zqj8nhYA5hr)
z#<7?8zQ{D!UUT2Q{nBojFySWb%c1D{*$-4rf!*fhk@NYcXv*?gebAzhEN^Y=8zyC$
zL=rgLfp(`StVM|@9(5IZn3;n+hsnv+B)za8klu`M=SfF;JW34$5013|vFnS^c8mCt
zP0NRmDUX&sKJ(yZ4IdvdW5LfT!ESIOnJyl-V?Rbei+&+aY<o@2Z2r>QpJN^s(6&Ag
zZeuHYNTjZ`qS2Mza;#`J&QyC`Uwm6jo-A2*g<E(%+#89{V*LY=6Q6s4qupHCh6{$V
z>dyVNtV*Ti<cP7am`TS^{rE}Hyy*2#fw@!cGI7DGW%ho%(i|6^8{Bqa-<Lx!wNEac
zcVXQQo99fJziiTUL6Qcn9&8k(&c06d0&g*eIEzg6!M7U9u=XYnY#$Q38#x2p3qqIR
zSL6v;ZC=TRn*~TGA+{ym7uqlRhRtRbyLK%U(PPo~&Fj85ABm1d+rG)>gV8S0G~o9*
z=$wHY&uXiB7{*Vvp<?`M<Q9!zScXiXlz6Eub-!w;h<#J5swRt0AK5d+){n$5c0$NF
z{Rl2EOpiX}(8@XqTIpNQe2dIBhN6{k#Z^QkV(^Mbg7Q~9mw*EY4>iQtUAt<VLw=5q
zFkk%9d^Xw##F%K#jCP7<5(c0~;Ah<S?XRNxFQ|czzO;8j@>eZYitJqw(buAUrrF2s
zvqkI+Ds>6fJzXNU*oo0f71_;(gsz3?!etRtM%ZvtWH_AfbIU3Z8L5iicrLUrk0YBp
zxKR)q!VG;V(A-F-;m#I!t~xb0VDGj6C|gtY`isw5^B($j`4y+_Lr4r?{obx_yWRm!
zRBmcR<H|_D;|KD2G?lM}3>Db_aP#<lbiN!+a=36Fc8!^)QjFG=XZo~QURpzn>Dw<3
ze{nxjOapwj9RuZ(SZa)rCrXXviewqAO5=`%mnm45ot00)vLji?@XMR-8;MKiU>WF{
z;+_mdZJ!~gtuL8bDL`$yFuDb6*?G-oi-mvrWKh2$<38Mr^8V1>_kM5x{@ut)U;b##
zTfO9}$vJfw+*Y<#m}&Myw_dk<-gVck4?+T_V`mm)Heql=PdOLfo7JsM_Y@~JGhUYS
z##h^p{1jUuhwiC_ahwwf^oagG>P2y6o%rB|=<DLKH$;~GEhRsRts+W$VY&5)SQzSr
zXhChf-Mv{+Uk!Qoh)#jZYeSu`88Uj-gI8=J-hIG2Vjd06HWHEjGnm7AQaega4rhn+
z!%{~I4WR6US{@&W_6<nCQEEQ%P;!2^<mBY+<ox8W$wkS7l1C?p2SDjX?N2?*z{6xz
zBQ7>(S`=h8GmoyHIcxo*qFz0V>~&8S-xe$%G<NKu!V9~$|L}FgJiW$x!QK~o0{g12
z@sw_g8;PMaZlsvn<4R-`Tx5fUDg_0Q?g5o7$yGmS3aOrtNnD78pIPrA2HUM(*Q}zf
zL0O}-rew{}TAsBn>*cKdS;Sto2f*2gi^sYp$eYKyW)@}QEeN>Q#k}ge^P=-JGmlk1
z;-Wk#fcCz@J=%|Hn$ax(+QB{YA86gI&Ad%JCIs*AedopT1-Y4hM)WDjwLhhG7-fBG
z^$RV4#Z!y4bJhMgh}=sqCNQ9lvpNd(6caS@YSaKlEYu8<p@EOcQ=`9d6`!Qb4oMb#
z1L>T#08)#Q1vlk|!Bk+Z#}|pFdp2x*J<#;cz4L<K*nccvF1FiI`1}W2`vW~f4_3#=
z!YCGAWZ*YE3G_li4oEVyLqIW<9m)^EJ~9Jzu+g89hK1ynFyO<0hgY4~W(QrBkzXr-
zkd}i@5beDJJ@#zexLY(`WY3@b<{Q@jvN936PMAcWJFPDQKZN!JpG@O!=F=dNW=C=`
zJD4BD8!c{<ps>@3p#qt+f5PugA_Tfs=WBSAlk)L2DLW}YscTYE(x4=8dm`KgVG2J-
zGLpz8qOn9zS`rh5(sL6I^w_v(&jyk5!b{?!PV<6OXY}qYtS@j_geFb1>gQZ?bH84l
zE)I8g@b3|NANbcdW-|UBy1|{qgzJi{Pcac9otj9*46)pUXO;=Ky=$!^+%W<S;h6*8
ziP?$yiCq(m5(gy$Zxptp&<=OSk!Q}cUE$cy@_a<(RW{EAAG9ba<X!1!UT0$GOnYtc
zMIA<+)u_W2gS)kwl$+ho`l77t#Ft$L_B^*yde>WfoYN3;hb)wbaNAQD^>=|kt9R0d
z3ak%bi4!swI90^lS4ky!7YBFSZMX>U{~zfj>G5aM34yv)ux6^ei&cvr+P)s?G<flv
z+kL``u{&zM6%IglHbkdMeM9FNJoYbSC$pa;Uy@z<GAMI&CS+#@(mOKP7;2D|DcR5`
zLG%3FXuh>_+Vqu=_wIG+<$Fc%i&umnee$aAB3M3f?A-&}ce$`b>LjafqfS>}d2!oL
z;Vy_Z_ciC4%Yx4b!r~2Vu|+t)_+(<`jMTOiIHD+{t%JD;w^D9#Zl%<4Y^4w!-%1I%
z{uu9RhRfmcQatB5;P_sI>jASVxC3J~^}ds}A{vW&Ceu4R;+<=GEaW`^H)kyN1F5l!
zFxGOy-)zn>_2m25n?qwku;cWhGA0_am-(2vfT3G>->en-dISe<o{U_DMz}YpF|?=J
zp2{A!!)RDCy|ngJn|B<%VxDY%2p?~u4#^^p4TR920e8bApP)HqwQ-@2iOxc4bQ~52
z8`iZy`l-VHbd^{p8bp2+`So6@`|`3~-;H|n{*~qR#k)uB)7wSQx4Rz{y`Qm9e!hA=
z3c~C{v@3sf*#-yi#@K~T5&f&}xy!yrydx>{G9!qJe~EjfX>AstP4l;RZCcb68dq}D
zZ2a<PmA44tJ}Esj%b8g??97ZV0}eL6#QwZ|r+sLBV2Nn>?9U>n>8{3AOP~FrmY8tx
zp|Q_Wer57Yw~WOM51jLnxN^srA1;_{AO1&=&GxTzJGK!$mSEA?HcMrDBa`}O=$Z@_
z4P@0(t&vyL_Ndn6=k$fdNforxplO>HGDWd6RN&Sug7B(1zrxyLzxwvKN4~>NOTT>+
zEZ=PJezVJa_A3=;FzwVF(MklGpB85UGvb;-;F?s>|FVe1^e;z-VYXufu=7b_rez_-
zv^N5d>=l2uK2Y)!HVs`pOj0w*ze-$_);>6BmHpYaP4=hj%rzos(-zTWwRm~d8~0Cm
zeXJO>cj7C@%vayF%PT8I?>7tI5k)Ul+S~U9SHYh)-(K2&g>64BI>m^xlVcX+Pd(Mq
z<%K({(P`bx!C!AG;(p#Uq`L;<*hLD*rpLuVKAL8(>P>2&>2!H<c_a;*(iv0P@Z`y9
z_Pz@`Z?ccB39J%LH*Xa=t9UkVj8U_B-`;%FYZL!jyGrzUz2iR7_obb7`MYAZ5c406
zEiKS95(sb@=3Z#yejl>Z#T9cP?p;IMF;3m!eq(zp?MKa8*@1O)*1tv40fli^6Klm8
zz1NsN)d%-g@1ge^_?2{uKq`B`Ks9d*Hi#-p5<`u#K!HE|38`sl2ksz8<>O6G&lJ)7
zYX$DV{oVzY6Anz?`RN{ehB;xH*n9W2?XMmANJ;U_BcESXvE8OzfMk1h;1kTgF8TZu
zWbqHXD}bZd1p)U=M92Ke3iKLH@UMF^86tJFWG^-@>_Vz8Y*X9|QOL?X@I|2ii|Dw(
zSbJ*ZGkag`tpn}WR&4)U<*v>g<sVu1*Ju8)KO8ov-&<=ptsO=@*TvpptpJV`*>QTH
z@R_2>=yR_qx4hSB0Z(Q*tAW_lARb~nWXn^Ux$GuL_c&8G!H@Rrsfso-54{oXY}RVH
zu+)A|^t#K+IUR4FZVy`BX0Nb<)?9dsK`ZB?9c6_2a-rOCj;HYs!a0=4Nh+7uf`(zF
z133XSwoR)>EyPG>+>U;RlRJ!F@aE6<(VvfQ>-gZo#V@a&IlQE)7#FC!$sX6uH0@tL
zJ!XG4cFt}4*UaD1k-EzDws!<5lPZLrN}4xqNIn*6Wj&E?_*R_dBI^+j@_$5ERGBwK
z8wA!{%}zcM?229;rZLU>yLlk=o{@<7I_{2Fw~YTcIt+qXu>bh-Mc7EVo;W|FYerE9
zY$UKW&fqM*o4A2T{{-hZ_IzxRQl10O_gjbQHE5;gft536u3XsrvYx%?4ertLp4Ls<
zTr>F6He^=?w+<RVeo%*Q-8zU`z3+rsC5<c4YnZ)Q<QR)(<N)QD9L<(i3#s*Ry5&?=
z*^AlAfafH17vk&bMk8Z+B$Io+lq1)vmLmmy?CEo-_;^(b7urw$lSi7#k?dp`ut)I2
zx7~0sd9{c${kWdZNP+^_iF0mB5D{eQ!4DRu=E;6Bp}V3(>_=qBC($2Qv%;GX&;H0$
zKY#ZFT0f=emQN{g?k}<*P7DWz#dG5);)(}x!*y3{C8S3Sbelvy9dj9L60|wdpv3Ds
z3}$d{3UY=5LHd{PFo1f|#CsS7q3R$$gv-D<w?CbZU6vy0_ycEFl3!jNsW_Z@&vOT2
zB?qQ|FM{Ud_CL2RAD?^g(L0wnUHSNwMXO&v@%KAL#%D`^m~0=me?58FuG-r9k+$OW
z%~wCUXU}V!7VO0xKRfI`Vi@j{sf|dV+Sh#aB0}L4y@<r3K&3XiP`Ah=7Z=O4_U*+m
zv9YvMyQIdKJiO?a_2p^H5?}q6G|5i(YU;5kLgwYI^^IXlxU!aeHzZ2BH5U+9CTR#I
zQW&BcWFLB#0OE=-4W)T28OH|!z3CqE^;#<c)#rpBM;$dh&UlQ|n8zt{aZ%!cAqo*+
zxXfCKF>ZTVzll$9TFPWcJD!XhusXpC0sHi%hSFL&-MLBl3<6&?<gu>#SVL*HXyQN>
zW2~g$Zj6P{IWp*(c{p8%6d<&9z>aF_z+zf~MkLK}IV|1~+m1E64L6^JjHN~mpAD#i
z0ym>z?0Fd5u?m>>aC*~xV<+t!#Z4F?mmxyNnm20!bLV>)m%ay^HTFZ`56&ub?pgMw
z6RF4wW1fu&S2naAuh|-@mrVv4lFGJc*ULvbS$UkkuMcfuVX7lb$fsqtaF5A!sBi(e
zxcO|?S#x>fwX6HxGIrL?Yk$0Q$U*CQv1jjy*KV_a+OXqq&)###vjz7Jx%Ik-MP3*C
zmuSfR<-noqZnbwLub#1aAFLMBn1EG&7&|rr^zI}nuGiRSus}KUHb;P|;?Y1M5L1jM
zMgSRaO^kG3C%!`KVf!1qsr{7@^~5LmuPU-^NyOZ-<f#f16|djfdqiiEks&ff7kjt;
zed1f69o^Gz@0TC5*3=2Bd;og8Ul&vAFmDVHxE%V%zdFDUL|>{x`=1tp(%@w$pAXhu
zgn7>eueC!oBn7AU?U4*ww-5gYRcSjl&pPf)bkM3dec%8E>9L_i?xB{zzu0-=iY#dH
zXY?Z=8G#GlIhQs~b}S6jm4+RxcBA)B{Y!E3ipt_Wdw;H6J@>i3*KMD@+Du!1dd`9e
zLPqqpIrc$27T$hnquqMb2gHdtgA<P-{@2Lp6EQs9#h3?GBu8o7Ub#!^IdW-J*pKNi
zGlC$4G%ZL%8(X^5PcoWp3_;Dr%x*)Tj4KaL*gfiqeQNwiPwe<Pt~_r39rKqgn>OL5
zf$N8$jaZXqf6VxB>zy;-eL3fay`Xb{&>71I`v$%aC%d$~zKrfU_t-IM6~a0rhUm=4
zCeztsr&<F4B0780Es4$^D*`z%j5ls?No|$~g6HPuaSXkXF0cvpAM@_imqu5vOd9>x
zq_;~%<@(v%uD)jTyr<3F<)`O8Xtq0POqe_O)S^(u2g}9Jix1HZ?CUK9bZ!92FeQ>L
zEgalws_O69q*v&(Bvv2zpr@!d%|+c~gP0Yoeg42nq>g-whAJLQjvNBM^vQJUESyzH
ztzalqu#n5%+PB9nO?i8%Gs)jy-#0pWnR(*q^>1EQ*mZf)g4v^AdG%!Fx;fjfxn|2F
zYt7tWMcXH*o=!SuM+@7|Zq>GY{aFu)^G}4!|GrXuzwB?A^-Wl}?oM?1d?^=v>%_vF
zgqt^HT=Pnx<BP1ra~8sB5Pj3s&ma9*)Svw2<MTg%z^vRh?~$z)^X6<b^OnZu+WSr=
zEjvAT)*nyRD*xo@?rlduAz3xo9&EK`oEpGaQBUq!NKMsQ!M9=A8>Lo)H>_F-wUz&;
z-AfV1EZA0LQiGqI-P?B5n-A<6Q@K2O+*_~wRO|T-^VeT{&8E2<&D65fbMBA+7X0x3
z$Lw#v%PaqALG;v<M`$kn?ZJT<=8_D*?p=|(4I0v^fT(u>@`u>v&$)`Xw3>@r25=RZ
zWYpqcK6Ma0<gq$vdpJCVB7^FD^V`1Nqmv+ms@^zRxpD5g>-(*GWTV;Q7twCU*ps=Y
zH9@rhHN5r66K3lCBbdVgNT7dW4jI_nw?*RQeXtNN%B#YdswGgmZKR$oe8vg*a=raH
z0jp`cKFt<~j%TNHYJVOgB}D&B*{23Mv%<;gH^+Qwf1DsDeLVHA-$a|oy}EeCgbSwG
zKi$13)ok)`hRFK-$|b+dw(aBNmc4n?l(B)gRxGSH?I~J|!S?mAjIP8=w7?EWJ^-yn
zv;TUBXW_ihB54&2a3m2s+><08$&^pCd;vw;;Xa>-UL7`L93%OR4L<mr*WM~lS@z4P
zS8uzh@ZR|g9v;2xrSGd2%-VMKbsHaEXtp>h@}HP;I{01eoR+hDJzdsus%U#M?%9JY
z#7|4!BYo@!OnXM~ISA%VMDqg1FjO);2Cb$MWL#V0sYvUBc0_~Le1jH#`n*x3{t=6+
z73B~0G5Pv5`BsUP*&oS~zrw9@=u>(Q-%SBS#S=`8WHe@}UI#Hmz%(@YQ@sq@3Xvv_
zx%nYPeH-^kB?jPYD+<we!pV^ehjCR(K}I+W!XDXTXdr-tDv*(tRp`hW@y(_~SKiU5
z&wwqD&Zt<@OVqw}{ggKj3@rW2W5ex_hF(4*vulTouet2v^Dj$T`@r=x`gAC|W8~dW
zE-Zd@bUXX=am$XbJ8;XG#eGCUuTIzY8W1o#_PC%;=PTM>+5;yr{>L3%6H)zPcq&eP
zwFO$*BwE~AgDOrvDRGGAKx%pd8;CelPz(V|X<Z;L#~r|eY^jCYqYNmug?WYjEA@n(
zJ-brWG9SCn?q6z}t?zG*ysOsNfurM*i$dKHl9BZ`D-z`X=H=)@SYw}Hg(0t_QWzr1
zwMex=Y}Thb_;HP-N+1;YdM=wSN7Tq;y++a)2r44_-({i?9^!}iot_iS2?S@^?UT&h
zXl{ai`|8)tg@KmQFKUbTPInUB)6GnK>H=|&ebAb>(BA&F*%tGnh!JuZV3}p2+W@k6
z2t`;0s%sy!q~cGVxMFfC8seUjWce>l%IiUc!R%AH(@|~7;r(W)woK<F3gmjtuH3Wx
z`|l2IudLiLb^5G(ta)!+d)94u>4!io`=*h%Qh#QuK6wMxCp&;$WAy779tm-M2DzJH
zz2K*+TU4ePlU!MEk-DiA!Hd-6UvPqWg8`8o`NyU*xfH=LpJE{Dq-Ijl3AD>XG+Lv=
z6Q~IyBTJCdgZpyx1ltjTL(@?e{?xcW3#QCRPv@2QUAo}(o(sj^qOl9NnRDCOoq7*n
zx*>3Su^sC|Whgz1UwTT!ccm83R}PDgT7IXwvD2YFfzn%}H@8EhXRHXSQLJaMB6OGi
zJkOm#Du+cIc_cAdHC4;w^L%I;q{~G5bgWf6+#FtaL8kmurmtfLdGHV_MqN5=C;UWU
z3{UF7O61%qiV#xTJm1`f8d~_XtY`XDx89p>qJF*oPd{qj99<JAI$c5it^!4+Pvd{~
znmugm*?qW!aJtbyVshUFc{cmz<SUnC{!?eON>&0wzP=LiwMh^}l4{Y34Lr5mfOHGg
zF`$EfAggn`#Ae-QaaZ91&u_H*z=`nMRe=$z<@Krh8=iq2Z-GSHM01CU>>~&x6OmNI
z`U3V+G9<Z^g{C53K9TKuuOs^{xRmng$8t;f%Xs0S1L|JqBn&N2CpkziPVa%D%~c61
z7(&;$woQXm#zcRDf;Ui<u;eAte7RU||9yAM(|bSpO?-Rk=xOt*Qgh0B`>nkL-nHLa
zXPQr;?l<j^0l%ZoxSjp~)LcaDGsvwdte|>yn<xC5v>ANrw9j#%WpF++mQbjVADJmq
z)aCn@L%bI;Q&>zxE_*~SiNv~c3*eUabnq1?X;Sw{xfu$~fv4`<BW?&(iaST&G%L6A
z%{MDgSqJPdOYQrk?ah59#e=Ur9kmXWmQu$>I0~#%<|_E~2z4Flr4MQ!<HX<^nCd46
z*Er!s!>QoO9%fe+Z&BtQ?)X*^*!cC!hYs22Shw4)zYY|h-Ww<^72V6qY}CEQPQ-pN
zi-X<3+0LDzZ2l|tk|iqi4>~>#@GZB?^VB2Lb9VV7+aGepiwOj+mv*ec(qV~?%3yHZ
zhK;Xs78`B=#Eo(Y5m3@EUv8b-o(W1*5HsI;>)UTTT-4<JUYAaq{Naat_5{1xC+Am{
z+L4Pc!bOz}XNxOKtLBRk>0j_~1sjDsph_DtWf3;Ii#DPI^k|nc;Nz&M9e08~an+$q
za1D`$R{Ogm@lT-3jJ+;2GaZec9P*CcRAaK%*dsbBO!U}EmIpd?N<$Af{=nE-)$mTW
zPH+svo#|ux8>>ZManTvyND7@`hIPO3r2K{vHuJ<yqA6&0kKNt+Ah;XP^C0WO#zb)-
z_8XpW0C)BXUySE1B`u9p;$k%eK38bIiaOPyOT_FNppzV0R);P#o~!{n#i6ByrrLXn
z$#7#gpdIRHOwwHH#Et^v2N?HrB<``N-SK&25$-_;n{tTwt31#pMtc{U4Mu_vN$A+O
zfR=QTW0%FcxzKv-IEj1guYevHCfp_T@K~{nyN0d>+*PIpW*dwP6X&#L+}DEcnsfAQ
z6CKVOkFKrp;qw7qAZIGB7U!!~QbF#D9A~E0p-a$K`b_Aie*#@*d|wl^vr2O8<{Fc=
z#@C|r8JINl;vI@==;5LP#&*_J<DCb(v~fJs<XPOvd;0=srf0kRPf5;-3<vk>&?TbE
zh2}=7w5FMV0$m0U(~>}so#o7w$L8HCF&S>0aCfVQt_R$kIk+cdFYRR9(b)`gsYJ|j
z$7gv<*d#dE+y(ppyO06eTq<X3fQu9**&2p)u4ol6Wk+@B5;3#}=(B5t4jE;m&K&t{
z;TbvjgM&xNSUcQ01B=!^*gYEO;YJy-aMn}f+(w)zzrdl1#Jj)##%kjic+0DQqcy15
z!S{_p@*5<<Al80_q`KMe9{9n!63=_$og~4!vIJv43e&NdLr18eY6i-QQjzUYraE+q
zxV8r9CN)BXj_BOyoHKglCJt?Q<RH;T;xXKK#HEdfZUNeyD`y&e9rz9l#_)}K_*cm2
zJ};(5XPH6kA9OH5!)&wA16$HS!zyQ2MM%QN_5-%Hh7B8Kv0Tv4!CQ|UC-IK$1ax;k
z83>E8F+6rXpq&-c&<Vg>$*#H3$Br<^T+Mi|y+w13#wF9C3VE;*DZm`B;nBMrz)s<!
zl(>pU&Md1#mk1F24Cux+LSuFAr~%fC2jfh5fXjz!oHZ8NK3G~wiSuwoGc}iM=w_fu
zYlmlNVJ{!%S)wH@X(YxQF5c`urL|0R@U9MBBCdC#l^eDqy+&xva<HDI9$8VFM`j+B
zcnn9$vBq3O*9GPj`X_y%j@>6v&X^Bi%u7TA7Z;@?YRnm$$0z8JG5k6`I$Lry%PfrE
z#2KA+uh8e9q}0@kjW<LW6?awIRC(>g5*L;g!7YF$i5N19N5&~wC0oi{Ij~ZzgZIN3
zc_pNCp@P;UC;CSIz!^DgtVCvlP|$kpvk4luQ$xFmYmw@};&ALhF0q63W))L4y5$c#
zj7Hi#+qSS^E5e?XcR`*bBx^*nGB^VXg;t(~gGjwP<g0@vE1Hq_O<xV)u8^HQ_+cJ5
z&&lmL=E^qh5_{Zq<FE}gqh$}jZnj=6j{P1iKiT)3{?}hte`4!9u77l-xZ9o{EI&Qm
zgnD5bciBaO@8Fp|2bF_P-JqVUwxLMtrw@(cf^4ilw8V#&WQjL+>;d$CA`>c-ki`ZQ
zQk&q3^+YryX$fp%wS;HIGj$kN=eiC^O3Wy5KO$U~%OR%r?V1-9I7tXj?p0Q525QUv
z^vI)Bg=S62LD@Vx{J=9S-Vx&4?c>G_nNfB3p7A^1w{mk_BF(yCX|u=d&Evwkm(F;0
z&W4@W-E#NPo>!Ij+quS0TF@`WrP=YDF8kz-8*Zh&a1UhF2jLsQCD4)i{C-{BprjA`
z!|43ZcFu2#ApXER2j>w(LpM{<Y?0D#P$x<CvCEA2Y8u<oJ^W*1&qJYb<hMJrBdz4f
z^)%M2#FiRHRvH<P9DEhf66;l>ehpYR_l@mRWV!LB=%+Bz6v_D$te0O+w~{b-X{?(%
zBZEP$*I64!zX(uoxltxAQP5gfYT%4K2>S2YA=Ah;E+c4B6?i|Gj(<mvXN$3s>}>MC
z&=34;%=Z1+N3zix@(BHD5dA2^)5w1OeS1;%plnnG4kp;6^b|i(41u*Le0qeAfi5i>
zpJL;2(OXFfrH_{@c_Pnxl2p9_4M}ygmQ?DbFVA*l504zKuSZ^Kyo{MTS>Jl(WCvP~
zOp=O5CQ0?ME2;F@Ili$iJ@zUw#<fz^*cIuHHZI4ewU=YB637rxG*@He%3bJ%c;^PY
z$m#*VMFZT3&THtCft<LZ#0ATK<+x+vi@!wb%aXkMzOr#RSA70@)VSC32n^I6`)?tj
z6su}-06i`_^(t^Q`mp(NFL%!`i4F)n5k1Ge$6Ogby-aWM*>?uZ%WUN7Am(P@!7;ZM
zkcr5<Be}<+7wlC2z=yAz2-^=dMT?>d6>%<_kydGZ6?7{^;acr)g(#dSFjJ1(7n-_K
zF4986)<=5}_bFswC|ux|Z-u!kYak6xw`5ON8J)|`4Sd=2ZsE@K)(`Dp?)&(GgWpA)
zS<lSAbyk7>YVo2pvvJ(47e{r_6CZh#C324Ctc=b_qDb_L6?^(#Y_44WMAEz^B<&<$
zx|aWPV}rW`HSeT4JCJ#Yr5*83$XI^2-rJgU)ZV@qa`Z6E(X*L{%ZxW`kVs9PkvV?I
zBlqEv%b-&@QbTK#d5+YOBj<yI<;W|Ie?lHPdr8To@}|!2;E{v0muO_#OH<vwq{c4K
zbD-teBuC}gt8iz<nbIG&D$5HwHti)j_9`?OI}>kZH{Bck)jG^NHpWJG;wtf>U5Yi3
zbALjOVzv`!8+tw(L#6Xz#o#lb6$3M4K4r$w?rvx8j?O3LPhl-Rd=a28cc2@=cNA}M
z+Nhj!>^W?Td&B1fM*1z*#yX20KI+qmVL9j6GC&Uweg|l2DXfh(#h$9ZR$;kTv3-CZ
z$r4qLT^#G;N>t?&DGxfBL;!ttaFZUpIMy8TRcB?D6{4Yk0Q4m+Q{~tzV<TLds>cpH
zV;=x?%i!Pi*ehdKVHK*6?LZrK?S5iHupH1B8#t`_DjxZ5r|cqe2e052^66e@4~gkv
zlD`s<RYpU1MHC(t2@cOZhg0kiNK`p;*f`h3x4;GSpo8~D4N0y+V~33^#n1e_J@(Oq
z;r1B)T)Bc`l4!5!&A}2{oea5;D2LCyfVq9CgpL)&K2Xrws(}AYo_BV?V322-Pwxar
zK575KxLj)0=G|E2JWsX1!t<3l9~*|x11^YJf%i&`TydTnU3)s?9Np*%P`q7uA)xy@
z&~?Q^1<iboT5)Bs;-rbU8Zs^zn{gRwZ^S!qu;aybj0;Ag=U4@LPLiu(utMPi-2ZC5
zYNSYct~@h5OHjhx!g>Sa0m$p2H}o|k*=WHUSx$Xev*Ys7fHkr$4w^%LT-P{rY~)Cs
z7`tOo+~~L|ae=Yh_s1O}fFb}y_R}|t;s&8}Yh*ADaU7spfAGw~SS4PF?g6fZ!3xAK
zm=ajqRpR{U4mk(xW%6M|ZV)}iFRrhMB`U40@?rB{W=dS`K=%hls_(oE$6^FMgK<nx
zjLr0XkLfnojz_<J@}OW8eqNyH>BD6?(g_RI==vm3K5suRI0^36CxMb!NN!{<i@iXe
zf)MQw#v3a*IG9N*g@W=Tip(s>52hdc6+>SF5?VCqQEYrGx~V;?JcZ>-?_oayTZ&|%
zL;t#6>tD(~FK^_?b?LE8(Ic-Eb;Jc{jI7QKIWnCYG%}qTPq=4>9$V>la_mAq_Bz}k
zcBX$bH|~Vayp`jV&qt2G&iDpv;door_!Uj#PjK-XNr&~|_Pxw0=*h*LGS%f2{swVM
zedXf>za3ysflq;;jU6th@Civ)Ns7ZM>#_6pGN)i{=7=H85!cx9W+`(DM&X_J8$Yj(
z%W`A6%PAU{M$XAT1h~ATaRH|s(ww3(Npnv2zL0fe*~4Av%yORVh1NXS(wQaffxu24
z8M!!26O!o8e&D=Enq^C8met2DGfHb3+ripDHf%3!wKGOmSld@vWBF77*6fp9&XRkO
zeQ97P(+~LZ^8vBnv6g+KF)uviQHi|*&j&?+^}^$M0qY0VF<)+M2Jbr9XsVq3CzvlU
z*7VjiQC{EkfC-|K;KTFf3X9trllW-Nygt|s&-=;e#vXot9%kx+hxheSo@u;&g}K;;
zHzpd#_&FRYRw;8W#>WaRH&(iwqA^c&Fpo!c@`unwNJ+ev>^rd_I2+kFk>vU$B<M#G
zez2sFKL4h`Q2OQ98oS)ciT3%|an3pE5hL$5dBouNyIK4F^qH99tfut%lebEaTx`7R
zdaKmP<>`)Gkt350C`T?HsAZ7yw3Vkhuo7qTR>_f98pl8lM*~qOR(T!Y$RvYkWRgL1
zTp6Ut&hU**F+w@^YSG7y5vs8(>L5m_ymHe2NIrQv{%YfE*C(&WM<u%}gCzc>iO6@X
z6W!fdh@uR|SrG7*zC66cs?9!V`HpqQQSg%^=QQQv<3z0zdEEr^Q}44jLOW_=TqjR*
z&iRFGJJT}bj`3ufA?35ldl4(0nj%)S(U8tk?fz9<U0KcG3ggOW${69~o>Xh2m_2QY
z^0F1xIc9%hzO;4a>Mii7<vjUWr?G>jo9&isgfKq~96g;|wry)!;3MEZ3!b*GQ2mgN
zj%AFl&(FraWtEAk>KYhKo0w#Y@>-GeFz8yE<w%w0D*8xD8n=Xnap_Cf&Z#yfcBt{B
z;7G*W0tZ~Hah)~tFI%1!m2bY^qf#4*^M~IyW$zwySM<_f%L3`AUWYV-vnli=?_Kx@
zz<*_8k9*?q8BZsUij%>j2_9rw3_;1zs0&vziXEaPi<6x_mJGSzjgghX&!S^++V7L#
z$OXT58nPH}WJmgGf3w=XJTk}YfIsjUj@_%H>sq5q0aq&?#o1=v%k%8Q-zY)fT#bvi
zr<4u`$rN~o=ZTmE#xD^$?mYFbsqLIOJa*`J>=-%rDlw{tu@UQMnZ{$YS5A(-O2pML
zcB(_e>Ub|V*157(<E`{HKi)WnyXjLwW9_U?>>oI+ZeR=Z0Xau=uWQd}sjcFvSH^w_
zO$rIjafSm;ol%|jQA}Ua&7sKn*lJ{LOa(Nmd6|CSim3{k{e#3+t(_CTf9zf-ZuGDN
zO((1~w$_uJ6F&A5Rua9S%v=)|1oiKa<;Nz#N{(dLg<5~4?y<VKvN;=FW1zR=5nO`w
z{8-%>Js4D1o-BVdN(W>6v8)*S9g)U5CX$_nuOFcwqwzzwLgJ@mB7>mJIxUiTRnG#)
zL<uYL0k8_0xtAU_5{*azcM3$x<;4QnZRx<hIMf)p7w}BGBM#iyH&f*NRn&HNM0IG2
z18Zou!w6cPtA1$gpHUi?X-Kfi4i8G$S`Ho*2X3mc(BmeVl3y7%h?CO6nc~2Wm2}r5
zr<rahiyVET{szT?Tb}U^ZzhZU#w7U-83#6~rfe|!A>s~LJjb!Yy4AQ?6wfKUbt}^m
zbO(QRhvuwj%e?EQOm*lI>>v%z`+}f>53i&j8g#r!!|IVCSzK7A4dH<p*%(b34Vw<i
zP*N21d*V7Vi0~GlGko`l^w{h{AUuK&9*8KL`5xGkbPdaLnP5W_HueT!n`>B#0ylPN
zs7H>ISjV0LbZ5evv7jjMmF|ja=mg-cqQIaDdMANj#3xMewZ;N;VesmvOmBx{P~&Ue
z#Mpey(A|xnTx|H{BWPtgREI7R_tya3*r7^w=rZ*B(R9&cH*wZSLKEH+leLgX8gC7q
z?ZunvBB6&H&$)Eb(9J*>6$>7RnbzW&{>_=`eis|o!)d1J4(`>VDdMehSBcKb$7A@R
z!H0KfSUs}Rd>NK8mv~SVTXUj@t_RFjRcInsv>{`DkTEY21uiapHWTLRZ07wLeB0U4
z6s^rw8m*E5I<hNaf7QF6;;-3?R}^#w=Z(Rmn2yK;b#(K@Uwx_R|9kwE+jdotzZ(BG
z{<=tf;EBJM-yu7~O+Yg^Y6PcMsV7H@TGSgZnuE@8B&om&ZHS(H)gWmMce?as3z+Dc
z?crh<8f$yEURw>D<Kf{p!J~TQRibYVBZDhhB2~v@xiQP7zB{&q2kq-@#+uGj=nLoR
zmC`&=--QiqWgd{SuDGk_0VV5n%#3Adka$4Ct{kbyRj?Jw&gm~<X?{|cuM!^FrJ*53
zAwp4A4DFkG^)@gjN$r~>RiG{F*gkI2kt!6cqNt!jek8jAPU9o^;mww(T6=F*37~_N
ziTl6Ds<^@Lg|05XB>I-8*{^1y*>}pmzh|6hScmJ+q?d}$3<0OL=bif{uUQ$+97hss
z8KvYO!_qnkf+g#6sml#6w6hWt8Y|&IuM%`FR3E#A!)ZgJr>*vMHWM`alZxzRaxOS4
z=#2Y<-&uyd6g`SQZJiS|wg6|5JXz>O3>#}>^<4?A&$+OCXKW*&dlL^jCs%Q-A^Zql
z?>=#YiZi?g=p3HC9D8M~mpglX&V`-Xhv4<cT?TS&iUqt+`+63z8bZ6zIk8ur(sR)x
z;H2cecQ#fgk!Ox9cFd&=|7mC?)yUSCx`Q3GZs7NQ>d-I4UWYe62;F85k8%{Fgp87~
z9z*M9PA)2TLzwESfE{3Y4N~m&4nNJY9+A)4$1)jrzk0pqpp({MJR`toeS5Ufw~F$_
zFA?+Ixv+&r@=R%}v+V%Yf8c$9W;{mPYibx}xv|w<0ll}C^}?q$udY0Qi;aie)m7Z8
zeZ3Nzcw0iRMDHrSYZSE3;9%%bBMrTd*T(TtXlQ5|`h<jBvRd#ue8{U=BJx}c=#{9a
zq@x|SS}+9w%@jyfE8!UhJG+O*QJ;kkoiQ$n9S?lWZ~VLS#xCv~^(lT<jnFtlF4KIX
zVOu%8c8PsO;A7sa7@76xYuIz=e<QFPps{nuaNc*8EnEwSXP9BH!Wu(rqhf>hJ6k@+
z^1gZuy~4^yISbNTTS<&Z7j(jmIl2z%X{5hU#-7&Fv|g0y>@unAkPMKp#kXq-pm5fH
zI|)lXBK0Ej@N4W8w9Xlp8W-#q2YNO9o7!%1p}`}n;~jk?gSkqMPab})cWKNKwUasf
zIKRf(<EXPqHP4qizxbvvm6K4-^A(hyFI*@R@9`O(>G{HaC)NB!sDJl(zG_Vv-FBq%
zeBJcUAJ%j8ADT8FHx>W$-l{fd^}kv=zV5jG-RA>Yr%z0LV9I@g+9U~Kfdzl&bw=(o
zOSeugcWOzU<#3!|zXW$)sJT;150&xGu&lk3E($B^E=@xXn*!Zc`EroW6gbM59B}rD
zM|aiVP_l`kS%OPw%7W6k=<_Jm;V%E!*b!H2e$lW>UNr<o8il&T%h3Y6Dr9W6$i{04
zxzU54;$PtLt@c>jYq3I#=!Ymq-`aUTm3TjPA?9#Ts2iT2<2;{%8lG6}D@2enIwW90
z29FcV=W*~Mn9a{GL|QnFKY*Wqi}xPk=T#1TTYkPIb^>wHaTxzKrq;GttJn{y4Pu2!
z`|K!B6wXIDSyi?u&kj+85X}zjzX9XV;?KGIGjfLTcgz!iXHOM>?xOzAk;xFv7k___
z=E;A@Jmq*Cl@8$s2<LO?YW_Po&G|b;HbWFO#b=JcA^t)gPMp76yZG<z_%pu6QHu~o
zIRMW-LjF4_jL-09TkrDc&h+^|tm8mDUt7Wdz1NX$9=Ipe5wzdQwBIU9VyBcw#rvE5
zr78n&2xl2y0BE!k!VcRi&W@c_(42%t&}TWG!N=@d0>^pmR~+ab?%2E^30h?fzXmSo
z6Kdgb0eH35S88O<1IlkZA9(!A9P>6t4jJ2WG{3MGL*q6Azo2Pzqm=SICklWD0qAJe
z5$glb1?bJuPsGJS6#c~Kr_jgYC;t0*{+xqdT*aSn0^bYcCi`-0oYf1O{V2(sd_Lk`
z%&6+c{DCQ_#H5m$k$^=P$41i9xzkK2Ko@s<tCu60Y20ZOm74xG4{fv3(+fm;ovebw
zFd9AN<^|BtEs)zRoY&#it^F3ncG@dGys&%y%kt~C=s%&$D*Nl*V%qv%Bf5+3R<B+5
z7SoF6+euRc!LsCmGsM{F%YhUz?YZES$;4$}g6^X@e}Q%%WZTpqlqXEn9bWD7Mh+F3
z_6#p+Kl~mIuSkHPfLn*cRAw#!m6>NQak)TI5GiX?=aef;TtK4}hc%69KG5SUo<WvW
zs9uPoZ|_QI^P1S_ifc4<t}`~thaOxP1$lt6Yp&@+exmY*@qHF;*aKa`-zX7}x*ll8
zoxH@HX9E7<_$X)242>AvTSl@8D;X+uq?#*G2|4Z&L-BW#n}`?5t<OEPaixj37Ylmq
zWWQIAoIOt_A5ygGj%{?2MR|KO>R&?55-h59x6m&Xw=Z%a3AZm@|J$b`{qVx?A9!W`
z;zyR3iV^P&v48k_p?!MZE3d6yv}&RGaL@gVHh(&9-^A&q_m95uzT59xGrHohcfUDh
z`r=84O0X}g$;JOcE+Ka)u#Y7ha)&Ttgw7@UY)Z+Cl?evJZLp4zv{;!Eai3_T){!+?
zqO+>xy8<%nZO*rnn*U1ULpR@wbs8derW29;cc%na)@sAJ;a|Xwxr9H1OYoWg9^<zi
zX53ba^W3-bSx#?Lxw!cDpPUhLrq#~~q6FGALk8{8Z}*-VoKMYXN*@3HJYYkSZ*_)L
zJ2MQfT40%WDZ_K7B!BM3pO@nMf^!6p%h?#KVm~VTlxIWoOwFdcgru%Ljd`?dSt4@&
zHgfu@Z&k|wfxcDf!h1&FsxIhTwJkV)&!~^>Q{(>rB>Glui<^Jvyd_VeZ`FYHLq#4g
zZZG?F7B#MVdsnlaZ_yfZ<c=jdYa*l%1m5D$H@j5&Z>ptm6M+%v$rU_5NRBn$fzDDr
zA{6IDn>dSu>2?FZZyvrw`FkPCv4af8+56vBJ;h!|kGvasge&#Bb`5@y9rUxr2R(hi
zKLej+2On8ELot2O12TVQUtNEqBAMDkfo|f9zjilUyRkz)#c6M<8p!JL*Y08tIK`oh
z&a+8!@Tfj^iMi7qTgz7!;j2D&iCNzrTc1^GjyyI;U}fBRIOnuE_O!;kKBRp!=VasY
znG0m>csN(%Ip5H@d(T4Fw>V~tw?S@o=Nf8fwn{cs)N=ec{`fIL&vo%vbgxKtXfw>p
zG0<lKJd(gGJj+TmoAGBP@PVgS#C{3PMutMJ5yU8ABWMB}@DgQScJ*XlE{|On`@32J
zH`l>A6WdsIL{A!3JjA22{Nfow(vT!J7rQIM{v=xMRA)w5+t37#LSN-TZ*ga&H9S>y
z($F5kQeRplVdH5rh2MFXJ%TEOz>Sbun90*rucjn1pT5|yOx=G~4PL==n(~pQobE2}
za?fhL7OLLWpFvJ*vB$++$w6JGDWxXm?MSKF-T1`a?HW44SvhEn!5o&+l{}9@_F2J8
zSlYb9pX&hAk3-+Uim%7>+H755oK!j&^MONS=&v#=cM9J~2)=@Efa5`l&4Kr02h}(D
z#3PMY=dXZv{p~(+-5{Acvkx>KU_Hw39&h)FZ^JqYY!rGPoXXGp+E-b_`CRyjo|{*R
zrLpHRPCxtVz-H?T%>0=1{E}EDp5Fs_PX#~VzhwBE?W??Xv3PzpKj)poG{H{6_s@l{
zeS~T9B7d%?V?f6?!tMFg{g7w8QvB|ox;g{1o^!@$f)6dm{wD`|kb9~ro-bF>)!)^S
zw2?67L$#3KuCaPA$$6Ko3nbYIZpB*ET)o%Yt9|_2E(@MM0`dfBDI~}Lw^hwDPl9Rt
z0Mn8)A^5aGCIo1WJq^A0|4hvf_E9h`^mlM3GCM$x;l@Fcp*WK@aN=ceP5rIV1;4e5
zAlH^LcKkW`I_QbdJi<)q(vH;CIy@}U@^c(HEqR0b8%W+5E~41!&NmcqR5XHQ&vm{b
z`Gaz_C4USTL$QCo-%u8#`UdIp!@~{n4eSTT>N(V3c+UcwR~x)T)t2|e&Fh<a-LO;0
zjvA;l%-DNNZ#WmTD0FaQdBqh8QeG7c%dJRI@~S++;Ug)576TuWK!|UaoKRXDdwoc2
zQ?ODJ5`E;z!$k*|K5FC&>g+)`zz~PX(TP4%z702?cIl(#8!~?MH&~DTuX-uST;n}>
zhqMF#eI4^KtiegraYPn#iq=L&UH;5}51ZgU{GHYay5EIrjWi#4c~9c-2EKt2cvWX1
z!t1Q6wne?X_5^S^5r$VDS&8x;iQshS8*JrQ=WlRU;3)G!j8|&-B+Un!lBgikJto+i
zVLp)7OtG=W<pXWas60=pxorVH19<e}W;)N4-3-JBsSeLbJBj!}jy&8r;_`tSxq^B|
zsF=GPoz_T>{_iTP<r~OjDBrLSH_+>ysPpHb8|scQ^oGB1CMLZhY^*cZ;#_g)sdb<_
z$iz%@cyl47*PCp$f9kA2y!#H;%4h|=dfYJR<}b2`;t#n3L-k%~A35zrZ`C<$uuz+D
z7-!{IIHvN9b1a<O%ufg1H}M{(H)VrfXF0e*Vg;uJEAUMlv&b{%S*@IJ;*?Oc(z_oO
z{ra0^5gcc2?lR`(hW09-ZnPz6^7FgwRX*Kli`84g^O;oz%F8orll7C(wNhGhR@x4q
zS)u8GmS@T)>j}i#96eQKhgP(7bi#%__G@Zvv(R`=oU3NzTI01{zaz%Cc7+hlleO|@
z;T?Y{cs)9D>B`$Wbdzs*S-;_YRO0KMtFceQ8`9-BVsC+7--RC5Z#aKsxW+e}=X=9<
z`VAML>aT(NhMq%hyrGHn4VuG^p=b3QF1YI}1+VAO3Ug4sVdNY>)NkmBIfT?Vd~Z;l
z)8#6x)o<uH@-GVB_l5#B2jU6V#j(cVF7EyWzGU7|tEZ`@eE!TatdnD{!I|i`Lf;|2
zQQy&TJIA-;&*`~zHog<*DBScLlEQ8Vot(>q&RoJ~XJdZscl8ZDK6O%2=cA;T`;PX1
z`VJ=-O=?0R_Z{v3^c@`)#fWp`C{n?@!o1M<sV2U{Jd{tE=MhF+PwotS;|XZRjy&?s
z<5J%{GW9$9;vJW&Z}@2CpT`mXj=p$DvigSa9eN(T@{UG|mFIpEdgYyL0`;zPt(lUn
zV9SqIp1y^?5_;{OZ>jf{D-Csny_qVjfgP+Y%zcZsi!&PsU^H|D#`9jzb6Bfdn<RZr
zT4kH8N^!N~EamFdwPMoFBFTeMfXgOpnk#wqd8oX<8(334SC75ccvNVqrpHz}qC7VH
zU}$W_WN*^d6nf+whr?;)ufqG)$dGA|piaYCXV#!dwkJa#sNIUut#X!WJi1xfPs=oS
zbjSmTlVZ@Epk*WKE9qjMk6iLz>J2XLuGEZGL8kqaWtx1$`8R9M^Swdoq%?;qVZ@4^
zH(X#mA@XW`gCjMmtFzUMWtx1$1p~B9({DfriSiZ>Z_^ukgul{n=!iL_)%XVL%1PWH
z*Oz3Pd_%{ZwM^4*KqoML?lHG1n;tyMUD%jM!F6YFk*XeMUSyeuw~$O5C}o<*f1=-}
zIv|mi_j{Q5^c=}~fuSy+YEOpccrum%<`b4R^Bm~jxRJ;?AsL#q2Fu~5)%GSanfDCF
zracoFVW2M8c*x%DsmrD3SMXjMkNq6a_NlbGw*;jI+uvSgwc|YootXC?GzyF(EBRgk
z?trIV6HF18DQvW6d#-~!Yqfm3OU-%{qWAiAXDLCrw{mc&u`djhj>ltTCwwW|s5RDO
zHv^xxbk>;0ui~9R<A=<`TlG%RqkFliC*BYrhPT3b!}+M5?0Uu<a_|O6kBaTa8`|+s
zkZ(BucD)ny8ybO&nmZUt`j9_H&fx-_C5>u)gOc+!hiiBz$TwUtOz#BW8<a0lzTvQb
zLr2UZuEsaC@=&Q=h<1W}L&w|oPVl`!?Plf))kTkY0y^E%P9WYmW35$x0_GUr33v<b
zggfL;0N<$Z=(j1UdK=bb8COd$Vs0uCAG_7kdd1K3a8nh(VX*^!TMc99I=-&zV|N!<
z)-ZP7pN!qzI8?*fEqr5>Mkevz6s(O}GG|X}yxaN4rjthEy~%pAhF#Fs*##1Bvg_p7
zYmLv{YIZ$#OD9)^cL1L>G&W9}5&ERj)K*;~Zo^(*7NRO#j7)nv7|(mUzrEP1vgn+}
z7`)e)aL2g0kO8PP!}ANA=kQTL2F$|wdl()vu8U)M_*n5=R=<(v4|tLd*0(~Rk=ja0
zcc>z(>xe2hI?xZfR8gLT3RTO4u|thmIzQ#C{rj+h9Ex+~l1@qNM9$2^*ui9`3Q13j
z+95wcLF?RshR$kMAG^D_)E!$_?KS+9vAY}ZyJPeEkW6df8=GXk#CsDilh-<l##`0v
zGTxzLKuf$gS&zp~pMkf^Vvu-~P9n!%i)f>!x5m4%!zq#`<Q=53!6|nhKVxKMCNTZx
z+E0ZVh2X!SktL^aT`pEWm~1^N$KaKp$t#}>PT9$va-qX1JNbDX8#Q{&DFd8w8peiz
zQ`qMkCQbo7bINl<W6tL#t!BJKakl;W6u~GA-P`39ZJDPyxXZDd>ao|dKIL$Vw)|^5
zRFQrKlGijgsFI`i55v-0raL1Kvfr^bBgDbom5e<2YF3&(fzKtz^4L(^YaYpO?9|?#
zhaKgq0yeKQyD~k_vKKq__?74ZAN1?|d?Dc9WctCAK+jEB?VuBGhYP%Dbpm#OIPkyl
z^9sOIWH^^%zy$A96F&v`o=k7V{`fia%`i?^`?}zZLD<dWa``+EioJk{%qRAZ)(|@7
z#TD|oDPp^5C&N#11d=vHJy8rZ_CB<)ieNb^jT;z4W$J*625?ddZ*J;kWY$Wi5>qt6
zPfF%K%}Mzc32qhvU2K=cZQjrg-_zWU+BSRA3Xnn244r)}Bn*VnTb(<r7X)w-DqXga
zXZHP34F5tHwtXaeaR2^YKmI5N&0oHFp4ImsfiHIN`OdQXmhRmf{d@G|MN{v41kQ>Y
z@mG~})$vbp@J}`QU$}HYc<@JF1g;H4`}hBw_*2h+&IB+L(UXG_R(pg$uo6hrPmE)l
zC+0`)O{|uv&%K$-(I6X_oz!wC1WG&2>t(MfbBg`XSGH~qOo?7B63xxgYt7B2=3Qm>
zdDt9~L<Vseu;}B#0z2eSu<%t1{HF*^un$+2m6==YMA2Lvv2(<cQn7on{a3vIH`vhU
zfeSOxpXf{~_!d-=guz(g6Md2-eUkDc`AMi|*pDCH)s2MZ-^2di|F|m?UH{Rf8+Ul7
z3A*r__|xrjj#k|TxXM#BGYczrF+VO8(PPo~&Fj85ABm2&3QIrxtknL^d@$N2nnrX)
zhMIL2<Vc3<G0v-rPA`nDY60gXYPET!sJ-RkO<>O)`@do@j!v!m`s=EXKAJ2#ePquN
zTR#%N*a_AvrR&$1M&A*e?eyp~z+UAB!Unk^QY)EWS;Jx|@277Pk&vWsDBpWi0UD`C
zYB_(Pt>qGzhziOE)_uC`qbKdF4vTxmqz~<@o-*U3znSr+fs|+q^P|(pfs+%n15QKF
z#7Qxzij%uIsWdo_<xrixx7(xlvXMxw1TKlfz4nA)&{=(jVDGQ04!>-#d{JbJx-Z(R
z-%PMahy|sAt*1W><et77_(30{{7EBKNlzbr*gcK|&qYk(!p=J4+|&eKaY!TYT@{vm
z8fKvsj~izBGZ7H~ryuQ^F^Pt|*NClO*iYGuJ{Q|oJZ6vhR16XWKC?$GG|Qs5n&(H~
zG|NiO`=STTbE6N@D!0U5M;=Nwj1?)hL!Sud+iNbyNi||DpSl?HXNhqDSGF+5lu=j^
z==_Yh=+McNe-jsNEVB<C`tkS&_MxZ6r*^hj0P=oXDqgiq#2mW|oo}4|iCA!mvOn<|
z+sw-6^ATQeoP)WsY4#L6f6SZ{+#6_W^bp&o8@J!yjbL%^TLl!$K^+}^9thvZAN*Oy
zcG~0beKA(ZsLOwU3ijGL{J9=~UWCtWf)&VNuAf2QpN`K>5y!^;lKgpSEEf2kKR06d
znfN>1gdQ?7`0uix+6_3%k>vqxqC~uec%GxLC_brBUC8}i;0U@8X6QicyoNkS``iGD
z>Fu7>UEJ>GOlZ%K^2MuD-|0ex%!7S3jIH|ZO0Q`X;LRRQW3zP^db>G(E4DpIheKC@
z@)XAoy?{LBoCyRkAZEJRN{dC+H<b5}I(e(k&&D9ozDKw<-T{8(Z=5f>sBdWe(RCl4
zW2M)pC3&v+9le}ynC?5YCk9=vRc=kJ7T~_)cSvu{X7h9R9n9M_4|K=J{XhH;n<A0#
z1-}JW(j&9k+>5+XXXgA3(i+i`T7ARunvhOf;9xahv{T>EHXV7Rl)tM0T+)u`K{h+l
zs<t~1ZP}q8w9Yxd4z$`EruFFHeB<02)}tQY;pEH4kRxN3@;k1V-v|tK-=U;s1+tb@
zti!SJ=pB$~jMW|PJ2-+xwDLyP&c=Ei=6Brae8Y0zp{+c0eCFG9uz&1Bn8yLm#edJq
z(a+|6L;g9+q0fc>jXe!-a20#7=0X>4!d`(M&ht(3#s<K@&hV(RVfadh9|Y@_;#*RS
zr*U3%#*cU5x$f&Wdn0M}hU%y@C>ryA6Ww?2<eopk%;_W6TD~cm?O?W<wP@}v$QZ2T
z=d>&T^PE!fm{ptm6BaQAOVCq>`x6H9%T+hj4fZK-mpaVp8{<aEqIvc=-Y#``ew)z)
z&xw}aE^NxPJ_BCDTbMR|<xB!sN{sEzoI9FJl`J%q-~oO<2hS(4mk=HRett;7dpoNE
zzBxaiYl9*Tf3<|SX7Y3C(<1LK?+>#>FhN{nw33R2+8^c34o9XmLu-j+^rMJ=<l_gY
zEzq1mr(NtJKurU9vjklLwTD1w)zxuqO3oJz{)RUqUzDMrfPU%7QJt};`mL`Ay*&ND
zK*#48?+5M8-u_?ks`lpRePIuK`(16Z_A-wRvY+zyufjMp*{(hh@E&^+&#M?d-d^SH
zGKJ^z%#og!FMvJoL$ibRg}4gm7i$p8@<*Sfa&iHJHjvd;G)$g?jy&77#&)6YZ7oM}
z?*>EX;OwuWnj+&SK*J_(r0XuUO<c>di5r44QQl=3nR)yRra%r>nkp1{41O;C%@=}W
zeq{Jg4#ym0__MKx4l;ay=lM1K{CbRkFT;0n#+SRkAI5)%;Ria;ZzXuUEj&L(!9$P{
z1rP^eF(!)I0Z<?v6etcNYlb>;0H3X~!}iCpfQMkN-(kO^g1R$5w>R5I@q8-apA4cx
zR(#<+-^=jRL6LdE#(4g@^ZXtA2;l#UYPO*a|1k~}8ox2aH^4ak`1wHxekebOCk@gJ
zx4nvgI`D<|VTC7ZAwz^GKF<bz$M|zw{TVgf_&cN;{@xRRKT4m)0rhvTCJj*qG5%f(
ze6Qlaf3E*dm9rrMPlFskh+F3H`H1@LeE$>v%(b7Wehg8isD!r~F#KWu%oU9M`2+r(
zh<P>S&j<N4WVLl3e})eMbb1D7&VScGgGc-?D%^--TM3>h1n&JeeMOkU4{=4@cYr6k
z(ax=L<CB)Ebyd|cSA8-){?7BOM&JKoeyDs7T)`Cjj7J3i)(wo0%ql4nEnIw9y(WBA
zOuZ@egaqyuAb7Sbhv}L-)<g(aWk9E6Wb}*pm%N2r-?7%9gj{Rt7od5KFuR3o!r`3)
zrB)hy-HK4wt>|s)4kSST31>;ptckO_^V^T9xBEDa;HjTYh`K}oyXu_h<1|<>J?*}M
z_pN2n9G6MC$WAI?$U?FnI``L8W)^o)BV!P5DDM^Dp<4A|-bV83(N%hr%JcH;Mvmvf
zabV=(>{)?-Z6BOhoQIA_ZSX+;dyKbxbtFaJ@`~Go>%13f#KV-=OQ~q$bHK<788q}q
z!3^#&4)djubc-6QXmCR$?(J^ht_2LE4uQDY_m6s@>c<xj{xoXX_%Uy9t6IIIGB|DG
ztjF!xvZcoYeXkwRujr9y*Dt(&Ud!f>_n*5h&F(Lr&e$^R`oV+yy%Jm$1XX53TRMp-
zTrza)av|@CQ{}l#7(OW#Vfbhu`!gXB&m>3y305S)ZQ{N3ES_8=bjPfxUdXZH$+=XJ
znuGretdmtM`KG~}D_7Zz#W1=F5j{YnX5e&fuoLxoru79!-6YqGjZC#(KD2lj(0T><
z7E^c>)5x#ry~UT%Y3P!fAgS<JghEVNv)aAmVN@uA(1li;jJG#bJ@>c!zFxHNxAe-i
zd6O4EEtZ$goR=Xcu74xL9xPTh7L7l@Wz8S64(@z#+}ke>e{uilY2e1{a?iA{3XY(v
zaT8V~dvssmY-72Hr~+H=p<-k>>KbgdhjhNA+}(gS<?b%-s9`xvj;N#Z?*?PPg?Rt`
z%=@D>c0AY~E6v>(a1wqdzTxNbfcu$rJo9co2}{f}e$KawlH4&%<a2>uLYUbl(0V=f
z@6dW%%1)O&4%M#1$BYxNyI95W*qv^zGoF`VztTAToaMNLA1+4lbEX{2JDeCaj<JTH
zJGYBKgMfXB=WE0y#?!g21J7Ya(sN@sKi>dfwl`a34YDYx57q$G&3m&&*5FJa`QdcW
z!F&sx@f-8=+4c=A_4xeY@xM0W08bJ0!K`u2V|b3BgKv#sk})5;*R`m2z$g4K31=L7
zO2NXX&$sCRKWS8oj$*6X&3xbdK9Cvc8W<Z`6nHN1Zs52Twyv|LSqFo?gO3D{hpq}u
z4*fISKU^GsD7+@TFZ_L6@3>>}?c*23e^;wbt+BN>B-BZ`C1Fy+w%S(hvucm84bN}l
zwTV?pSxM89wk91<ZjxM*{8sYGl!BCgDWg*sq`Z*wx0K&f$E3cO);w)m+7Ibn(^2P~
zaY4q6jE^&Z&m5Y$Ez_<uq|TnK|Bt!%j<2Hl{{Lsoy-8>ZMWmB}6r~Cxy(ghd5s}`J
zB1pHOVn750q$*87K=dsj5}JUtP(lfWl0blvKmy6V7jlz((@-hd?{oGh5ES3<_viii
z{qf7@wX-`rJ3Djc%$YN1_UzSO9RK36Qa+^`mzq=ReCZOUyOds7`iIiVWonffQs!{k
zSId4=_V;on%N;7`EdO-{y@Fqb+7%oX)ru`EeqQmie>eXL{=fO#0;~aT0;U8U2{;>&
z9AH!`UFqXW36(2UUR~Ms(%>roRTfvdQ}wN?d#cr}How}B)$UhsUH!A_7hkUV@{U(J
zzw+rTNi{mx*juwy&9OC4*37Qex7OTRKiB%LmaVq6cFWpRYyVa|wN8yX?dy!F^In||
zb)xE|)h$r>jk<m7&ZxWn)tayNd3Eip=j!>?n_ll){nqvOzE=CSA+KF-(5At64eq`E
z?(3^w&uloX;hsi*jm9=Q(b&6j$Hu#x6m9Zh6L-_VrU#n6*lcO@0?ns4k8a`DVswjR
zEnjW<Q_Iv=jar4Y%4l7^^|;nsTW7WD(q>1SoVK3^`Ubum7#Gwt=;NTM;Nak+!4KN?
zXt%oE?e;C(zt?_shpHX=cUaruMo0gSA9lRascNTHo&7t1(mA`!2VK(M81P1TSEcLl
zuHoHkciY+hjqa<v-|f+}$MH8Czqz?*gPvh;^>{0_*Mwg8-mdfZ)VFW<?%2oD=V;&7
zeUJ7l-fu|1<^6W{yVqazFWLXzfB^$O9I$M_<AHq!Mh<*DsQRGkgDwwB7~~xE$6$SM
zzrlxx6dy8q$Y(?54~ZGtYUp=EjbZDDHy$1|y!-Ht!)?PehUbiUW5k*fH{a>@&ashY
zM}~}CFmmOnVx#7bT0Uyys9#3?Hu|N}UyM!|?HZ$v@f}lk%;+(Z@4of!sj;t*T|M^E
zxOd0Jyf^s0JL6l8UpC%0q0xlx6Anx`HR1lh*>WaYC;Ck+GqK*pUK6KHTsv{!#1j)Q
zPV%1AZqnvSk&~`Zx;weh<Xe*;PAN5|#*~&*W>58-`pf$*-|zH6jSm)mSop)AKl1x%
z{zu8vx__*F%-hPJ4E*HSCvl(L|J3i(S3X_y>G4k=O)oXQ%k+fLDt)&7Gj~XlkeVSQ
zLMDZ*2{{sScE)Qn=FBWH^YfYaKR^EY@h{&0;`Z!%vj@)pX^wTyr*nRp`@-Ch=7xRQ
z;>)F9o|so`UZ;5<&pR={-2Be-=gr@<pxlC~3od_E@vF&S{ruJAg#inPFI>HF&%*nQ
zdM#SGSY14F@yW&RB~_O!ToSgl$kJ9zLzdc?wOqF0Yw`7@uN~hE{AR~D>B~DV-?*aW
ziX|%|SC(J-&dQ%x+E=~2YV@jIs|&9#y?W&8tKYu$?Y3{-Yu;aTZEfSVE7sLq*L>Z|
zb;;k=|8DAcw)Gv?hi(YiuxDe_jZxnReZS}XKQ_I!Y5S(QANu^T?}rONHu!PczpDJ}
z%YUW*)cmK<e>$<*y7`UG-)||frQ??2TXt=&zIDRZeLt7_dG^n{wyE2OZhL>*ylrc?
zg>E~x?fSOVUpoA9V7vGBQQI$Ve-zp+bYrM(NAn%ScU;+#vUB{-sGT{xe0TZps=q66
z*IT<r?fQ7v!d;to{k&`Uu7kTGcU{|+u)F>46}wODsj}z8J=cHj`Rls9`rdc;M(k_5
zuhTx;{`&jB+wb~q)Ne5ds<G8M@XdjT2m2medq_J}=FqE$+8-Kp=)*%x4y`@3`B2!Q
ztB2AKdmXNDxWVDhhesU#<nXe?TMi#ReC=@h5$_`vkGy`Q>ydYke0t>TBU_Gy9l3ra
z<48_efv|wEMqzJ+jSTxVY+2Zru;XFZ!`w%`j+Q@K|7ho<!;Vfny7=hkqhUv{9d#YE
z94mLM{;?Iu>l_b0KH&J2<MWPhIKJ=rh2zP`ADyUmBJf1t6BAF&J@MU%U&H;we+)kq
z9vyz~q&WHF$=WA_PWC@J>f~o9m!JIU<dKsxCsR-9r^=qHcdGfR_NNA&diT@^rxu?2
z;na>(hfZBSm2&F$)7t4$r@Nf)b9%(-Pfjm8{oU!Ur;nY!b~^Qpex}TsSI@LRGvv&)
zGfU3=bY}ONurpWBq(<lwWh3fEw2$Z+F*ssu#D@`!B7TV25pgKuOvIH4=UMe^>9cjt
z2A}PJcJkSIXTLvt@a&bdY3Dkh+jTDDT;jPuB8x;;i)<13R^-^o&m&hyhDM%>ycwB&
zzR>wP=ifd*=KPHFE6@LO{>1tC^Y<^P7m8e{a-rFU9v8-32)VHQ!nO-1FT`KSx>)dH
zrHhR(_P99uV#vki7q?$Lc`@!{=B2kUy?1HWrEf3oymb1~%}ZHP1*6`NS`f7{YJb$l
zsJN)i=mOCJ(T$?pM)!%H5dBH?(&%;3yP}Uo$3)+b{`0cm<!YB(U4HxWu*)A^UVQn-
z%R4WhzI^%ez03En6uMIBO5-a%uDpBY^p#szvSSLzycE+krh82Pm{BoPVnSjT#H@_j
z6cZM6I_6@`wU~q$M~pk>kE`OU_f@~ErLOv4t$wxc)ecvOUj69m;;a9<dg$u4s|i;f
zSKU|txHjzC$Jdr!+j8ybwQJYXuX|sga{ZI*-&|jN{fFxZuSZ|MasAHql<S$X1!9ZE
zmWizt`$}xR*e0=UVmrq6i0vCYG4`X_8L?Ml<71O!b8ftFqx_93H(J~XzA@m&<QwyD
zY`C%S#)TV>I3=!BT%EXvaV_II#SM)c6E`DnW!$E?(701^H{-J73&od+FBjh+{*Cy)
z@$bY>ik}`oFMfIay7(XCe~Ax|kBd)=e|WRl%^EiYZ+5=f^X9uZXWsnw=Jz)b-n?=%
z?UvWAinm_B)%n(lThni?xD|S9->tA)*KcJc6ild`&?KQ-!svt<39A!!C7er0N>man
zBvwtVm)Iilt;Dg3UnH(g{5A1>qCL^LUFvq-+nsKYxIO*$irb;L&)mL!`{A7ucWT{f
ze`na8@pnGHv-Hm9J7ITX?zob?lKhhzC3R04oisCPb<&=s3rV)5$H_j)FC+&f*Gdjd
z?w33zc|r0I$%m3-lGAKnwu-hUww|_kZ8L4FY@xPOwwtzWdqMk)_R97;_NMk8_R;nb
z`wIIn_HcWgJ=0OZ;qR#FXygcVbaRY!Om}?a*y;##oO4`rBstuUM|ZvNmbmMGxBA_=
zcOCa?+<W)lg_PPUAEumk1~@--hBy~Empj)ve{}xh{MC8bdD3~_8RJY%)l<u+)=TY_
zIz08$)a9w$Q%|QRrank3o>nt0C~aWcn6&rPW~MDnTb;HwZExD~v<qprv_D+B%g<HL
zRo(TPtCg#>tG8>KYl-V8*KSvs>zwPFE6L?{d%G*T8@OA$ySV$fN4O`tKXrfU{>Ht*
zz0JMf9qzv5j&~=!Q{CC_$LW^z!s#!hmrt*fUMsypdh_(4^e*Y|q)$&@p1v)8Px_(s
znDm?J*%<{hif5F~sGLzFqfJJ~j2;<%Glpi2$(WQeEn{Y8;mp37`!kPbMrI~uKFCtD
zie#0^s+v_Vt3_7FtX^3|v);>^mNh$TY1X=|Em^;!9ZC&Rtz2yL&7ax~@@<waN_!I_
z#0huN+A_SN^vHTp_VE>;y53S-_d&5V|Fi{SxaWv09(sV6?Rs^Qn5(CX5A^BcJxiPz
zt^X-TC?mv3^`Q7dJuRwglSDcFOMW?JsVJ{D5LMK&VzJg)6eIm)umubN13?3@8q5M+
zzyvT{af{i?4)L;HRJ7NJi<Nq9F<Uz&I(gL*V=Rrx`=QuuX&^qZv=p251z;@alf^X4
zZn2qPaoMYn5e+Ol@o$LD)<;|;-V!3-w-hqNag_Zh{fOwMpA@fJ>WT%H7ezU*(xN%{
zG}g}xUp+$fQY(t3T6<BQ&`0YnT4`&9u71SzzG9sIsaT-b75#aadyw8-3{X#rX2cEF
zM~MaeTFh6<UE_#egfLyK@zTV6%CkUUEc%)EEf9m$J)HX!t`$D|Xfany5CK+A)X;tx
zFKcH+Ny6TwX{BU}?S#cG6UFBo&({Y->mNlw>N8reFMO30u?!o0U&=Sa+ClWwmWgHB
zQSpxcp7_k#k@ziQq54?N)Puzk)g{`17V1p#u|8L<*6xb7YDwOpeki68KTZ1{go$@(
z&$p}%L^o?=F`lvndQCGj^gz)^(hqy_kNmdFeCtv1h8`-W>q|sC^6ICr5#Q*i#30LR
zQC@i<zSSqwrd>rP^<`1XGGA;Y%@VH-Vw6{)7@|B9>n(Gj*?uF*GF^<&mr|d_&?8gK
zRW)O`-cStHPKeFgSK=#et5~Rw5i=xB)otP<^%YT1J1IU^ABll#Uw$)8Jo=XqkH-_T
z%Jg_3VKu@=YGHVwpqR+4co}8cVc8@qLc@`k7NQ<y{?M{V>?91b91vYBUy8n#9%7>Y
zg&58n&3auGwJGmly_*=OSD~#byS`9NQ&))N(6x%@q|7JaO&Q;XW0|(5=&lbCi!9%Z
zx1qrx>k2VV-ylBH+ZeId_M)T35U*H<i;umRh*!Ngi5=FNq6KXjYAGl-T6Iy+tF0(2
z`H{FCmd&D$#Y=Rt))a4Au8ZxKX=1t891-djCPJ;ngr7A<?6g?K_vE+CtD4x$+p>M&
z{~^$Et=12^Ulz5k{^AAQPxRK;i8Xo;uwK-(xWroQ9&2Qrc1={bM4I(oqxTUbtsjat
z)^*h9cTvImI_Y|YE@HTK4&iW7M;~Q4I3H;}BdS@G$m2`nvCPNIoBL{r8G0`x&Z`Dx
z`9rMIqeON1&DX1-IAbj+4q7jXWtK#-+(#F`dR>AyDvNH~4bfS)hd!USFCa?lny77_
z!%JQYdA=m3=jCmwC#LG{DC=V}h4vi@Cep_5fK5U?!1Dc|rqxI6pii%n<-pqg6S8N4
zK1^)X7E`AiT(iJ`8%0^`5b*--vs2$E*6>#9_sE*n)&(Na@;U9n+KzsmI$aPy(GE+z
zUxnUTVu>XU-iQ|CpmSrq+g|pnDPFVmho26L<@$1XYCPc>@j2m_);gl4e#p3K=G|AU
zw&XxN7qs6=8Q>S%Z?o>?8C{V}EyP;c5A>hJC@`9}o+j{nQ%h~0(+d8&FW$C(E&4$3
z;nrT_bxRHLD&Jn}q4QhIUPncsb*gCTg&eeQ5Q|CszFuC8uxt~RE&d`H-dN7>EY;C7
zL`}_KjMqyD;r%jp)!b0s&u~xxdETG6&p58j@kStp{UwjYS6@SJ14}D-v?cQU2T@pA
zB?g1K$_nukVORCC7^U72&D5jfCFEGJzDT^S?iBOrzh7JW^851BMGvnnB2axtj0Js=
zF-?&*uWN(pAILH5TcV<MvG|ww`_Mdv;~KQvbmT~^sHj&Gujo^Rzok7s`dy*79r<)#
zjPh<GHd++u{-RiEWnImB75ZEd!>nWI2a6aV7DD6gB8dL*lO8Twl76UK$OzSE(pTkJ
zQdG3i>xeIOZ&5?-EcU32#CxiSEYC!SzsGaui)Pl#9_VR=-wNIjfPVEwKko*jKjoKl
zbQ<WU`--=~V9*A6KZ!5|)CF(kVkO})c)p!pLlo9~imKKZXvdMFg#L+`qF1G__=~pq
zrp?n2Q2zdAI9R_U=FxuhwB4NdB)lMMU{_lq<Mp4#Fzqa%ysy5ft8Ea4we6hCJP%M7
zLhVcHc%J)QqNQb|7!0ij!wXX_lSEaXJJ_qWsOHsG%(G14`H|e)hvS!!8wII<OUmjb
z?hVG9qoSH#5gA^c^D&~iwL9hdnY87Fw<X<7Gf)3mbh5tB@f_$;R1~zfBae^7eEPtA
zOGEha7|$L=-G8F)LwG*<fO(eVLS>vCXg*JtTh`@{XyaXpytXp#%CQPw0sTNP&;)b^
z9kk_Q5#!=I%|_ZLqJn;047YSfcD_X4E-sc@niKkprFsb0sV}m89`e07AA<f)+azWn
zLpDL1_q0r7Ani6<%L33)`%cWz)`=NBqZ@ecvn?~kbjvSb8FDy*@Q#?SU18jqDLzMT
z`sx>;{k!m5ZPAfueXcA)Zf>Fs`^8M<k?|}2ttprcDuWNe`=BA14hDe<AWO9xyH(xT
z&G`JS^3Zr7Ls<`t5FgU^O-)^*9(=ou@pl1OC;DQCUBFn}PwFI6AJIM%Z|gB)Bzz<o
z&waE%po66K9e5O8k~*E#&nyFkmxMmsxGi-eb*+&l^{jscx|gYUN!=?KYAquH-7A#v
zF1UgW_2^tu@5&FUZ{>rjZ%Li%pCI)tS)Y7R9vCOlGnNxx00-bFkA5X}to%T?lKNF1
z&}T|Ym^viS`&%gM#q*?Y`P>kF(^8r?l698l`46GgNo70yV+f6;&IrBsQjfKS=LmNa
zItinoXDKD!cu2Szono&Ri-$G3t<;myRX0l=lYY8ENk`8?*Cl*ghUy%~LK#Lf&dFy$
zpTCCs7~`O97fG+bhK!{@(Z3ethHvJE!%UqSz4bqaCJ&+8<`2V#k8F3@7XNMNg-$N@
zV#y=2-ArCVH<$Xc)Y0>YQcsn7saY4PlZF_FO-LC_-~UG-AEX?~55-{|M&2$YJOy@{
za#!}7ze39J{E#v}|Ffj*$q(dF{^#T!OPT%*WZ!fc-+(P3g0fh_T#a$S91nJjne=IM
ze2}48J~=i><S(NfSMngoi~Nvu$wU4+<U2OUDp@B9IfmuJ>^BRHmo2-EhVW{0%h!g@
zQqL%1d56Bg!uZy_j&5T1586rc9z48P^6X#dW0FT?yK=2Dd0jEvSnA?Z|3+sr^=@=)
zb50@qww${#U!v__=2^*7?>759p{aMvK8emRc~m~r%u~(>85`vDrEdMCd@>#BDc_D~
z%EkP^oGVH>K>1|ZO!*}Hyws^>IdbQKrc9wMQXXhh|E7P?55JOf$(#qGf6Fv^y!_WN
zkGIYFvz%8~V17;imU@;flbk>1$*H`unzDy-m~$8A8y+3nc<9|n^z-RJpO$l5^#43L
zX3~^-jiiSca}7B^Fxx}UrSr+bygrmC*G&DC`IwxO<=yurZ)hfIA!%oZd9ox=ug?pa
zr^va4q`N75{~9vCG3Ox6Ys|R^bLzbMK0h=fo*(}ldH$FB<=vN8zkd#S3!u62+do~G
zv}64FmhgMp`isBH&wS_Y^u@-BeCN-~+r0Vje+vI9Hy0yEnJ?$foBt`y<E_7i8<64f
zwK)&WrN8Vml7I8&Fmhb7Sd7aOT+_6E#v@B3<9EFpwhd_`fuCf*kp0l?t7AnmEAs^O
z_h)T8OVPQ1#J;nXKK-MZ^JFZ{8<#w7)EHVzTguDy*8<9e9Ct3w>g%cEEp?AEKX=Ti
zq5qf@Bke!3|C#n5$uH6lB*WbCRQ7W@Hs*!7W8>^6{VDI+QZFgw$&2U6F>mIRu`PG(
zlFvndE+=J9UYOU1^Tr^{$((wo+^=K|vs5%f)R&A|dN{Idq)}FXWTctb(A}iGH)W_P
z-_hsM?WLaoL~cv{U&`d%xq><NaBPkfQpZPr%Xxr|&l?M*e*PqXsl&==puazpFLMEN
zZXw4anLqOoQ}34Jg^c4F7O9U*y<h74a?Y?<tgxapn&S!2m1993%=Ec^>q#GB+>_6y
zUwk1al3rtTc;UjQ!-KLp9ewJ0rj~LZ<@sYZThnJNi-m=i?bR06#+8bmP`f1Fk>*DU
z&tC$rRo#StKhFGROuMdK+lf}JqVsjY93kHETCH+H`A%Nbn^;0Q@t3|#@|hMtp8`6W
zsj6nRcv)3V(=D9nyvLgRr>Y$2-d6rB7OPdYSosEc-kCRXs;=s~W~OFOa@AX&Xl$&f
zbBV0U!)j5j^4#J@Vol>B&(w7<FE8Dji@c~R|71$lYVq+_trSQ;jvRDVQ*}+2m_PC-
zo@?gbyh%PRx5T_y!b`ng)&d2*I3#2CURG}(FUl+n%j4xO>~v2;xhKM#$9sFpf8gy^
zz{jGSk1)?T@;uv1#>q$dm`7eb%*X1(O(sobk>nvy2Hqqgt&B4deZ0(@C=Xwv^Rf77
zl2WRoKzl2{$t_y|qF6NDs`}6hw1byd0WU9EI_}YZWOd9Z@pRcFB-Nl4CAWGBA8zq9
zfq8|Utd#l3y^z`}OAYa5>2<U9xR0D=d1c!`AMP;!C2`HC%G-4x*;evTmWYy=>1Cq}
za+7W2xvH6jmicp!>O~tp`IA+XT=V3Q`zRA_tI8+IJIz0NT_(*tmlyN>nYlbU*K?ak
zmdD)kC4LfTW+(4cd7h+|<Q<sLlOXR-4Nl8XJIT1YNjwRmx+I?5Orkw0goiiDKHtOh
zE=tmv<e-}Td1yt|@~-C#Jx#^4WYr-DWL9BT&w)&5md?}1WLim0`A53ko|v1fY!O*!
z$_dZOVyhbGo|cx4N5?8aDD&|4qSUZ0e9t*)^T^=|b*tQDyoUyV-^+sK|C6=+d#Zdf
zW|_@$o1}!IJXrQZiX{(uZ7M(8nh%zhB@3G4nQ~BkxR?9PhJ$1jR#sPLW{Mi<z=7EV
zWvfG&T$u*n<i^Sz%`8mDr=!UtKrty|fRr{R*drqeb?bYCSt5kDiLkPgqA=F=_2Or-
zO&k#?#RXx*_curJRf;NAlxj*{<xM=hMk>>l&y+>VQe}e@s<;(HEvq(E`=|%iQ|cKt
zUd_}LdXJCht5w$KX$!Qa+6FCD+pnGBU8E>2Mz5mR(S!7^`cQqm{*gXg|4!em@8BB&
z=k=?4qMprnq5Ukyc@eH<g)b_kSIDgJXT>i5KK=#$i~7IdU%|hUe>MNQ{`LKv_&4(p
z^q=DYng1sLE&f0I@8JEQLjjh6;sGTCDg{&xs2wn{l3K}H$+uFmN@Xfls8pj;`$~f=
zji?flrrtmPP|q<8`Fn-(PuAL>T5q7%zlbn#N?a6nz6fY2eo8T=s#0BfRq3e=Rz~I4
zdcCrpT0c-r<<|NnwZ2BJQI>LRJ&Rf|)Rt-AYdf^xv<U4IwHA6+-ari2yWtZ(L7%42
z)z|A=^qu+v{epf?zpdY=L5uPOTP-StR9Igjqe2$77XAhN{rrpjzv%DpUxixN^Kbm5
z*5CX8=)aX(@Ap6WOs)In*1BlES`Vkz3bj_K^&@Ic>l^otB;}fMOgU#9Wym}N@Cr~^
zHB_(~DLcUy@Uv0U@G>kpf8?YnX_8nuBXR<j%8#!-zWVsg<K2&cdi<})8y~NI%$tWs
z4!$@1J;uUp+<cVt2rJVg@_a;Ia=qr!2Cxb&;X3cv8dW%E?I!tl^2X#hlcy)ylRruR
zG;vbm<V03>SeJe`adhI4JDU^x+}V)WEioXGcO4TlKx%?5Avs}P!jgnV3A1i}o$ygY
zms?wI{(NiQt+lt7-&%HS&aHQE^}N;nMr!fB1%9_4P>(C8On#Szd-|8eAvIF)yHo1r
zgX{<S{*)<Lv;W~w87nW4Vln%lJc*Pr7>Z?9X<Ju&fT3U^SPc$?^We58?X!C|>e+M8
znR<-$;D7m3KT|{08R|^+b9ENh&5zYZ>SA??x>Q}Jel4(Ds^6%~)fMVWb(NSUzED@I
z->PfWwdy+cJ26|#QMagD)t}XE>M!bcF;{%4hN?T%o$4+X%Y!<NU&CIYe!}|P9W_Z!
zR&A<X#d4zFRqv@Os#8r>(^Qx07K_AUHC@e6Gu13LTfMLTE|!R;>L2Q#>I3zm`bd4u
zH^IKv3TcHkKdq=%Oe?N_s!mtGP}gfUw3=Eit+rM`E2tIGeCe6nwb>$6o1@Le&b@<Q
za9yk|(Uyu`^s}$UZtWYa!+W$9;#X}Y7PD2_YOzoIR_qtQX=}8#+B)q!Z9Q^mBWn>S
zv>&t|ML1U4ll1k|yk{OE&Wdx|zeJ=suO(^QM3nZ6h}O0vwRUJb#bt3t#Av&<WNnYQ
zs{Jai@mA$Nab4RlV#N&+M-Sg6;<W?XLG6%sSUaMHX-D}k<Sp%(c3j*ODZ(jIwG;4~
zOSrXgzEhqdGDVhlQe<nVwA11~v*X{95jO3tqH5<5osr1N3))4657sMIWQSdg!eh)^
z@zG~!4(+b;qEbpJt(4L3X(?K&=0rZdth}Ps&_k4(N-d=}-=eIm&(uFhYSqJs_%$s}
zb14n@7HUJKkv>cRLUU{B`Um=lT85U1^qr%BrgT=i=%4D-wJa@LyU&+wx+>iizF>^B
z@2R|njGm_SQr=d2>k3i~l~t+$x>f0;^wmGsKhewT<&=I(e`SC&5UKX1GDt74&r`-L
z6O<XsOnreqUs<8QudEd!RMhMg>eH<^Zt)BI>{E;{LT8odH<JbptQD%%^!E=M9T=(%
zt`(}*3{_qUs1>T!^bZczss#7wUAd3{JpXwehR^d4_8&E5c&J{*47o63UY|Ptq2kTn
zquKZD9T3{8PuVAjBl`4dQY%!K*>DG`=k+0jF}WEKno)Hg*9x`N?BpM+RqfWhd+*SY
zz_OvO0{fH=2=EUI4eQoBG%T=eK%YLfLak5ANLfD}UCL8hubQFOS89cNdvbWQcWA4!
zp`y>cc{0B@dshw!4VgEu>^y3acOLfa`95Boe<r~`rB(h2C=j$y3F$^w1eF8I%81GV
zl>;bYpTJt7J~cbN**l0L22jKTHAAZh)e0?GGxTMGLN#|(Q|9{5d$afcRzerU_IZoB
zJ$vsL)iuY2K4n8IQ&|7G`~09=Zk()T;hLeX=I-+seS7bCSp=5d&#MWJK;jG42*rnZ
zr{bs9P<9qo*zYacq;8e6e!`n2V5NQ2+5sgv+^hC(->ABIr1fa~T9uMAP9NB%S&h>2
z$ntv4N~L|}k#*vL;Cf}{k=K$B`ZuX8kG!Xk?AEx9Jo4!o^m<h@mjdq(?({kfPc`-y
z{CxNuo^*w-@0>TRnT#u3!mp5zRUQ>-R<ByQqVmYM)oU-8H}Cc9*4k4lv9nk~FDl?^
zx1BA^D3f;%lDp63u1*<c%FeEGH(u@*$=!CjGvuyf8D*-xW2(Gks=Q<BPTvahUb%D0
zUBwEd8zgs&<nDsp8FJUM0*S}VT^)bYjb|qX`73yhU=tP}B3p)wH}FZABL?$3O|S7i
z$%FWWE)*w7g+qWSp?)j;wE$6&^{x`E^Y}5(EnzJsUQm7%MXh0?i1j+Uo9C~v*eEqS
zop<mB<7)1)A_{TliC1}hd`#}KmM>n<cWe<=DVHZbUgmtM&U5S~T8ZCsk9|o0AosYS
zD4|$$j|<@sP$u`du;{O}$~`V3dMax~TQOct5Fd$2Vzd}3Mxk-~^9xdSd3XO+j@of`
zJn>`22+lh2TSLP{ZH`(KGnTN&le;FHXCuU9Qce=@vmZ{%9^5??OaVQJ8!4u8-w;yt
zGSf}w{_*50pIMtH))x&$Q}axgpy4z3*ZNBi`SbQCA6bGSU<$bp;prp9IP*#G5;tDF
z!#;m)YCm)K?3H1p9|vVdnN*ofj-$y*meTV~S;HwjPnNth*M{+|_sp6PC(Trj<<lo|
zJcT?Y<yu4IA*A!1J$p}0u0M|&b<Nh8!kta{C7L?o19PiQK2P(iO&KOZ)jCi$e>o--
z)0y^aD}vzUH`&)RDUAL@>zjYZ7)trPKdc188#9mmW|KTF;z^`d=eQ4^87+tnf_oLX
z<|Fnq*c5&#`g8WP*%a|5n}RN~oc&6Al_EB=Dg5gAHlDtNO@V6<us_14h@)(ZIL@Xp
z_Dj9+ESn-ne)bo|CHB#53S;|C_K9qYNM=)*6WnE=A|A4T%%(6yP=ul|-C@u8%)TW2
zuPEh|a_s$;O6*@!st8Sv&m1!vvwvNAoqbcK8T-~sAp3Sod-k1_F6_JGYpXEs_GZtB
z%6_Oal>KmJIQvlwAHGw@pm{3FdkUYpWt5%3{x`IDO*x<(6{-@Y*oe8O++&}qWU|jz
zve`dUa)g5K2xZ3dM444D)r-B4T9AEFwJ7_NYAN<*_=OQgtxh{2=T%Cs)>3P+udCK)
zKS&+Mei~Y=q9$weg`$0hE~RKcqAMxrNr%`UVa-y}Zfej_OVI4>?`kRR)3glsSy&$x
z{WI3P6{)GP|3arV(H_W6|3<&aK1xq#pQ%4!|A@DM6pS~8p}FJ}f&3AoCdWl+>7T@A
zwk>R1*?ty3OPVuptHyN;e6tB&*d}K;oD06T`4ar82L^ZUDQXY<Xwq0wd*q}M?~2-E
zhfH}7$)FCKFnNL~_3nsC?}-XLt0enM+~>Jl?&T)Ka%M?X-b3(XHe;A)T=VtjsV@my
z)bBo{u28Z{M754+9r1#AVQ8QlxU==e;ERFNUl<isE~s4K!62&)gD(cPFKsP-IcQ;U
z|KOFaZ?~Nr{A-zxfrEp_v{_tcaZro0Cxco9wFq1gG$tsd-09$H<zH#jihW?vnBa@$
z=e3ClRLN7VP^e-7|3dz00gHpD1uPF(AJpQdc~w8D_FnZV)#p`TTzz?s#Wj}KxLDI#
zb8(wZZ8p_D7F4dz@VY}=->!E;mZ43s+y|Abzq-vP&Nej&e7(TyYhKT3nAB!<qe*RA
zwd&YtO_TS7#<b8|v}jemRrR1TEvK~1kw>knQ?CV-d|IoHlsKZz>ejd0v<f^Zx1e(J
z*i%POeCvo-QzSiFN3<){x@7C&?X0cCg42St+F66M2+gha&fqLbC(jnNko@y)t)ZW1
z^OV?=dtU0ca{~wG-`XtpY?6L?Tky2tY2-LK53MhHHrX<57XKCG-{R?$%r>*qZnEWM
zyaz3~cR?P4Ld<Pp5L@s{T63CgQMt9VvK6AH`8G37#!CvY5vH{c^K7}-3Q^MOvJAl&
zsUKVvI6e4Rc`hmJ;h&&|ZRfVW9aOIETv=1<w}5&?c+vzOY!fW+f>UyH32NW^V$j0Y
zw*v=LU-&9`TANnTX*HBtDK}YWPb-l_3zJSzMz(QlN)S9PuU*Y6l9F7Nn`~`K1(|1?
zU~<jHlXUs0{%_-+(+>ID#Z&926wjl4UKqF_m+F%8(}EUCt_*4c-$w)<ghEg1Bxy%k
zLjrfozC=HiS0vv)X<gYjWxt~(slADnwB*G+j-@qC?rm2{sBQgaj}H#(`UzST_Kkdh
z#qy4gJ4RC8u_*fF$a5gipTrqSM)F^-bIR{q<^J&-hFAE#7xT}!$CbNzS2#{Ius9gm
zGXAfBMmATn<lani-f$V885_-1QmzUk9n1v>_(JU|vpkgE*lb=qV=OX5Jof+kC-2Mq
zli!8*{23oUEit(~iO;+K--pJ^|D4uC4<psU&s+ZSD~i(6`P{#ME=wL&^WT=gc2DDt
zLr;(Y+anL<J*l7O3SZ=>U&eovo00jvRPvW`{?ni5PR|qbKld;9`93{2zA>&oJ$v5K
zv%HqS)t{I8?{WOHZlZA)t~UADup4~!;lKSe!f5O7^HLi}pyoC9*Nu(FUgNCcG}gn%
z#f+`SN#i!{j$g3+<4N>3NeiPEa0$uh=W?&De?E0RSD&{x?ipAV<saW{{o9|hmj1kq
z{RU%)v4~%j+D8&U;b&|&7SPY0^b5Z70M(6jN?p~M4k!BYHO*4QNDpPdzqi%%TKnnq
zp+VT+ieg4c>Uy5~^x4l(`QOAEDYB=rPnEQV-g%NMm(u@D9-cICf!)l>lyh)F;(xf8
z7BpoPvj-yzT>5wE`JL4N;m<?Qr&RqPvdFz9S3a5iVe&T|_nbe!r*Xy?Pml8-<@R97
zyYHJ4CAY5{Cq1bo-Aw71dy{b{=ODj`_spNs=$X@hdy-#j{c}S3{YjpCS$-48$S^)O
zB63oVqVml1XT-9G5X!ZQMoXjVli2QgM=~^)fN<b6j<cU@U^9REXK;7kpYcuJ(Laa(
zOWQqP@_0BA8I{VodrNXDf0FCY{?pT+ww-a}pVH*TBlpha9sg5kIP$LK$tL5nDZQeQ
zEqjb8<efRHQzlk%p8sc5%!@Z}<Q@Gz{J%@@zvqz`V?0M!poAagl{GJ2Uieoo&5QSh
zIoZaxyqH}16_!W2yc~_wGKEKu<fZ*@LZjDzPGtldhm88{I~gsEnmlC^_js`hqna`M
zsr13>VUf8ROLL|fvTu?iXDH`|WbFU>@Bbi2^K_s5&v+`kjNS5gSD*JMf8m(A-8EKA
zt;YC4_Cxcpm^m&YTmSw?{~ni@pYbJknPWHU6fA_^%(hF27nno8$oDNvi!yxSxtu7E
zW?WTN6V>^8&MVlIYhp2~jTK4S;p$<RdrdUpD}xP1BfdY@1RGs5(Hu*VwCK&i@-vI?
zM=xR(X_;ID61&81v4`If-YfRWwH^_L?Z#ZM5m&`Eaow{*BjV+Hj7Y$ib6eaINmz4i
zSaTfwwm}_iG7VT6X^cIlwbGVvvv<G_(^=`w>c$FXt+G-10ZYfntV-ouOJjX%wmL_h
ztA44@Q|GG-)UVWq`PbH-uB)lPs{7R6)Pw3_HB3FGo={J!r_~7coO)ips7CRnju=*s
zW7RnIrkbGMW-Tq5b+o&zprx{Umd>hKHfv=MSSQP2b(!~yc%{Re6|q9Bi21QvRzfSO
zmD0*+<+KW#zg9_mNvon&(_Uuntd=(0vr@(i{CsmYdXZ<nOs<y6wK8o5Uk728O#9Yc
zAKRw=lDFQa?ZSq$NBdQ-a<OXv+p{ZMtZGGTSG23zb!<6qErWMn3hTvLJ({V{#zG@~
zNH;MDVits5+6osG#8#ss|BDk>h4!|X?Ol-eejQDr5!(y2a!Yt5NCd+j9YjYgE}hx@
zMOU@}(VefKRKjlA3$E$SRt<ak0JvumTTQI!^WdN5Y_+lfttH<ba70}=Vn2LzfUS`@
zBo4z%Vc7nfV)+Y)pH5-#YX!GNVW+tacXWU|Ts$Y8ZMe8E{(#>eibvQ*b1?Rd!NzA1
z<CFqQ0Wm=-tP~a#S%WJhCMlJaN_^9+wo+HTFF8qk1TQrdpTJLz#i#I8Q!yQ`3KXAV
z(d&svV=tu_{vf@v?tRXR*+4N%nWcOo<|uO%ESbtR<r<!(vC0kJBaT<%#Udp^N#wVH
zQj}DFk;YIA@r_zU^%Kjn#MKq6)cV-tR;xj35bvb6Q`?I*l2^q#xb;)sCjLzQT5M2P
zsq1+gdZYS-IKqnVc5z(YtsWF-;K;)w3a$(j(QxK5aT)GBA+Ero7lg@`A_2aP6L;Xv
zn<5GROc2TN=xrg_dhJ5;>0RM~S5w4Y_%&7BgJ)eL1-^YOoT{N3;!jMY$N~8-m3Rox
z77>r&TR-s_-Yq6_;8}lRz_(Qt0pC_rba?k=#iG^G8nN=(R%@sDX<f9g$_rXgt*25-
z8=;L>N^9e^@k#~lL+wK)04|@eRN`HWwMuo?ch@V8v`yM3r7^b1AC)HB7Hx~tRD-vb
zW^yf8X#sEVS6ac*hm>~MC{HLIwUgQ@r5o?2oKt%6c1pC;3+}$6^oGN)Dt+McIHj+4
zOG{D)vO;T9hRan~Wdxk>Rz|Xd`cN6A<!FX7iM3H(nW7ie3n?G!e!8DBO)sXGQa<K)
z!-H7`ZLhaiw(1@Ax0RpuLHZ!&H{Jo6svKY)_5<apTt!umNqeYrLZ6|}RKi)Oou!;&
zb#}ILT3?}mtDMpC;#AJ_uFQJng1%ATs9e&2)PGW<c!y+*az+1H|3!(>L-kPQI`5S1
zRATkr`fth&{h)qOxvd}3k0^KaWBN%YNk6ThR_^K%`dQ^3Z=PIGoLE|;lvLh9xu&G)
z@p`=C(jB@(aqIW=drG>_rex^ZdN!8if}#<cQ51+Vt|^T{ka0~b0{lQRaMZY_e*lh<
zrWF0U1U;@8{jH=@nzgJ|_~H1AVp=7_m%x0m8mtA;#9skd!FA5>;m?+V@5cl%2}}XA
z!7<jsPJol-%ddAE{z!5^qa<^?lA;RZckP@%=<y{)ka1JALyKt-I)F~#P4E`zg<jl;
z*=k?(sR7_?;#PrgiQ7pYyTJj@4{_}@;Tdq2Yf<DI1AaGB6b%$MdMTv{%NP!&0%0Z4
znDwwWgh7OZ35S4p!EB?XG7l^Si$IDIrlcBSYJKpT(Mt^hGr&ynIhX~$0IQ9g>bGDG
zSPRyH@4$Mn!AMazg73j5@B`Qieg@mXFJL<eHSVc9z)r9W>^2;{TkTMPCI7wTvyX5;
z;ctWo2oG`35pWb72jSopfDY<e5D6}TOCTCt0arnC4sUi4J_L`A6#9D!dV2}_dI{|X
z<DT{+C=JSj@}MH9Y&f)fMwkX2wAVlb@H%J+8i6k04bT<LHhO6b!8-EZ$i38A`;q%M
zbG(J)t%N&s{?Mow?_iYBjvF_%6U3hcw4-*0w3J_qB8&yMNq2`dHsVq^cM_(9OpgEH
z+Mir|K=_c*Fj8~{sGtxi0{lP;e56Z)QlLEN6^vebMdPOKPZ&U0iLf%^ON3Pjs}fct
ztWNkc;VXnS2x}77BCJhVhp;Z;tAzCk>l404*nqGh&u9$zoqK#0QuLOfHE0WhKqnx7
zpR_CJ4&Zqmp4Z<7eLz1j01N^{z%b*UJ_3vcqrtmi92gHKQm4saD)@jtw~8{rkNO(!
zTMssoW-}o?$NTdo^y8!p2WO2iJqp~z_D~<0aYZ!2=Ghb-v^jHuD9&SyD@tkJKx<4G
z1X4s1#<(JkXGPRiMm#d*3NqyiGUbZq&sUx+5%&_PCyHpK(Ov@$!0VtPXau@|H$Yb~
zpR}vNT5yy+qRHb5xC*Wlch5-DGK_eA0+<A*fDd?ce>UL}!ed5~egd523z%m`5j_gr
zW3E@8+JsV@RBCdOnuJo5P->D&O+u+jD5bwh>G>oeC<ZEV{t}oER)e+RDDl?`@A2Eo
z8OB9QagkD7q!bq^MJT1XNGU=oMJlC8#kx@&%Ti+_P5lNe2P?ozkZh!BB|u3~3X}om
zKn1W94}_s$I5^7vUC_t;kl}vlT_sp2E{1$`ARisbM+frJfoycJ=35+j=s+GikbzSE
zIgo!2WS#?=C*_<2Ip;veIgoD-<eLNe=1^t{KQtLXWe%7Nz7&4QCkOJ$fqZfxpB%_1
z2eQS1Y;ho49LN?2vc-XHaUfe9$QB2(#er;bAX^;B76-D$foyTm=N<HA2mM&~VTX1@
z_-S$A7O-*d1nIzl{}iBtBA`5I2pWT?pgCv>T7$MA2=oE{zyL4=tO1+BR_fgfDmkH&
z6Dm2Ok`pR9p^y^_IiZjf3OS*W6AC$@kP`|yp^y^_IiZjf3OS*W6KXi2h7)Qyp@tJ`
zIH86UYB-^W6KXi2h7)Qyp@tJ`IH86UYB-^W6KXi2h7)Qyp@tJ`IH86UYB-^Q6ACz?
zfD;Nhp@0(#IH7<O3OJ#F6ACz?fD;Nhp@0(#IH7<O3h)cCK>penziS8uoKV0C1)Na8
z$vFNdH7LcCIb&>bGPXDwTbzt7PW4al5Ip9|)CxK5MBX})kxt~J6M5uB9yyUmPUI24
zMhBoE^2mt{aw12Zk}r)}jNr2vC1){8&SI3D#V9$;<a{Tb?}YQ6aK01Hcf$EjINu59
zJK=mMobQD5op8Pr&UeE3PB`BQ=R4tiCo>5vR?>o?FV>O);1IZPWHWMSDzl6X<qI$e
z%mrT>8H|vbjF6d(PMM4_nT#Bnj2fAY8kyP+BSVV=w?GQ#nMNj~KqjL=CZj+mQZo~&
znTgcQL?UJ)5i^<JRAXNQ)CUc~=U^FF33h=K^vY;T;|*Q}WkGpR5d?tNU<{=S0>Pj?
z=m2Je#b60o3dmFa8XN?NK^Qm&E&^(xVlPr-z#rfNctj0qfq7sBfHE5QXsN(W=?j9w
zz!!7`oxvNR8|VRgf?l9EfVz5rFc1s|-+_J9trfMmQF|M;w^4f=wYO1w8@0Dldz;v2
z9D@RWP{0NSY*4@k1#D2j1_f+Tzy<|uP{0NSY*4@k1#D2j1_f+Tzy<|uP{0NSY*4@k
z1#D2j1_f+Tzy<|uP{0NSY*4@k1#D2j1_f+Tzy<|uP{0NSY*4@k1#D2j1_f+Tzy<|u
zP{0NSY*4@k1#D2j1_f+Tzy<|uP{0NSY*4@k1#D2j1_f+rq*WLJn_-`BZbYMFCZS^{
zi4(?c5o<)DM<yxt3EP4J_<w(9B%u!`p${gZ4<?}xCZP`|p${f8zC@$9C84t=p|2$|
zzC<&=M57xeF~&rrA0;u)L~Gv~QH(Xw8fmp-9AD@7Hpdx+*_{8u@dHLU&4@y0NkU&q
zLRU#bPf0>YNkTtKLN`f5FG)ftNkSh<LKjIw4@qLYie|iuX1t1Ktcpf2NMb(jXH=jM
zSD>bm)G(47Mv7DPr@}@g{kj7Ex&r;W0{yxIHH@T&k<>7f8b(sXNNN~K4I`;tB(;mA
zc9GO7k{U%)i%3czNvR_#btEN@q{NYwIFb@aQsPKT97%~IDRCqvj-<qqlsJ+SM^eH_
zW(y}6!Br8#h<YE*<ToUH9Fjc_$sUJfj}zVDRd^bC7bD<nBz+w7gm|PzB2ps}sUL^b
zk7J$?kK~U-iX@7|jI2j!;iIHK#ysIT7O-&ak|(h~o+iy15W%X$S?)Q9B|8$^_<1a^
zPSVrAL^{X>Ss)wyPI~&Lpl^zYAcuZ0fM&!g7Q#|S3{oqRQ6`R2CQd=7D6fNNpap0{
z+?#}Nfwuwukx?j)Q7Dd4D2`Dmj!`I%Q7Dd4D2`DmPThhW*lNTe+hdUJG0659WP6Mn
zYQ!^dh-cmq&%7ZXshEgVOk~uGW7LXc)QV%&ieuD@W7LXc)QV%&ic=%O1#k&OgDc=F
z$ly8DQ@sy<2Y>R6hv2ah!~7tg`9VDMgLvi#@yrk6nIFU>ffE_+;<WY1qm7(zBJGdF
zZRU6j$6E<ca2+YDo#gx!A#_J#Co(d|Y3De<1fn>P1&JKnh_@4_aPH(d9b|HB7;%i8
zak>hS!+HTw$cSMSjnn-IOBjhr`9!@GD95$(#5V+uK~vBiv;?g|TMz^~abFkE6?6yi
z7UN$G<6jJ;ZXBa-9HVX=V_^&<Zyfq~Jo<P%`glD0c)b2D7zf6Ki9B~Qm<m4O`76O1
z?pe>ho4CH2<E>y1@q58>(uKpLpD_N#GXBNF@oqTY4ad9TcsCsGhQnQOcpMxa2Zy`i
za5o(8g2UZ#cpO~qr04j;(f8nJHyrJTqffxmE;!l_$GYK8H(VJ9SGwU!H(cn3>)ddi
z8?JLR#>O(n#xlmnGRDR-#>T>lZaC2mC%WN8H=O8(<6Ll@3yyQaaV|J64vve1<J@qZ
z8;*0sac(%y4ad3RI5!;UhU46DoEwgF!*Omn&JD-8;VKtg<$|kRaFq+La=}$DxGD~=
za>G$BxG4^9a=}S1ILQt7xZ$2SxW^6G#KARj+6^O?F+Y|uKNjwB!#Qzq4sX(fOpXma
z#}%N0BA^7VP!f~^<vDK%8iS^wIcN!51HSkVm$=~sH=N*x6Wnlt8!m9c1unS21sAyB
z0vBB1f(u-5K^$BV2N%TA`fgg@Ma#Qsc{eQ{M~lZ{Gq<whT@Z9c9`#|>xGyVe1HiW&
zA0j-4+>#?Mx*DzNPiv;rg5k8(dRl5dEw!GOT2D)@r&ZEvm2_GqomNSwRl;eNaHyLO
zb<?44I@C>vy6I3i9qNWd*>ory4rSA!Y&sMThnnF~GaPEJhnnl5=6Wa@4h6%ZSU405
zhhpK>KAqa9Q~PvkpHA)5seL-NPp9_b)IOZrhg0)(Y8+0D!<o;tgBRO_4xkfw3w#Y$
zfdfGD@M*#`;CI6g&)VTvJN#;gU+wU#9e%aLuXcFT4sY7wO*_14hd1r;pdB8x!-IBs
z&<+pU;Xyk*Xom;w@Sq(Yw8MjTc+d_H+TlSvd}fEQ?C_Nxp0dL~c6i4Q@7UoRJA7k@
zZ|v}m9bU1+D|UFr4zJkZ6+66Qhga<IiXC3D!z*@p#SX97;T1bPV5j}<w7(tedIY^R
zmA1WaY*m_|w~wQJ70&pLL;PF{VhOimk(XBa{IkD~oOfcj^Cox8SzupM3;_9Of`{bY
zjGZS5^Jaw++?O{qEM?roCSDMl{?iPx5HrL=%n%DPLoCD$v5*qY*TrJMHRk`UT`D&y
zaXhnWw0kARIHEW?P9@CZdN#*@U?1=UMU7Oom?*54;J6IOuQC^|ZycfB{yyWxD#XZk
zPu&K70o%cDQ4p{Hg0$)XG#h2)x~Dz_kEI1m6vTpc1Pj&?ELcah2H<tj5HtdfndP?y
zfglJ3gLa@Z9{ydp{s!m@x)IkM^Z;*yzMvoI4+em7;5{%NOg6H$DPSsK^<VoCo5u|D
zn+fDh8OsblP6Zhu@4<TxM#g*apF=xCoSZ#J5i%k$i!Q`0x)8JILhz-7cXSKFo1U38
z_Fnk&>1?_X)*d;d_9HBTM?y(Z3j8-S>`vU%1#|`70er?Nc#l!=9{l`t_C1JmIRl?a
zzLUXJAZO$2iO-#p>&J-;2WR;r#RV)R7x_v}6vsCS6Tv->(}~Xl+1PFVBz(Z^O7;Ty
zOh8Y5hc8v6nR?(B<u&+<wo!=Fs)Fj^6@Z?o-RE8%oFOe94a^`1f;6<+*FYfPoVzl(
zD}%c-xGRIZGPo;)yE0h0>T6_~cMc$AW`y+3GIJ<nWaZBVshWjU%|d!+kz*z~W|E_v
ze`X;)v&@{M2xCDC$OL&$Dq&<HJ+qLWSxCq%BxDv6G7IULg>=lKB$=$6S`8!sXv93E
z33_NVN+RbY-C4En0eS*vFqGECSYe~2Qm?%vqDUVDc(S+&B@)poY~1hUS{iBHgy|p?
zWPxmOpEdbE2p@olAji0b9(xHL_LAabBx5tX%y?r{{Ea*4u$P$sNNTvyWiMe%i$Zpt
zP?~Yv0<`5?AlHJ3Z-?&N0lZ24Ti|WbA3$B&!leu)-(g6S;Yjkaq#tLTVN8o)Op9Pl
zi(pKPU`&fp<vePOaS5v1pt=p+^b)%1C3MqE=%$yj;YDG?i^7H%WzMlGGaHoiEIG&W
z%&)REIlo#@+8?>L2W~k^+GDgzIB}=I8R8?*D$a3y2{8NA<UA~v@P-k=7#P7A7@;L{
z%?|DvmuXp>IY-MR%r;xt#T+dQesZCcUP33mq!))HOE9y1fv_aui-e^JOQY|V<GP%m
zP2^n8(IykhdD>LM518wHWa^HW%z4{N((VC!!4a+<<C`zXNq2%UoVKqHryPbOBsaL=
z1{a)g7*04$>z|>8Z_$#ew4#evWaWdeXEh-%h_JJ9*KCDxd>w8#dfXnUP{cS4MGr&K
z!&+s|e*{N4K0_D<VnGVXq^2c6Nl*$*1e3v3@Bv@<Is%S!98P&!QbHTNY=@UK;AK0!
zn@%Zhl+p&jX27p$@T-Fo+u+r7N_`RDv%_z)52sUV8>K!EkIDX=PU&s%m;)Yjz*Dk+
zr^8cr_$d{BvcXRm;T=1*u~8cvwXwk;c6h@MZ`k1tJ9F<0c*71)q)|f~JR#*mI&E*K
zjqS9rowk*7BAvFCvLc-}O`|>2Xv;L((Lo#9X+Jw{XQ$RS+RZ_m*{QvacCyn(c069H
zputt6b~QkK&;T?t5}-%|)VL)+=X@Dh33ifp7vXNgD6V5&W$oJ!N+s~7L<!!K@XPJl
z2_h9Ma0cgp8VNXk`eBoCu<GrHUB&_R60prU6y&~A5d?t7#I+_2B9uL}J)!KS9SOS-
zcH`depf`Lm6doCF+*ID-d<^%D<@`M;J)ZLkSdFpBs==T=pcT~5hzkKTz)bKtz}l>0
zZB}P<eKA-9mICUE?Z-h2-BN$$`abX*I7r-K5C)Eci-1)i^)iS7e}D(z5o2EwBY~Dp
zpk)(i*;};iE$l-MypR2`5jkk(TiQa7S8%+V<F$ZiVK;JMH*(P83AFSr?KW}uI8G(b
z4Kj%PgSZF6PcKMo76!gR_S!N=0$%|0)BQmu@DivBu&U^<fSRB-s0-?W*FZ<^?F`-k
z-9Qh}6Z8VT0jrzXq8!+w9N3~HN8N&>ZoyHv;HU&s5=<kU&G{<w`;IjGz!Bn(ffMjW
z15uVf)QEo51ljKyFWhiXy12}{RxyNfOo-?BCL@fEzET=FEM<9Pj-}iVBJ74dmhyQh
ztvnpO!}(a*;zl+t<%Z(vP&^%qr$cc!6n8^qH`I00m!zC^)0Z-#Y`Q65uXBEn_zXg1
zq$wYZGv9pyya*;R6Pg63fDh<fvk8w7BAcmI7Cw+wm<xC$hmE;X5&DXa{^3jC@TGP(
z`b7~_f?TH`#Bv-DZld=l@?NWyBzAI1Wd$XJ^!MqBf5OMQ@THIVLIIn?8da`ju`6vk
z_DGdv`h}D%$@B{cGBSyNQG|Zss|+9<%6-GZI~;o?jh#MGgg)U*AMm9Q_|gY_=>xv>
z0blxnFMYrl3fkaxUwGXYUibZrWRjzn4c_&IqBi)}7pmIuj4uLJ8MV;yxYr}4h`UbQ
zZO-ozW&rdjc-9x5_0=_Wsp9BeFMt<8X}-e8$~S!L3*Y*}x4!VLFMR6@-}=J0zVNLt
zeCrF}`og!q@U1VcBS$7VD#;N^O15Nu8u?(yg%5pmC7c|EY`hWH2-{gRsNNhKV-&}i
zIgTN`ZrV<h;k{&d@2<#T_MwCNP`5EUMO(rk!fu3UobX>Ve3uMmli<5#Wdhnec1x&r
z2j05_@7;m-lAxBfqe>fU61<lTm6G7SyHMy3yq64xqzyF*zDtJhl9AhY;k&!=-Cb&y
zM9q?@SrRq7LyeNC%^keK8d2J2W({srgCuHjn;In2dy=R@l39aP!VJby9n?41MsHJ#
zBx-S+TJRg3#19~R2aE?3Sg9^z+@|!mDgA9qn^)4?lvI{bT6dG4Dd7iv>GcTDE=7q_
zplK#FO`$Y$^yZxf*6ml(&sf_g*A#M1fhL*IBomrsLX%ABA^TwpbjXAbvae-Q=S=FH
zNu5)ub0$wn;eD&_jL$tlPtYHm(NRJtkh9Y?&fOfR1IBxi1+u|?uKhvy06YXa=oY+}
zkJjiy*T_Q8NJm?AF><@n6kUwmF0@1!TB3{5+l^M}LMwEk6}r$0U5wstMr;?Fo(m1n
zg@)%s!*ikGxzOBPXlgDrH5a3^8!gR+mgYhmbD@p77@ggW%x<(UmtFvr1D}AE0DT6n
z$t5a_rz=a@Xi3><N!ipQi_*%~rEE%=O$oBmL7%tEl#OPTjW(2xHk6Gfl#M2ojV6?h
zewcriDO<}lveAmN(TcLsin7s)veAmN(TcLshO*IyvU%Gwm2sRo3-TycJc4gnsYd3c
zB5zVDMJoL@mA;mW*Ysa4fu46`+#=5cD6M~a*1kLopM2M)9QY?I-wm$C13WmGxu+=E
z@KaGx2D}P3V3qr;#gBIfn4LfSzRDre{SVeYHUGOO@H4aS6lUEi%(_#Ub*C`vPGOdv
z!Yn(5S#}Du>=dmp;GGDqKj6IxX4xssvQwC4r!bRtGm}nX7M;Q@+RZFlzDMFVErZeu
zm}ddZZ~gPU8{%e`obq2;{{H>@8c(f)p7%A}%!b{}hEw!Biy!adFxyRGwwuCCH--0G
zt;|#l0_=*kaws;jP;6qMyjNKm8xJ4LV0Ggy!lyQ#P_c^h1HfbB31!`8E3F@ftt=E9
z?-ly&7G%?Q@jGuhXh1i%E9OcB_MUR^Sq0+!vFB7GYy-M;eK6q=FpM-Kz`GnzAbuA1
zo-e>0Fc*9Y{=c>Zp*g7E0;r{;J*c!KZ%w(?^<V>UX>0`FgH7NE@VwQJJR8wo?%5CM
z5$Yk*@@57$z)<x#2nVMCbW+cPNN@pM0@2_KxC-*Gbo~F%UKHwCRY4b!D=OI6;r38-
zHRUv+$7U3&J+&DX#%5F)n^9ry4ry(q@z{+*v1x{C(r)x8@ehH)TPzAtfoCNpl%By#
z3i`uS`%$P~5v~pZl|dCy4ZI9$fLfpqcoozK4M0Qk<Bc1=DQFH_g4Uod;4K{e-><ra
zVm}Sl2LR8iOXxH9CU}Ql7D_LRp_heXR}KB2ZB9i@i7aPQj3!8BH(v}WWX`CXaNHiS
zqHNBL#&OK-2MO&)Lc4ieryaJ{_Mn5b&4RbU*I*Sm08WE5AeHwlGZ@kDqiOuk`Jcw`
ze33vtrIb=Z_DRr$KH7$`J=Z#-6?Ny@V9tktcfmN~@OoD_h(hW{@IBZBegKES5pWb7
z2jSop;MwX~5D6}TOCTCt0avjnt^+3k<<v;0*?<$I149(jp@go2BA^Ukm@QA(5Hto&
zL37X&v<7WK5a<K?fdOC$n8tl;2seYR)IHDI=4LF;Vk|~WXOx!O2D%DTE0Zx<+L_#@
zw!nI?sUe`lsQImLPc3e81?aC9H;-2EA1rQ+#a85OK~`&LfiJ)uFc*ADAG-nKz%9~v
z({jI|FI+&oxj{>HqlMNg!zkkjbcS(8XEU#C@{(FaHhE=}S2lTNlb6&KvdJr(yt1*_
zc;1`$7u|U4<xL|*ylwE+YNT%|BSblBEJo6WFy4k>4G&R&0o%c!;30TyglHCHvE~JQ
zKtWI#Y$AROI0+(+#q{J5dT|K7ECj1=2v*$?thymsbwl*Gz}sLDSP!-de|<aH0S;4^
z;!3oUrd*-y%pR3%)G!PD!8<p8pcr=i5@<f1v7CHJ7(%^fa6A*M$VGrPM^6M;PxJ@q
ziZZuka!V(-6mq*uZg<J;F1g($w`6j=OK!>Jc9-1J$t{`OlF2QZ+>*&HncVJ@TQXnJ
z@RTb}K9>(=#PEIo8}N=IDTx09Z-I!`@YE1A%Pwe9FY?~XW!6O8tfr;1zEo61FlUx)
zqLJiwp7LF1j(CsR$$jH0Eqj%gjb`2#!`<Q7LhO9mqcGp~ko_;lw1M29^vSFny~;g&
zM}+xxG3E)s;IC3lq>y(izE3WA<}o%C1?#34_LXv2uWB3dN?rOmwjZSxVAYRj#43Y~
zL&|8<j-_lWrI6ec%26s-QQi|2KFns16Muoyoo8lhr*yZNiC$88cZ#{vdP;T)pNd|_
zIML5oAjUmDB0kCaRLsaZC}tZq#Fs`VXfOmCED}fXayp*l5GV04JC&0RErP|loKz8+
z^H`kExlTQLP!9|AI7D4Kh}4`M>QbDikD@+Bgkcn?PF~ch2)&^w<!eTd_?f!BK;4>A
zw<45s4E5_k{R&aimP(hLbm$nS49aoQV_v1l45GdTsIP^R*M+86@Fpq1j7PrnSj4zs
zzW3OXRjyvF1@tDA?>mlz!k_Sl$PCs?XY)P8FVTGV@qXt)u6y3^IEnX2VOsgFI1cqs
zVmUiy{6-D$(%NTf?O0m-l=2m=d&4+O3!bF~BjJzAP`5V{s2{et)zEt%e6b&jdU)kD
z{85}12!{p{)a^T3pgVQ@n7T#Ke(}^TgVvZzYedi*U8&OoC5HEDlHpG;?s7w^bf}cc
z-RV#u6AIiVRWx6}>B#f?G4qXqKYb{xTo>HOJ@>fBZO){c&}XEroHarZUnu;Ni?lt!
zZT+CbK1vpWC*eIjzwaCSxo;<}62-lzdER<TD!Dj`JkIglbL4Xtio2kJof6uhfrIw$
zXKbPjJ&8>xHl5f^WZrfBep304RR`|xNFSEgkfDr1!{K7)=q9&@nWgf^=cfp5^BrxG
zEl%)W|0$?=-S~<6M8M&9o>}z_rDUE}Pbh$OrZ+xi{owxkLZ`)h8G9(tDKRc*A1z*;
zT)WWX3u*BU)b<yia0Wh}PAiY3mFMuJ5l~<qtvrTSo=htb<jFt4$G%V{2|iv=DW<^3
zAy8;1eEcbV90DJI1RsA2#Xf^#E1_5{d^`g_UI`z6N*Q;-$C84dQ1jKa^;jrrqc-nC
z&81Lt8+`mReC!KVm*mQZ{m^ee^xIF{d*0zKN{wzy9)`Ntxq6+e*SRWneMv33R(pz;
zm+Q2tw3?JC@?Ky1K_Tu<;oc&-?d6d=R_K!qEhJYbam7ila`u+WeKX)<>~I2&n0B}a
zC2qmJ3A9%N(u&!i&}r#Y9A$7<26yqbA7c2Dk6h)YO;<BJvEmz6kWE1=@*_@q7iw7K
zUPi+5D_ihtBmDh};SbhMlt%mMfLECG2P<!Sf>kg*!5HV+DvSPn9qJ|12dtXu16CdH
zuifNyh^>~8Uwf);e&?wU7QHKYh4C|>@Ix$HeG!L6?=}3sZ1@^F*;??8#xzzGerIci
z@7E(}lp_q$Mt+HrUm%y>U%{sLS3A@DtGy!qzB-wHUvHRxU)@c=uO6n~*PEu_7hYfZ
zec|<m-xps{#P6%O>G#zKzpr_GA#I_uNDMRmzDAfHU+<V6Un5PAuhFK**I3izYn<uv
zHNo`wnrM1_O)@>cCYv5#Q%#Sr5AgW<L40U>d3}eM*9q~1>CN@4^f44+rZ?Ad)0^vr
z>CF{xdUKt`=P+5EGJU#En?7A<OrNd@)2HjK>C<)2^y!K;eY#>zpROCGPgk7j(-m*}
zblo(4x^Cf<SVAP=msnCH;+t4X+{Qn#jJSi3VmXn7pJD}(Z2En%YNEX&?9$hZ?_%QX
zg`XI{UigDaUoX}4_0lxy>*a0wdKEN%y$YGWUd2pbuS%w`S7p=J>m}3ItBUFCRaJg%
z7=JM7<yFu0@@jyW*Eu}Fq<>c%)4waw^zRBX{kwuq|E`Xve^)otzpFd`T@RHvP0y}D
zrf1g>)3a-Y>De{X^z0gCdUlOBJ-b$#o?WX<&#r&zL-nD`Px^3uxU$*w^4em0d4-x@
zUOP-LuU)2>*KX6x>sQmuYp?0$wa@hOI%Ilz9X7qZ!b~r(qo$YF3De6f-1PD~ZF+f~
zF}=JZOfN51@bL1A(vRZh6^)nISv<j{e^<Qe-*waU@499BcO{tqU5TcD*KO0k>yGK)
zh0Il^nEkV~**{C0{WHMqp8@pGD)iN=Y~}F4tj4%iolT*yy^Q>=%~k+Cp$>P}Wh+Jh
z;#*<#uh;PGlwO`iun0CLO%t~Ac!f2^7q}Ul^bSMQr}wo$N(Zr7@dFJ;+O%VP(d_@;
zX8+ge|2>cqZ?b9lYW5_J^a_2!lm$M>g8q#01K50!3Ii#<^bPeg<${7-*um^zC!31b
z@Gi=>n@u$(g^wvIbW>7znUccalo7>{5I3oJ5}QAA!p2@oiZZ68zz>Yg%ajxqkrX+i
zBGSSTUZ%XLXv&L<ro2#*7p2fHOXCGsUMa&{GCs(T+N7+b)De}Gy2z0-$dUS@nDUzP
z8lGbf@Fgv1%9MhpOeu&oY0K3>d`U}~azsIn^yjVttQ{0n2I5Ov!t^CAt;|+tivZK3
zw6ro0DHC8ynE+GDR5qndVWdogcu7fA5=8}MO$wuoQ*ok;^0p1f($lnpDR(NEa;LB<
zcYIB`Q{0q0^80Te^ZhsJX<7ui^Mz3HiJmQr;}<<oSoqHH*IfNZT`3CSfy#`PuM4ji
zR&@h2%oj~>RBz<e7NPTv;qACK@8)eBpa0k1na5dCTzkB$&bfW>3?s-o10swpN)$y9
zkSHoB5*=2DRX~HXh=_oK#)rN<#034gA`*j3UU-`5%rN8oJf8}P3b=qED(<3wqM}h;
z;ub<=f8SGm@7$RLOybLb?{$Cr^y%8Vx~lqAb^ZF(L0kF}(pl!05pp?rhW9J{3iwCC
zHN0QxSHeGr_G(lAIA5j3L5H=eU&YsHanNLK>euj<S{(FQoBF5tS}hJ*tqwW3mRzml
zyETIb_OtNo`F_oyi@gCJ1KIE!{YLob`JT<7pZx+n=C0v4`_1Ijq-0@`k`02CED2Jw
zBuL4UASFv!=lB~!Vwe|dYaJ`v+uu?SJNyowai`x2zsv7}-|ct9@9}%!O;fgckgCmt
zRBaxls%d!hr&Exs4TDrI3{tf)NY%n1RSSbuEeuk%Fi6!ykg9y|v+{a-?7nqC%d!Za
z@QzVqIb6UKP0JR(lYlFlt}XnLNa2H#!pAb3(^a}g?WG$MxlxeF{GWtGZe$V}-$^nl
zY9o{7!l;AEWn9p~CH#DuA9=LRuZ>b@n_tiRem9`mX_ES8+;5Rvu%fa6o17`uYrd5`
zE@Hjr2I!yvl8}pKF}j|2$Q?ZCopL9!?gE=?!ivqmf?py_A~h+`(&}jR@<eF#!q-R*
zsXf3d&F$ntc`zz8opsWD7(A;Zn(MS8wAYt$-{rELFe_vQ;V~G`9aqUJ?zmc3W4B}t
zT7nJHXn&GBKE-Oyu{_O;MTXvDEq7Tb>!P$^iajbuKX^TN-yj>%DtwOFjEroQjZrIl
zl$UXT1?|;CtY3kmHw@j34r`IT#XnXB@;0+&E$L(4g}yKE^F&*~*t~oo%+<2q^oQgP
z-D1-GR6dOkWmV_Th=qnRIsBU0l4A6Xzacd=O>qAcm|PRtF5Ah;w_tN#cE}FW*$GDH
zWtZ%N-z$4bb04!T8G0|)*ksLSiJGu(v!bQfKpA^!krrW#1x;mW6K#SOz^0&k9km&A
za|PNQl&_<<V2-Xpi$VK3YKfM>w*l?*+7@duv6h1Rc|A-IgKr1==e0dnZer~K3g}to
zza#wNpn+bG&?DeGfeL#4f&KvgNYFvAN9j@Uok0n`9<4{i9|KzGu@BG%{#Z~$uU)k(
zd^ha|f1Dl%-(9=I_s|~jJ+)_)(&L#o%4jd`1^+|lk1~3Ko&bL$^GF%(t-aw-(v#p>
zyb%5r=9MzqNBh9{)xPkj>Z$OjG0&9Ie%cTIbmp5f^y_7m)c_qpDGk(t@Pl*^{9qjn
zKSYPX55*3W)3fv}_;M|WAExwBI$VdtkI)hDBXuPFC>;fl{x_6SLR4s@1n5k(oQw1l
zW+4moQna0mbQXWV73gfVo{RJ{{(>v8F$DPQm3n2=jy1Qhidu#BGgYtFtC?Aur}J<}
zYn*viw8n|GSQkgCcYvsRy;B)?>s@*m&-H8lH91+LOUMIy<X8;8Pw&GX*!_AxZJ<Ic
z@I|K_TEpCp>I3=!X`)#UMYB9A(TDY6+?VMx=yF|7$Q8N*&Fn|@QBpwToHQAWklQu7
zhNpWHo$W*QDdtcM^l5ar4^{ryg<q>{v44y{dem6g>w4xsH|PdZdk&3D>}l$Y_Fo^G
zmyK-f!YZ5Sreix3-E??#({V>PoiOO8^CjST!avdf=e9i8ihj9O&iOmf_GRL;A(C_Z
z+VFO5hiOn2GJ<KrXr+izP~9!fg{=<i!a485;vI}zSaB66)(c|1Q~+%b&92#$5Bj~i
zT)q#KfDd;!--JsYDBynGV`5q9<Tra3dkWhmIb~_`{PojsK>U{YH^_!*9L_Bnk=a%n
z=wA{`wK<2C-XVdS3rj_?CWyJ&W;Eek2xD&flBl0!^D|$i_7Yq7RuUFEUp65~AW5qE
z>&Dr<m`m~$`FmS@^EdZWa#w$ANzU>)&8I6NPSRp>F|3Si%jYPGowy!|wxxyJDu>Nz
z=SJ<EY^`d!1I7JkxLce4TN}32_)?D;@0TzmhhgRHQ8%8s<+g(eQGd;&k`N~%ezLXB
z1wG(731RW<?zwmtyzZS27`@iRLf6krtyew9XIoRg1=jQar(M*p;6;iypOWAAcW290
zvKJz`Y%k)grS6`{tmM5-GHLQEx2KR-wimF+#LFGY+hcD~a#%~=-;wjroex|L?GNac
zd)Mr}w>LO<)Q!Ms8R=aAus1Sy6!HxFJ6aH?h-Wit-l+Dll=G!|5cQwm_t$zdw5epb
z`7GOuvoUh+mSS$(pIgo^e@;Rr*O&$hd(!@M_poyZ?u2ceu;nBkxLTd-y1i8LOhw2Z
zduppOD_fJ+wq{cz(NpmC<#$pu?Wp^@TauQigd5W?Ofo0ETmiDsu5xlgNY_d^cUWng
zl(NmJgf?YY7Rxr1(1~nLWTC~dRUWNB$hAKUmuqi{{7qbvwvx0EOT(TkqNgdSJrWsh
z{c$d>zxSNG-+|9b9&+t-|L6QWlgnkUT_!bQWuHHiwrTCt${^pzBqf#HFGuUHEmv1c
z<oxZND{ZTLE8V1gk~;<`$|ZTe<SI{dC7W}xx6Sfn<Dr6ZSPk1-l$Vz#d-GSY^){2s
zQEltZd)1e=$@`W;f+rH)(zHC<TJDcT8rE{(64r9x64r9x64rA6C@PuIZPtWn=Y$Ct
z&venmX%}ALG83oIxY#wEeCc@;Tr(Wbb8Q0c5a_YfreAik>osl0glX>NK>Gz+hV!Lv
z=nV56In(I4Sr<>3>CT@u>)5Vt3bdP>4n5AzhIV&zpgr7NXiqmEdc3=Fw#8b=d`;{c
zVkMvxb3VOXA9n_pc1An1EjH6#;pV#Q+yb}QEpZiCR$J~?yJy`d=54B|j!jXz@0im|
z{ruC)heP|9_bqk12Mrlm>PHXmJF?UtSw3VC{P6Mt_)<2x+D+=$QC8+=eW36j7KhQ8
z3oS~KTLs~;)?mDav^UN1RvWdpXzz+q8=*L)j!}~<xzVn*0}%Z{t@dnfexueFY^L9+
z$sETUAKI7uC^^fUA>}w#oq8g*DYYfFEshf(&ek?vd~o)9PWF67_B=1^KliWB;STZ7
zYQrVhbF<e!&7O1D^Rm~Av*)|B=O?r0t;spvFnjKvltsE*_8LnLme2Iy2=FIcHlA{}
zk}aYaXh<m>%+oia#B%E)TF9jQl91`Y5!U3S$qh>tgE!RDccuK7p&R@|p>2fl_vJeE
z9l7@L@Mx#|*k9saq7}dBUU1L5jqW+O!L4`CGNahdcV%|5ll#d1-hJpka9fy<e9yh>
ze#ac;JML}P!P`vRf5W}*UURRySFmfb)qUb;`OExlf4RTZ|HPML<>E7DF8|=Za9?7R
zkCn=>c(Dz87u(&R-M4Os+v#>;_hOIR%K*sfUW_?nbJb%t6WbRVEMFA*2L42U5ObZ4
z{K5JyRxq0SX1+OgFp9D7*AmNyt$iDRsLhWtJJwB(lkU<(ddl(AOMWOP$cfThPLh-5
z6zL;<<y2<P`pN0iUw$NK$eB_m17sj`XoF>l43)E_T!t~1HbO?qC>bqh%NQ9e<K!GU
zSAHzx<vclGCg?tyD3fHeTp&~ALYXQT$uwr$rppYODVNBlGD~L5WhpP0%TMHAn1P!k
zSISlLukus*H<>F}%RIS8ekMO>z-C|48})hYD!!<j^d-KfU(r|fHGLgBi*M>?eM{fg
zclfIQoxZE@VR><jexM)f@AV`7*zMyx`xCyhKhw|k5Bi0EsbBH6{SEdww(-5a9owCX
zS;<)ctUGk4?)I&8kM8nCzDcS<swnbtIqLvk@_p*qPxQ0oSgT{{;yy@f*>Y|*o#dVs
z>)uFeT;HM2zp^LD*8EP(Z?49%OBscH+v;`ut@*kwWxuVUm=<vP_pbMO|47aMuj~D<
zYyC~?*J?Sb-J}hC8fx=vt4H34?RD$iYP^2E`jXn3ZBbjdHU@ApGhXrRAoY?jaToW)
z<@|asy^?T*&xOHaOMG&@Fr~QQS|<#>L)<Fs;^Pu#{LjPU%=vzTA8+<w4l0d$#x3Fw
zai_R*+%4`C_m9is(ee0rN<2ND6JH<S950TS#P`LI#E->K$D88U;}7Gl@#pb3eDEmN
zV~f(w(yi0&(#NEGr~9PK(&g#V>B;G7>DlSI>G|pF(>JFVrf*N*lYSumXnJk>Wu*E<
zq^?g-j$+m~&0yoWFtl-Vr|&CbPT#m9knS|kU-VTZ>GA1_=_y=~ci6vy&Ipu0iqhl3
zF*;*Q$EQca9pk&e4F?@L9aN>iKf|BtFYr_Rg?_5P$WQYZ<690wFx}7aGvJ4^hT<51
zt{?43_)&hOAB)x1bNo0z#FzO2exM)Z2lKt(+7I)S2z@ehy^H)zy-9D@TXccm>L=?$
zy^U~#2|0jRlcH9B7~#tZT}s+xNiCoH*`z#%xr@5%_uA^c%?RCwv~Sgg`P51KwlJzF
zVRUf_VOkNgH8X*Wc=i%^HEn=1$1$NFv#%JRZXFf6b#ASD#<%sQ{xILpxAz@9IAhv_
zwVWKy!P3=ie~Rzp`}$M;X}%vN{{O2A-|>HNRbjKcRR}iRA58cRFyS)(h#km3vV)@`
z{OM@8@G$V;5um}N_~Ykn5aF?)!RLSi|2)E$DOSR+k8X%=iWWo*`G<C8^ccAB6Va;3
z)&zbsdW!$Co{8#N1C5?%h2X69PS9R-oTIGe&ItVuaNlpE9kfMTBX|$U?><C<bDrgH
zgVj!#W_;frOJBX*39h$072LMJD|3U~7=IP^P3u@%^-I7+@A3Eg-}vA9`~3aB!dHTf
zF3nk9&0Agd4}*-Z00n&<#B&Yk<}<<G@^c`TFZ!4KEB-bA23Y0WSYUqFzmHYckNj4w
zv3`yv)~`S&w}D9R0Dau!_klHHR$bCqD{g@0)kaueZ7R*BSX#;<a;UVG!@v&@2PHfb
z8?49F+D^R}Bo51|a=%naB}m*-sRlKBTAr~rbiv8igO5E2E|#@lisjOm<yCoI-UJ8x
z5+v)7U{M)u2*UJJu#0Q-TBK>A$x!OiD2NJ}==(<Hg+MnM)iX{0Mio&t9Zv^$1YaZe
zEkfP<_py|^3ICXXTek4DU+|QMu_BAXU_DQ~8^7JGoSgwvZN`5n9y}E(#1Vs_mhzOH
z1Kuf&?|MpaP`?ux$@M2(KPdx4D`VU?k}=x(Ac5l;nN4LBb~)oMz8K^Rki0pJx#r7_
z#Jdi>a}n_tf@r3}HJ4CQ)u5Bh<q2FL66~|FmiB6p#S~?>K{in`@8DxJmUqAex3Z%4
zHc&hV+J}ua{I(1Em)+{K<wm~<Qs+SE9LSu2$+ZD%6VSI#0XORmN|pjE>jlo$59BH~
z3O+Sb$ALCE9Rp$mr&Dw~v8IAMT@E@lTjvmRj?UHjdLuo=V%!$!?S!~p?*<`Cffn7z
zzb6lZ_4q(tKz$x1#m6|FAjE3WoQ;gr-h_uTru-0uCS{b7<96K*4^4UMykUf8_Ef`E
zvs9}T{eOz5;#o6dGd_m(uLOyIo)PnCt9^GR_uQKTf54JC-(TV2doV>gun!1yWuREq
zqn&g?BG`B65&WHU6#t;~$jXcXSqWh?OlL*|{8Yk%hSEz#ezKoTe>2n11mn7i9*Yqy
zd*V03pNr(NuU6|>Yx`MxPkLEm*6ClZcO|wVCCR*dYkELOoFTNuVf3^a`t5W1&tVch
zZ_|+Hri2!^$StC6KjYRBx-I>m&2QQrEpKz-D-CsxYS04ZJ<w9<QnWyQRAuO1R1JP-
zzK=mGLGC=OOIHM!>w-(qz+Vfk03jtV*r>(53tFwefL8j~L#%4}8h@j?=ox{(0a~HF
z58UxBXqEm7%4*ZlO8;?)W&ab`_)mh%XTin(v8j>w%tapxzF!C5KL+1N%te0*t?;)%
zt7uIURgvDU7K(Oj=`ApS5LdhNZO|%kOS|(5Xr<q4l%c3S>q__<{SWgME4fN34DOGc
zJ8KYIm{lRnn(TdUw@|zhb{~6w{?>vn<<B*{&%MxUa7s({Npk_$xA1Gt1*G5dZRO72
zUBP9uxq#YQ$<BsW@xO)nJ`1hEeyj0q1Aiy90=(Rw$;z=x&7~UT)k0c+E74-G{8k1R
z%Sk2Jw)x%ztpMA$yPOEE(z~J6yr&kX23iv&WsUx)x%jOio&Pd-|7mdfJh=R~x$qZ)
z#d<jSeiMAR1>a@nViJI7q$NdF-r7VZ__w7)-pIos=u&Sjph}lOtHFKkj{A%X?;!cN
zwpfGgz*kbiy+LqC7IODSfnROBw;WdLguq)%s!+zR)J1b>mHq}=4O(oeJ!LLJOC|g|
zbCFk}75<^%a!GKpHd+C8Zl!b?v`P+#R)Q{D_@j&$M&HoRf%3NjIk)n!^!652=#QXF
z{oBwg{dZ`!j)qq1cxVk0)WVE|F4c3PReCnG5?vJY9Sf~MH^qE^46V}1&`PAO`A&gW
z=v3%Zod&Ja3!s%c16rdOLM!wl=u&0ekMD1xmF@}JY*{qOS&0sEtHRY#XKiJuTL~?5
zYoMc@m8Rviab$neM##RS=_$ML|6K-43nwxMWmYs;7ai%>0=YSeQTh<ZO!hzRSmse}
xtaM~_HGAji8up_ZH_hj-KC`geg^|-u{MENOx(ki$P3%2_^eTf|?nXtw_#eMY-ZcOK

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Regular.woff2 b/public/fonts/Roboto/Roboto-Regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..0aa90fc17926e92472bec277fa3c7b38d7e12ad1
GIT binary patch
literal 63748
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
O9w2gB{OJiU=mY>Df{N$>

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Thin.ttf b/public/fonts/Roboto/Roboto-Thin.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..2e0dee6a833c4b568d44ac99727f7e0c17c6eb67
GIT binary patch
literal 168488
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
Aj{pDw

literal 0
HcmV?d00001

diff --git a/public/fonts/Roboto/Roboto-Thin.woff2 b/public/fonts/Roboto/Roboto-Thin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..85c029e111a22e2b97ad3157f5023c012ff289f6
GIT binary patch
literal 61912
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
a6|TrpJW>c4+l=Nb{au*tz|R@`pkx5DvWnRN

literal 0
HcmV?d00001

diff --git a/src/Roboto.css b/src/Roboto.css
new file mode 100644
index 00000000..5d6e540b
--- /dev/null
+++ b/src/Roboto.css
@@ -0,0 +1,41 @@
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Thin.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
+  font-weight: 100; /* Thin */
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Light.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Light.ttf') format('truetype');
+  font-weight: 300; /* Light */
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
+  font-weight: 400; /* Regular */
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
+  font-weight: 500; /* Medium */
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
+  font-weight: 700; /* Bold */
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto/Roboto-Black.woff2') format('woff2'),
+       url('/fonts/Roboto/Roboto-Black.ttf') format('truetype');
+  font-weight: 900; /* Bold */
+}
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 53cbbb99..16c330a8 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,5 @@
+@import "@/roboto.css";
+
 @layer base {
     body {
         @apply min-h-screen bg-surface-0 dark:bg-surface-900;

From 1e7594421c2c212978a8f3981bc3156dc5de0119 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 17 Jul 2024 16:45:01 +0800
Subject: [PATCH 156/202] improvement: webApi auth

---
 package-lock.json                             |   9 ++
 package.json                                  |   1 +
 src/app/App.vue                               |   6 +-
 src/main.ts                                   |  52 ++++----
 src/shared/api/cookiesService.ts              |  29 ++++
 .../model/store/actions.type.ts               |   4 +-
 .../authentication/model/store/auth.module.ts | 124 +++++++++++++-----
 .../model/store/mutations.type.ts             |   3 +-
 .../api/webAPI/data/store/webApi.module.ts    |   9 +-
 src/shared/api/webAPI/services/authService.ts |  29 +++-
 src/widgets/settings/ui/Settings.vue          |   4 +
 .../settings/ui/components/cookieTest.vue     |  31 +++++
 .../ui/components/userAccount/UserAccount.vue |  73 +++++++++--
 13 files changed, 294 insertions(+), 80 deletions(-)
 create mode 100644 src/shared/api/cookiesService.ts
 create mode 100644 src/widgets/settings/ui/components/cookieTest.vue

diff --git a/package-lock.json b/package-lock.json
index 2e10b22c..b51a2b70 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,6 +25,7 @@
         "d3-time-format": "^4.0.0",
         "file-saver": "^2.0.5",
         "jszip": "^3.10.1",
+        "jwt-decode": "^4.0.0",
         "lodash": "^4.17.21",
         "primeicons": "^6.0.1",
         "primevue": "^3.50.0",
@@ -4576,6 +4577,14 @@
         "setimmediate": "^1.0.5"
       }
     },
+    "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==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
diff --git a/package.json b/package.json
index 845f6f31..ea8cab7b 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "d3-time-format": "^4.0.0",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
+    "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
     "primeicons": "^6.0.1",
     "primevue": "^3.50.0",
diff --git a/src/app/App.vue b/src/app/App.vue
index c657131b..7de78880 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -16,7 +16,8 @@ import { useRoute } from "vue-router";
 const store = useStore();
 const route = useRoute();
 
-import { computed, watch, onBeforeMount } from "vue";
+import { computed, watch, onBeforeMount, onMounted } from "vue";
+import { GET_USER } from "@/shared/api/webAPI/authentication/model/store/actions.type";
 
 const favicon = document.getElementById("faviconTag");
 
@@ -45,6 +46,9 @@ watch(route, (): void => {
 onBeforeMount((): void => {
   setColorMode();
 });
+onMounted(() => {
+  store.dispatch(GET_USER);
+});
 </script>
 
 <style lang="scss">
diff --git a/src/main.ts b/src/main.ts
index a08b9ba7..33fd8f1b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,11 +6,9 @@ import store from "./app/providers/store";
 import router from "./app/providers/router";
 import sync from "./shared/lib/vuex-router-sync";
 import environment from "@/shared/api/environment";
-import { authActions } from "@/shared/api/webAPI";
 import PrimeVue from "primevue/config";
 import ToastService from "primevue/toastservice";
 
-//todo: Think how to improve auth
 import { settingsActions } from "@/widgets/settings";
 import "primeicons/primeicons.css";
 import clickOutside from "@/shared/lib/directives/clickOutside";
@@ -25,33 +23,27 @@ import errorMessages from "@/widgets/error/model/config/errorMessages";
 
 sync(store, router);
 environment.load().then(() => {
-  store
-    .dispatch(authActions.GET_AUTH_TOKEN)
-    .then(() => store.dispatch(authActions.GET_USER))
-    .catch()
-    .finally(() => {
-      store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
-        const app = createApp(App);
-        app.config.errorHandler = (err) => {
-          // Handle the error globally
-          store.dispatch(errorActions.NEW_ERROR, {
-            userMessage: errorMessages.technicalError.codeError,
-            name: err.name,
-            details: err.message,
-            stack: err.stack,
-            type: "unexpected",
-          });
-        };
-        app
-          .directive("click-outside", clickOutside)
-          .directive("resize", resize)
-          .directive("tooltip", Tooltip)
-          .use(store)
-          .use(router)
-          .use(PrimeVue, { pt: tailwindTheme })
-          .use(ConfirmationService)
-          .use(ToastService)
-          .mount("#app");
+  store.dispatch(settingsActions.LOAD_SETTINGS_FROM_STORAGE).then(() => {
+    const app = createApp(App);
+    app.config.errorHandler = (err) => {
+      // Handle the error globally
+      store.dispatch(errorActions.NEW_ERROR, {
+        userMessage: errorMessages.technicalError.codeError,
+        name: err.name,
+        details: err.message,
+        stack: err.stack,
+        type: "unexpected",
       });
-    });
+    };
+    app
+      .directive("click-outside", clickOutside)
+      .directive("resize", resize)
+      .directive("tooltip", Tooltip)
+      .use(store)
+      .use(router)
+      .use(PrimeVue, { pt: tailwindTheme })
+      .use(ConfirmationService)
+      .use(ToastService)
+      .mount("#app");
+  });
 });
diff --git a/src/shared/api/cookiesService.ts b/src/shared/api/cookiesService.ts
new file mode 100644
index 00000000..2de969f3
--- /dev/null
+++ b/src/shared/api/cookiesService.ts
@@ -0,0 +1,29 @@
+class CookiesService {
+  get(key: string): string | undefined {
+    const name = key + "=";
+    const decodedCookie = decodeURIComponent(document.cookie);
+    const ca = decodedCookie.split(";");
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === " ") {
+        c = c.substring(1);
+      }
+      if (c.indexOf(name) === 0) {
+        return c.substring(name.length, c.length);
+      }
+    }
+    return undefined;
+  }
+
+  set(key: string, value: string, expirySeconds: number): void {
+    const expiryDate = new Date(expirySeconds * 1000); // Convert seconds to milliseconds
+    const expires = "expires=" + expiryDate.toUTCString();
+    document.cookie = key + "=" + value + ";" + expires + ";path=/";
+  }
+
+  remove(key: string): void {
+    document.cookie = key + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
+  }
+}
+
+export default new CookiesService();
diff --git a/src/shared/api/webAPI/authentication/model/store/actions.type.ts b/src/shared/api/webAPI/authentication/model/store/actions.type.ts
index b57dd5a0..4867c1b9 100644
--- a/src/shared/api/webAPI/authentication/model/store/actions.type.ts
+++ b/src/shared/api/webAPI/authentication/model/store/actions.type.ts
@@ -1,3 +1,5 @@
-export const GET_AUTH_TOKEN = "getAuthToken";
+export const WEB_API_LOG_IN = "getAuthToken";
 
 export const GET_USER = "getUser";
+
+export const LOG_OUT = "logOut";
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 7cea9e88..7288b978 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -1,20 +1,35 @@
-import { SET_ACCESS_TOKEN, SET_USER } from "./mutations.type";
-import { GET_AUTH_TOKEN, GET_USER } from "./actions.type";
+import { SAVE_TOKEN, SET_USER } from "./mutations.type";
+import { WEB_API_LOG_IN, GET_USER, LOG_OUT } from "./actions.type";
 import { authService } from "@/shared/api/webAPI/services/authService";
 import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 import environment from "@/shared/api/environment";
+import CookiesService from "@/shared/api/cookiesService";
+import { jwtDecode } from "jwt-decode";
+import localStorageService from "@/shared/api/localStorageService";
+
+const tokenKey = "bearerToken";
 
 const state = {
-  accessToken: null,
   user: null,
 };
 
+function checkExpiryDate(token) {
+  if (token) {
+    const decodedToken = jwtDecode(token);
+    const currentTime = Date.now() / 1000;
+    return decodedToken.exp < currentTime;
+  }
+}
+
+function getExpiryDate(token) {
+  const decodedToken = jwtDecode(token);
+  return decodedToken.exp;
+}
+
 const getters = {
-  getWebAPIToken: function (state) {
-    return state.accessToken;
-  },
   authenticated: function (state) {
-    return !!state.accessToken;
+    const token = CookiesService.get(tokenKey);
+    return token && !checkExpiryDate(token);
   },
   getWebAPIUser: function (state) {
     return state.user;
@@ -22,42 +37,89 @@ const getters = {
 };
 
 const actions = {
-  async [GET_AUTH_TOKEN]({ commit, dispatch }) {
+  // async [WEB_API_LOG_IN]({ commit, dispatch }) {
+  //   if (environment.WEB_API_ENABLED === "false") {
+  //     return;
+  //   }
+  //   const savedToken = CookiesService.get(bearerToken);
+  //   const isExpired = checkExpiryDate(savedToken);
+  //
+  //   if (!savedToken || isExpired) {
+  //     return await authService.token
+  //       .get()
+  //       .then((data) => {
+  //         const token = data.headers?.["bearer"];
+  //         CookiesService.set(bearerToken, token, getExpiryDate(token));
+  //         authService.user.get(token).then((data) => {
+  //           const user = data.data;
+  //           commit(SET_USER, user);
+  //         });
+  //       })
+  //       .catch((error) => {
+  //         dispatch(ADD_ALERT, {
+  //           message: "Could not authenticate",
+  //           status: error.message ? error.message : "No additional data",
+  //         });
+  //         return;
+  //       });
+  //   }
+  // },
+
+  async [WEB_API_LOG_IN]({ commit, dispatch }) {
     if (environment.WEB_API_ENABLED === "false") {
       return;
     }
-    return await authService.token
-      .get()
-      .then((data) => {
-        const token = data.headers?.["bearer"];
-        commit(SET_ACCESS_TOKEN, token);
-      })
-      .catch((error) => {
-        dispatch(ADD_ALERT, {
-          message: "Could not authenticate",
-          status: error.message ? error.message : "No additional data",
-        });
-        return;
+    try {
+      const savedToken = CookiesService.get(tokenKey);
+      const isExpired = checkExpiryDate(savedToken);
+
+      let token = savedToken;
+      if (!savedToken || isExpired) {
+        const { headers } = await authService.token.get();
+        token = headers?.["bearer"];
+        if (!token) throw new Error("Token not found");
+        CookiesService.set(tokenKey, token, getExpiryDate(token));
+      }
+      dispatch(GET_USER);
+    } catch (error) {
+      dispatch(ADD_ALERT, {
+        message: "Could not authenticate",
+        status: error.message ? error.message : "No additional data",
       });
+    }
   },
-  async [GET_USER]({ commit, rootGetters }) {
-    if (environment.WEB_API_ENABLED === "false") {
+  async [GET_USER]({ commit, dispatch, rootGetters }) {
+    if (environment.WEB_API_ENABLED === "false") return;
+    if (!CookiesService.get(tokenKey)) return;
+    const isExpired = checkExpiryDate(CookiesService.get(tokenKey));
+
+    if (isExpired) {
+      dispatch(LOG_OUT);
       return;
     }
-    return await authService.user
-      .get(rootGetters.getWebAPIToken)
-      .then((data) => {
-        const user = data.data;
-        commit(SET_USER, user);
-      });
+    const userData = await authService.user.get(CookiesService.get(tokenKey));
+    const user = await userData.data;
+    user.exp = new Date(
+      getExpiryDate(CookiesService.get(tokenKey)) * 1000
+    ).toUTCString();
+    commit(SET_USER, user);
+  },
+  async [LOG_OUT]({ commit, dispatch, rootGetters }) {
+    CookiesService.remove(tokenKey);
+    localStorageService.remove("user");
+    commit(SET_USER, null);
+    if (!checkExpiryDate(CookiesService.get(tokenKey))) {
+      await authService.token.logout(CookiesService.get(tokenKey));
+    }
   },
 };
 const mutations = {
-  [SET_ACCESS_TOKEN](state, token) {
-    state.accessToken = token;
-  },
   [SET_USER](state, user) {
     state.user = user;
+    localStorageService.set("user", user);
+  },
+  [SAVE_TOKEN](state, token) {
+    CookiesService.set("bearerToken", token, 1);
   },
 };
 
diff --git a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
index 876217f2..faf1ddf3 100644
--- a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
+++ b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
@@ -1,3 +1,2 @@
-export const SET_ACCESS_TOKEN = "setAccessToken";
-
 export const SET_USER = "setUser";
+export const SAVE_TOKEN = "saveToken";
diff --git a/src/shared/api/webAPI/data/store/webApi.module.ts b/src/shared/api/webAPI/data/store/webApi.module.ts
index ca93de7e..090c7112 100644
--- a/src/shared/api/webAPI/data/store/webApi.module.ts
+++ b/src/shared/api/webAPI/data/store/webApi.module.ts
@@ -9,6 +9,7 @@ import {
   SET_WEBAPI,
 } from "@/shared/api/webAPI/data/store/mutations.type";
 import { VocabularyService } from "@/shared/api/webAPI/services/vocabularyService";
+import CookiesService from "@/shared/api/cookiesService";
 
 const state = {
   apiData: {},
@@ -24,8 +25,10 @@ const getters = {
 const actions = {
   async [FETCH_WEBAPI_INFO]({ commit, dispatch, rootState, rootGetters }) {
     commit(SET_WEBAPI, { loading: true });
-    const webApiInfo = InfoService.webApi.get(rootGetters.getWebAPIToken);
-    const sources = InfoService.sources.get(rootGetters.getWebAPIToken);
+    const webApiInfo = InfoService.webApi.get(
+      CookiesService.get("bearerToken")
+    );
+    const sources = InfoService.sources.get(CookiesService.get("bearerToken"));
     return await Promise.all([webApiInfo, sources])
       .then((res) => {
         commit(SET_WEBAPI, {
@@ -43,7 +46,7 @@ const actions = {
   ) {
     commit(SET_WEBAPI, { loading: true });
     await VocabularyService.search
-      .get(payload.search, payload.source, rootGetters.getWebAPIToken)
+      .get(payload.search, payload.source, CookiesService.get("bearerToken"))
       .then((data) => {
         commit(SET_WEBAPI, {
           data: data.data,
diff --git a/src/shared/api/webAPI/services/authService.ts b/src/shared/api/webAPI/services/authService.ts
index 5919e11b..0bbb6d72 100644
--- a/src/shared/api/webAPI/services/authService.ts
+++ b/src/shared/api/webAPI/services/authService.ts
@@ -4,6 +4,16 @@ import environment from "@/shared/api/environment";
 export const authService = {
   token: {
     get() {
+      //Test token
+      // return new Promise((resolve, reject) => {
+      //   resolve({
+      //     headers: {
+      //       bearer:
+      //         "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJPbmxpbmUgSldUIEJ1aWxkZXIiLCJpYXQiOjE3MjE3MDUyNDcsImV4cCI6MTc1MzI0MTI0NywiYXVkIjoid3d3LmV4YW1wbGUuY29tIiwic3ViIjoianJvY2tldEBleGFtcGxlLmNvbSIsIkdpdmVuTmFtZSI6IkpvaG5ueSIsIlN1cm5hbWUiOiJSb2NrZXQiLCJFbWFpbCI6Impyb2NrZXRAZXhhbXBsZS5jb20iLCJSb2xlIjpbIk1hbmFnZXIiLCJQcm9qZWN0IEFkbWluaXN0cmF0b3IiXX0.FU_myh_cHwNu8gob6Unp4itEY2cLGw_M_AZXiVSsSok",
+      //     },
+      //   });
+      // });
+
       return apiService(
         {
           url: `${environment.WEB_API_URL}user/login/windows`,
@@ -17,9 +27,26 @@ export const authService = {
         {}
       );
     },
+    logout(token) {
+      return apiService(
+        {
+          url: `${environment.WEB_API_URL}user/logout`,
+          baseURL: "/",
+          method: "get",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: token ? `Bearer ${token}` : null,
+          },
+        },
+        {}
+      );
+    },
   },
   user: {
-    get(token) {
+    get(token: string) {
+      // return new Promise((resolve, reject) => {
+      //   resolve({ data: { name: "Test" } });
+      // });
       return apiService(
         {
           url: `${environment.WEB_API_URL}user/me`,
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index d9ec50cb..1de66d18 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -32,6 +32,9 @@
         <div class="relative bottom-0 mt-4">
           <ExportNotes></ExportNotes>
         </div>
+        <!--        <div class="relative bottom-0 mt-4">-->
+        <!--          <cookie-test />-->
+        <!--        </div>-->
       </div>
     </div>
   </Sidebar>
@@ -57,6 +60,7 @@ import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.typ
 import ToggleDefaultNotesMode from "@/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue";
 import UserAccount from "@/widgets/settings/ui/components/userAccount/UserAccount.vue";
 import Sidebar from "primevue/sidebar";
+import CookieTest from "@/widgets/settings/ui/components/cookieTest.vue";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/cookieTest.vue b/src/widgets/settings/ui/components/cookieTest.vue
new file mode 100644
index 00000000..12a82df5
--- /dev/null
+++ b/src/widgets/settings/ui/components/cookieTest.vue
@@ -0,0 +1,31 @@
+<template>
+  <Button @click="createCookie">Create cookie</Button>
+  <Button @click="removeCookie">Remove cookie</Button>
+  <Button @click="showCookie">Show cookie</Button>
+  <Button @click="showExp">Show exp date</Button>
+</template>
+
+<script setup lang="ts">
+import Button from "primevue/button";
+import CookiesService from "@/shared/api/cookiesService";
+import { useStore } from "vuex";
+const store = useStore();
+const createCookie = () => {
+  CookiesService.set(
+    "bearerToken",
+    "ijwoieqjweoiqjoifsdjfoijoiwqjeqwoeoi",
+    new Date(Date.now() + 1000 * 60 * 60 * 24)
+  );
+};
+const removeCookie = () => {
+  CookiesService.remove("bearerToken");
+};
+const showCookie = () => {
+  console.log(CookiesService.get("bearerToken"));
+};
+const showExp = () => {
+  store.dispatch("test").then((val) => console.log(val));
+};
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index 5dcf2e6f..8c3a1d97 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -1,5 +1,5 @@
 <template>
-  <InputGroup v-if="!user">
+  <InputGroup v-if="!user && webApiDisabled">
     <InputText v-model="name" placeholder="Enter your name" />
     <InputGroupAddon>
       <Button text @click="save" icon="pi pi-times" severity="info">
@@ -8,33 +8,84 @@
     </InputGroupAddon>
   </InputGroup>
 
-  <div v-else class="flex flex-row justify-center gap-5">
-    <h3 class="text-2xl">Hello, {{ user.name }}</h3>
+  <!--  <InputGroup v-if="!user && !webApiDisabled">-->
+  <!--    <InputGroupAddon>-->
+  <!--      <Button text @click="save" icon="pi pi-times" severity="info">-->
+  <!--        Log in-->
+  <!--        <svg-icon type="mdi" :path="mdiContentSaveOutline"></svg-icon>-->
+  <!--      </Button>-->
+  <!--    </InputGroupAddon>-->
+  <!--  </InputGroup>-->
+
+  <Button
+    v-if="!user"
+    @click="logIn"
+    style="width: 100%; height: 30px"
+    severity="secondary"
+    >Log in to WebAPI</Button
+  >
+
+  <div v-else class="flex flex-col gap-2">
+    <!--    <h3 class="text-2xl">Hello, {{ user.name }}</h3>-->
+    <div class="flex flex-row items-center gap-2">
+      <SvgIcon type="mdi" :path="mdiAccountCircle" size="60" />
+      <div>
+        <div class="text-2xl">{{ user.name }}</div>
+        <div class="font-thin">Expires: {{ user.exp }}</div>
+      </div>
+    </div>
     <Button
-      v-if="!store.getters.getWebAPIUser"
-      text
-      @click="user = null"
+      v-if="user && !webApiDisabled"
+      @click="logout"
+      severity="secondary"
       class="align-self-end"
-      plain
+      >Log out</Button
     >
-      <svg-icon type="mdi" :path="mdiAccountEditOutline"></svg-icon>
-    </Button>
+    <!--    <Button-->
+    <!--      v-if="!store.getters.getWebAPIUser"-->
+    <!--      text-->
+    <!--      @click="user = null"-->
+    <!--      class="align-self-end"-->
+    <!--      plain-->
+    <!--    >-->
+    <!--      <svg-icon type="mdi" :path="mdiAccountEditOutline"></svg-icon>-->
+    <!--    </Button>-->
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, onMounted, ref } from "vue";
 import { useStore } from "vuex";
 import { EDIT_USER } from "@/widgets/settings/model/store/actions.type";
 import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import Button from "primevue/button";
 import InputText from "primevue/inputtext";
-import { mdiAccountEditOutline, mdiContentSaveOutline } from "@mdi/js";
+import {
+  mdiAccountEditOutline,
+  mdiContentSaveOutline,
+  mdiAccountCircle,
+} from "@mdi/js";
 import SvgIcon from "@jamescoyle/vue-icon";
+import environment from "@/shared/api/environment";
+import {
+  WEB_API_LOG_IN,
+  GET_USER,
+  LOG_OUT,
+} from "@/shared/api/webAPI/authentication/model/store/actions.type";
+
+const webApiDisabled = environment.WEB_API_ENABLED === "false";
 
 const store = useStore();
 
+const logIn = function () {
+  store.dispatch(WEB_API_LOG_IN);
+};
+
+const logout = function () {
+  store.dispatch(LOG_OUT);
+};
+
 const save = function () {
   store.dispatch(EDIT_USER, { name: name.value, avatar: "" });
 };

From 82f0242e45ddaba52623fed6fc0fcac4af0dc4fe Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 25 Jul 2024 19:52:40 +0700
Subject: [PATCH 157/202] feat: added filters to network diversity report

---
 .../charts/ethnicityChart/EthnicityChart.vue  | 31 ++++++++++++++++-
 .../charts/raceChart/RaceChart.vue            | 34 ++++++++++++++++---
 src/widgets/chart/ui/Chart.vue                |  1 +
 3 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
index 9b268353..d20a096f 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/EthnicityChart.vue
@@ -1,9 +1,16 @@
 <template>
   <Panel header="Ethnicity">
+    <MultiSelect
+      style="width: 100%"
+      :options="filterOptions"
+      v-model="selectedFilters"
+      placeholder="Select filters"
+      display="chip"
+    />
     <Chart
       id="viz-network-ethnicity"
       :chartSpec="specEthnicity"
-      :data="store.getters.getData.ethnicityData"
+      :data="filteredData"
     />
   </Panel>
 </template>
@@ -13,8 +20,30 @@ import Panel from "primevue/panel";
 import { specEthnicity } from "@/pages/reports/network/NetworkDiversityReport/charts/ethnicityChart/specEthnicity";
 import { Chart } from "@/widgets/chart";
 import { useStore } from "vuex";
+import { computed, ref } from "vue";
+import { getValuesArray } from "@/shared/lib/mixins/methods/getValuesArray";
+import MultiSelect from "primevue/multiselect";
 
 const store = useStore();
+const selectedFilters = ref([]);
+
+const data = computed(() => {
+  return store.getters.getData.ethnicityData;
+});
+
+const filteredData = computed(() => {
+  if (selectedFilters.value.length) {
+    return data.value.filter((val) =>
+      selectedFilters.value.includes(val.CONCEPT_NAME)
+    );
+  } else {
+    return data.value;
+  }
+});
+
+const filterOptions = computed(() => {
+  return getValuesArray(data.value, "CONCEPT_NAME", true);
+});
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
index b9accc2f..3da8f4f4 100644
--- a/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
+++ b/src/pages/reports/network/NetworkDiversityReport/charts/raceChart/RaceChart.vue
@@ -1,10 +1,13 @@
 <template>
   <Panel header="Race">
-    <Chart
-      id="viz-race"
-      :chartSpec="specRace"
-      :data="store.getters.getData.raceData"
+    <MultiSelect
+      style="width: 100%"
+      :options="filterOptions"
+      v-model="selectedFilters"
+      placeholder="Select filters"
+      display="chip"
     />
+    <Chart id="viz-race" :chartSpec="specRace" :data="filteredData" />
   </Panel>
 </template>
 
@@ -13,8 +16,31 @@ import Panel from "primevue/panel";
 import { useStore } from "vuex";
 import { specRace } from "@/pages/reports/network/NetworkDiversityReport/charts/raceChart/specRace";
 import { Chart } from "@/widgets/chart";
+import MultiSelect from "primevue/multiselect";
+import { computed, ref } from "vue";
+import { getValuesArray } from "@/shared/lib/mixins/methods/getValuesArray";
 
 const store = useStore();
+
+const selectedFilters = ref([]);
+
+const data = computed(() => {
+  return store.getters.getData.raceData;
+});
+
+const filteredData = computed(() => {
+  if (selectedFilters.value.length) {
+    return data.value.filter((val) =>
+      selectedFilters.value.includes(val.CONCEPT_NAME)
+    );
+  } else {
+    return data.value;
+  }
+});
+
+const filterOptions = computed(() => {
+  return getValuesArray(data.value, "CONCEPT_NAME", true);
+});
 </script>
 
 <style scoped></style>
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index afded6bc..7f8996e9 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -104,6 +104,7 @@ const updateValues = computed(() => {
     minMax: store.getters.getSettings.minMax,
     darkMode: store.getters.getSettings.darkMode,
     annotationMode: props.annotationMode,
+    data: props.data,
   };
 });
 

From e4f6cdd6af05a52b76dc8a52645651e9ec877783 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 29 Jul 2024 14:48:16 +0700
Subject: [PATCH 158/202] improvement: webApi auth

---
 package-lock.json                             |   2 +-
 package.json                                  |   2 +-
 src/app/plugins/tailwind/components/toast.ts  | 107 ++++++++++++++++++
 src/app/plugins/tailwind/tailwindStyles.ts    |   2 +
 .../authentication/model/store/auth.module.ts |  29 ++---
 src/widgets/snackbar/ui/Snackbar.vue          |  10 +-
 6 files changed, 134 insertions(+), 18 deletions(-)
 create mode 100644 src/app/plugins/tailwind/components/toast.ts

diff --git a/package-lock.json b/package-lock.json
index b51a2b70..7858d95e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "jwt-decode": "^4.0.0",
         "lodash": "^4.17.21",
         "primeicons": "^6.0.1",
-        "primevue": "^3.50.0",
+        "primevue": "^3.7.1",
         "uuid": "^9.0.1",
         "vega": "^5.25.0",
         "vega-embed": "^6.20.2",
diff --git a/package.json b/package.json
index ea8cab7b..0bccb888 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
     "primeicons": "^6.0.1",
-    "primevue": "^3.50.0",
+    "primevue": "^3.7.1",
     "uuid": "^9.0.1",
     "vega": "^5.25.0",
     "vega-embed": "^6.20.2",
diff --git a/src/app/plugins/tailwind/components/toast.ts b/src/app/plugins/tailwind/components/toast.ts
new file mode 100644
index 00000000..2aba27f5
--- /dev/null
+++ b/src/app/plugins/tailwind/components/toast.ts
@@ -0,0 +1,107 @@
+export default {
+  root: ({ props }) => ({
+    class: [
+      //Size and Shape
+      "w-96 rounded-md",
+
+      // Positioning
+      {
+        "-translate-x-2/4":
+          props.position == "top-center" || props.position == "bottom-center",
+      },
+    ],
+  }),
+  container: ({ props }) => ({
+    class: [
+      "my-4 rounded-md w-full",
+      "border-solid border-0 border-l-[6px]",
+      "backdrop-blur-[10px] shadow-md",
+
+      // Colors
+      {
+        "bg-blue-100/70 dark:bg-blue-500/20": props.message.severity == "info",
+        "bg-green-100/70 dark:bg-green-500/20":
+          props.message.severity == "success",
+        "bg-orange-100/70 dark:bg-orange-500/20":
+          props.message.severity == "warn",
+        "bg-red-100/70 dark:bg-red-500/20": props.message.severity == "error",
+      },
+      {
+        "border-blue-500 dark:border-blue-400":
+          props.message.severity == "info",
+        "border-green-500 dark:border-green-400":
+          props.message.severity == "success",
+        "border-orange-500 dark:border-orange-400":
+          props.message.severity == "warn",
+        "border-red-500 dark:border-red-400": props.message.severity == "error",
+      },
+      {
+        "text-blue-700 dark:text-blue-300": props.message.severity == "info",
+        "text-green-700 dark:text-green-300":
+          props.message.severity == "success",
+        "text-orange-700 dark:text-orange-300":
+          props.message.severity == "warn",
+        "text-red-700 dark:text-red-300": props.message.severity == "error",
+      },
+    ],
+  }),
+  content: {
+    class: "flex items-start p-4",
+  },
+  icon: {
+    class: [
+      // Sizing and Spacing
+      "w-6 h-6",
+      "text-lg leading-none mr-2 shrink-0",
+    ],
+  },
+  text: {
+    class: [
+      // Font and Text
+      "text-base leading-none",
+      "ml-2",
+      "flex-1",
+    ],
+  },
+  summary: {
+    class: "font-bold block",
+  },
+  detail: {
+    class: "mt-2 block",
+  },
+  closebutton: {
+    class: [
+      // Flexbox
+      "flex items-center justify-center",
+
+      // Size
+      "w-8 h-8",
+
+      // Spacing and Misc
+      "ml-auto  relative",
+
+      // Shape
+      "rounded-full",
+
+      // Colors
+      "bg-transparent",
+
+      // Transitions
+      "transition duration-200 ease-in-out",
+
+      // States
+      "hover:bg-surface-0/50 dark:hover:bg-surface-0/10",
+
+      // Misc
+      "overflow-hidden",
+    ],
+  },
+  transition: {
+    enterFromClass: "opacity-0 translate-y-2/4",
+    enterActiveClass: "transition-[transform,opacity] duration-300",
+    leaveFromClass: "max-h-[1000px]",
+    leaveActiveClass:
+      "!transition-[max-height_.45s_cubic-bezier(0,1,0,1),opacity_.3s,margin-bottom_.3s] overflow-hidden",
+    leaveToClass: "max-h-0 opacity-0 mb-0",
+  },
+};
diff --git a/src/app/plugins/tailwind/tailwindStyles.ts b/src/app/plugins/tailwind/tailwindStyles.ts
index 799a31f6..8bc5b549 100644
--- a/src/app/plugins/tailwind/tailwindStyles.ts
+++ b/src/app/plugins/tailwind/tailwindStyles.ts
@@ -26,6 +26,7 @@ import cascadeSelect from "@/app/plugins/tailwind/components/cascadeSelect";
 import floatLabel from "@/app/plugins/tailwind/components/floatLabel";
 import checkBox from "@/app/plugins/tailwind/components/checkBox";
 import accordion from "@/app/plugins/tailwind/components/accordion";
+import toast from "@/app/plugins/tailwind/components/toast";
 
 export const tailwindTheme = {
   tabview,
@@ -56,4 +57,5 @@ export const tailwindTheme = {
   floatLabel,
   checkBox,
   accordion,
+  toast,
 };
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 7288b978..f8f290c6 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -6,6 +6,7 @@ import environment from "@/shared/api/environment";
 import CookiesService from "@/shared/api/cookiesService";
 import { jwtDecode } from "jwt-decode";
 import localStorageService from "@/shared/api/localStorageService";
+import LocalStorageService from "@/shared/api/localStorageService";
 
 const tokenKey = "bearerToken";
 
@@ -28,7 +29,7 @@ function getExpiryDate(token) {
 
 const getters = {
   authenticated: function (state) {
-    const token = CookiesService.get(tokenKey);
+    const token = LocalStorageService.get(tokenKey);
     return token && !checkExpiryDate(token);
   },
   getWebAPIUser: function (state) {
@@ -70,7 +71,7 @@ const actions = {
       return;
     }
     try {
-      const savedToken = CookiesService.get(tokenKey);
+      const savedToken = LocalStorageService.get(tokenKey);
       const isExpired = checkExpiryDate(savedToken);
 
       let token = savedToken;
@@ -78,7 +79,7 @@ const actions = {
         const { headers } = await authService.token.get();
         token = headers?.["bearer"];
         if (!token) throw new Error("Token not found");
-        CookiesService.set(tokenKey, token, getExpiryDate(token));
+        LocalStorageService.set(tokenKey, token);
       }
       dispatch(GET_USER);
     } catch (error) {
@@ -90,36 +91,38 @@ const actions = {
   },
   async [GET_USER]({ commit, dispatch, rootGetters }) {
     if (environment.WEB_API_ENABLED === "false") return;
-    if (!CookiesService.get(tokenKey)) return;
-    const isExpired = checkExpiryDate(CookiesService.get(tokenKey));
+    if (!LocalStorageService.get(tokenKey)) return;
+    const isExpired = checkExpiryDate(LocalStorageService.get(tokenKey));
 
     if (isExpired) {
       dispatch(LOG_OUT);
       return;
     }
-    const userData = await authService.user.get(CookiesService.get(tokenKey));
+    const userData = await authService.user.get(
+      LocalStorageService.get(tokenKey)
+    );
     const user = await userData.data;
     user.exp = new Date(
-      getExpiryDate(CookiesService.get(tokenKey)) * 1000
+      getExpiryDate(LocalStorageService.get(tokenKey)) * 1000
     ).toUTCString();
     commit(SET_USER, user);
   },
   async [LOG_OUT]({ commit, dispatch, rootGetters }) {
-    CookiesService.remove(tokenKey);
-    localStorageService.remove("user");
+    LocalStorageService.remove(tokenKey);
+    LocalStorageService.remove("user");
     commit(SET_USER, null);
-    if (!checkExpiryDate(CookiesService.get(tokenKey))) {
-      await authService.token.logout(CookiesService.get(tokenKey));
+    if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
+      await authService.token.logout(LocalStorageService.get(tokenKey));
     }
   },
 };
 const mutations = {
   [SET_USER](state, user) {
     state.user = user;
-    localStorageService.set("user", user);
+    LocalStorageService.set("user", user);
   },
   [SAVE_TOKEN](state, token) {
-    CookiesService.set("bearerToken", token, 1);
+    LocalStorageService.set("bearerToken", token);
   },
 };
 
diff --git a/src/widgets/snackbar/ui/Snackbar.vue b/src/widgets/snackbar/ui/Snackbar.vue
index 7a5d34d7..6956c0b7 100644
--- a/src/widgets/snackbar/ui/Snackbar.vue
+++ b/src/widgets/snackbar/ui/Snackbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <Toast></Toast>
+  <Toast position="top-left"></Toast>
 </template>
 
 <script setup lang="ts">
@@ -8,13 +8,17 @@ import { useStore } from "vuex";
 
 import { useToast } from "primevue/usetoast";
 import Toast from "primevue/toast";
-import { watch } from "vue";
+import { computed, watch } from "vue";
 
 const toast = useToast();
 
 const store = useStore();
 
-watch(store.getters.getAlertVisibility, () => {
+const showAlert = computed(() => {
+  return store.getters.getAlertVisibility;
+});
+
+watch(showAlert, () => {
   if (store.getters.getAlertVisibility) {
     toast.add({
       severity: "error",

From ac2831d8922086032902ad4fa095b3ff8ee2f0ec Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 29 Jul 2024 15:17:40 +0700
Subject: [PATCH 159/202] improvement: webApi auth

---
 src/shared/api/webAPI/data/store/webApi.module.ts |  2 +-
 .../conceptSearchForm/ui/ConceptSearchForm.vue    | 15 +++++++++------
 src/widgets/error/model/config/errorMessages.ts   |  5 +++++
 .../store/{actions.type.js => actions.type.ts}    |  0
 .../{mutations.type.js => mutations.type.ts}      |  0
 .../{snackbar.module.js => snackbar.module.ts}    |  0
 6 files changed, 15 insertions(+), 7 deletions(-)
 rename src/widgets/snackbar/model/store/{actions.type.js => actions.type.ts} (100%)
 rename src/widgets/snackbar/model/store/{mutations.type.js => mutations.type.ts} (100%)
 rename src/widgets/snackbar/model/store/{snackbar.module.js => snackbar.module.ts} (100%)

diff --git a/src/shared/api/webAPI/data/store/webApi.module.ts b/src/shared/api/webAPI/data/store/webApi.module.ts
index 090c7112..7378f251 100644
--- a/src/shared/api/webAPI/data/store/webApi.module.ts
+++ b/src/shared/api/webAPI/data/store/webApi.module.ts
@@ -55,7 +55,7 @@ const actions = {
         });
       })
       .catch((err) => {
-        commit(SET_WEBAPI, { loading: false, error: err.error });
+        commit(SET_WEBAPI, { loading: false, error: err });
       });
   },
   [RESET_API_STORAGE]({ commit }) {
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index b558be18..9b0be8eb 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -221,6 +221,7 @@ import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { CONCEPT } from "@/shared/config/files";
 import { mdiAlertCircleOutline } from "@mdi/js";
+import errorMessages from "@/widgets/error/model/config/errorMessages";
 
 interface Props {
   addedConcepts: object;
@@ -283,10 +284,11 @@ const clearMessages = function () {
 onBeforeMount((): void => {
   if (environment.WEB_API_ENABLED === "true" && store.getters.authenticated) {
     store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
-      if (store.getters.getApiData?.error) {
+      const error = store.getters.getApiData?.error;
+      if (error) {
         store.dispatch(ADD_ALERT, {
-          message: "WebAPI server replied with status code",
-          status: store.getters.getApiData.error.request.status,
+          message: `WebAPI server replied with status code ${error.response.status}`,
+          status: errorMessages.webApiErrors[error.response.status],
         });
         return;
       }
@@ -340,10 +342,11 @@ const searchApi = function () {
       source: vocabularySource.value,
     })
     .then(() => {
-      if (store.getters.getApiData?.error) {
+      const error = store.getters.getApiData?.error;
+      if (error) {
         store.dispatch(ADD_ALERT, {
-          message: "WebAPI server replied with status code",
-          status: store.getters.getApiData.error.request.status,
+          message: `WebAPI server replied with status code ${error.response.status}`,
+          status: errorMessages.webApiErrors[error.response.status],
         });
       }
     });
diff --git a/src/widgets/error/model/config/errorMessages.ts b/src/widgets/error/model/config/errorMessages.ts
index 2f00f9b7..96103486 100644
--- a/src/widgets/error/model/config/errorMessages.ts
+++ b/src/widgets/error/model/config/errorMessages.ts
@@ -37,4 +37,9 @@ export default {
       "It seems that the server is not available at this time. Please make sure you have internet connection" +
       " and the server is running then reload the page",
   },
+  webApiErrors: {
+    404: "Resource is not found",
+    500: "Internal server error",
+    403: "You don't have permission for this action",
+  },
 };
diff --git a/src/widgets/snackbar/model/store/actions.type.js b/src/widgets/snackbar/model/store/actions.type.ts
similarity index 100%
rename from src/widgets/snackbar/model/store/actions.type.js
rename to src/widgets/snackbar/model/store/actions.type.ts
diff --git a/src/widgets/snackbar/model/store/mutations.type.js b/src/widgets/snackbar/model/store/mutations.type.ts
similarity index 100%
rename from src/widgets/snackbar/model/store/mutations.type.js
rename to src/widgets/snackbar/model/store/mutations.type.ts
diff --git a/src/widgets/snackbar/model/store/snackbar.module.js b/src/widgets/snackbar/model/store/snackbar.module.ts
similarity index 100%
rename from src/widgets/snackbar/model/store/snackbar.module.js
rename to src/widgets/snackbar/model/store/snackbar.module.ts

From 756ca53ffe379639bca51612138ea870f57cd941 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 29 Jul 2024 15:26:39 +0700
Subject: [PATCH 160/202] improvement: webApi auth

---
 src/shared/api/webAPI/data/store/webApi.module.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/shared/api/webAPI/data/store/webApi.module.ts b/src/shared/api/webAPI/data/store/webApi.module.ts
index 7378f251..90c4dd44 100644
--- a/src/shared/api/webAPI/data/store/webApi.module.ts
+++ b/src/shared/api/webAPI/data/store/webApi.module.ts
@@ -10,6 +10,7 @@ import {
 } from "@/shared/api/webAPI/data/store/mutations.type";
 import { VocabularyService } from "@/shared/api/webAPI/services/vocabularyService";
 import CookiesService from "@/shared/api/cookiesService";
+import LocalStorageService from "@/shared/api/localStorageService";
 
 const state = {
   apiData: {},
@@ -26,9 +27,11 @@ const actions = {
   async [FETCH_WEBAPI_INFO]({ commit, dispatch, rootState, rootGetters }) {
     commit(SET_WEBAPI, { loading: true });
     const webApiInfo = InfoService.webApi.get(
-      CookiesService.get("bearerToken")
+      LocalStorageService.get("bearerToken")
+    );
+    const sources = InfoService.sources.get(
+      LocalStorageService.get("bearerToken")
     );
-    const sources = InfoService.sources.get(CookiesService.get("bearerToken"));
     return await Promise.all([webApiInfo, sources])
       .then((res) => {
         commit(SET_WEBAPI, {
@@ -46,7 +49,11 @@ const actions = {
   ) {
     commit(SET_WEBAPI, { loading: true });
     await VocabularyService.search
-      .get(payload.search, payload.source, CookiesService.get("bearerToken"))
+      .get(
+        payload.search,
+        payload.source,
+        LocalStorageService.get("bearerToken")
+      )
       .then((data) => {
         commit(SET_WEBAPI, {
           data: data.data,

From aa068dffb594e2b6c09a5c219d381ad79f6862c0 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 29 Jul 2024 16:02:02 +0700
Subject: [PATCH 161/202] improvement: webApi auth

---
 src/shared/api/webAPI/authentication/model/store/auth.module.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index f8f290c6..c6c836f4 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -104,7 +104,7 @@ const actions = {
     const user = await userData.data;
     user.exp = new Date(
       getExpiryDate(LocalStorageService.get(tokenKey)) * 1000
-    ).toUTCString();
+    ).toLocaleString();
     commit(SET_USER, user);
   },
   async [LOG_OUT]({ commit, dispatch, rootGetters }) {

From 733b604bc3cbe159898637d8747a04976d991937 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 29 Jul 2024 18:22:07 +0700
Subject: [PATCH 162/202] improvement: webApi auth

---
 src/app/App.vue                               | 12 +++++++++++-
 src/shared/api/localStorageService.ts         |  7 +++++++
 .../authentication/model/store/auth.module.ts | 19 ++++++++++++-------
 .../model/store/mutations.type.ts             |  1 +
 .../lib/mixins/methods/checkJWTexpiry.ts      |  9 +++++++++
 5 files changed, 40 insertions(+), 8 deletions(-)
 create mode 100644 src/shared/lib/mixins/methods/checkJWTexpiry.ts

diff --git a/src/app/App.vue b/src/app/App.vue
index 7de78880..e9309ce2 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -17,7 +17,11 @@ const store = useStore();
 const route = useRoute();
 
 import { computed, watch, onBeforeMount, onMounted } from "vue";
-import { GET_USER } from "@/shared/api/webAPI/authentication/model/store/actions.type";
+import {
+  GET_USER,
+  LOG_OUT,
+} from "@/shared/api/webAPI/authentication/model/store/actions.type";
+import LocalStorageService from "@/shared/api/localStorageService";
 
 const favicon = document.getElementById("faviconTag");
 
@@ -49,6 +53,12 @@ onBeforeMount((): void => {
 onMounted(() => {
   store.dispatch(GET_USER);
 });
+
+LocalStorageService.watch("bearerToken", (newToken) => {
+  if (!newToken) {
+    store.dispatch(LOG_OUT);
+  }
+});
 </script>
 
 <style lang="scss">
diff --git a/src/shared/api/localStorageService.ts b/src/shared/api/localStorageService.ts
index 9d0f4680..820163fa 100644
--- a/src/shared/api/localStorageService.ts
+++ b/src/shared/api/localStorageService.ts
@@ -1,4 +1,11 @@
 class LocalStorageService {
+  watch(key, callback) {
+    window.addEventListener("storage", (event) => {
+      if (event.key === key) {
+        callback(event.newValue);
+      }
+    });
+  }
   get(key: string) {
     const data = window.localStorage.getItem(key);
 
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index c6c836f4..2042413b 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -1,17 +1,16 @@
-import { SAVE_TOKEN, SET_USER } from "./mutations.type";
+import { SAVE_TOKEN, SET_AUTHENTICATED, SET_USER } from "./mutations.type";
 import { WEB_API_LOG_IN, GET_USER, LOG_OUT } from "./actions.type";
 import { authService } from "@/shared/api/webAPI/services/authService";
 import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 import environment from "@/shared/api/environment";
-import CookiesService from "@/shared/api/cookiesService";
 import { jwtDecode } from "jwt-decode";
-import localStorageService from "@/shared/api/localStorageService";
 import LocalStorageService from "@/shared/api/localStorageService";
 
 const tokenKey = "bearerToken";
 
 const state = {
   user: null,
+  authenticated: false,
 };
 
 function checkExpiryDate(token) {
@@ -29,8 +28,9 @@ function getExpiryDate(token) {
 
 const getters = {
   authenticated: function (state) {
-    const token = LocalStorageService.get(tokenKey);
-    return token && !checkExpiryDate(token);
+    // const token = LocalStorageService.get(tokenKey);
+    // return token && !checkExpiryDate(token);
+    return state.authenticated;
   },
   getWebAPIUser: function (state) {
     return state.user;
@@ -105,15 +105,17 @@ const actions = {
     user.exp = new Date(
       getExpiryDate(LocalStorageService.get(tokenKey)) * 1000
     ).toLocaleString();
+    commit(SET_AUTHENTICATED, true);
     commit(SET_USER, user);
   },
   async [LOG_OUT]({ commit, dispatch, rootGetters }) {
-    LocalStorageService.remove(tokenKey);
-    LocalStorageService.remove("user");
+    commit(SET_AUTHENTICATED, false);
     commit(SET_USER, null);
     if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
       await authService.token.logout(LocalStorageService.get(tokenKey));
     }
+    LocalStorageService.remove(tokenKey);
+    LocalStorageService.remove("user");
   },
 };
 const mutations = {
@@ -124,6 +126,9 @@ const mutations = {
   [SAVE_TOKEN](state, token) {
     LocalStorageService.set("bearerToken", token);
   },
+  [SET_AUTHENTICATED](state, authenticated) {
+    state.authenticated = authenticated;
+  },
 };
 
 export default {
diff --git a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
index faf1ddf3..19a97eb2 100644
--- a/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
+++ b/src/shared/api/webAPI/authentication/model/store/mutations.type.ts
@@ -1,2 +1,3 @@
 export const SET_USER = "setUser";
 export const SAVE_TOKEN = "saveToken";
+export const SET_AUTHENTICATED = "setAuthenticated";
diff --git a/src/shared/lib/mixins/methods/checkJWTexpiry.ts b/src/shared/lib/mixins/methods/checkJWTexpiry.ts
new file mode 100644
index 00000000..26a81deb
--- /dev/null
+++ b/src/shared/lib/mixins/methods/checkJWTexpiry.ts
@@ -0,0 +1,9 @@
+import { jwtDecode } from "jwt-decode";
+
+export function checkExpiryDate(token) {
+  if (token) {
+    const decodedToken = jwtDecode(token);
+    const currentTime = Date.now() / 1000;
+    return decodedToken.exp < currentTime;
+  }
+}

From a820e042487149e5a1ae1cd0d9795973a8b1fffa Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 30 Jul 2024 17:02:46 +0700
Subject: [PATCH 163/202] improvement: webApi auth

---
 .../network/NetworkConceptDashboard/NetworkConceptDashboard.vue  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index df71f35e..b9817720 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -61,6 +61,7 @@
     @close="close"
     @inputChanged="clearMessages"
     :show="showWebApiSearchForm"
+    multi-selection
   />
 </template>
 

From d11dd6e0b374e9f4546f542262af80fd7ac55fd0 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 30 Jul 2024 17:25:28 +0700
Subject: [PATCH 164/202] improvement: webApi auth

---
 .../NetworkConceptDashboard.vue                   | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index b9817720..c12ef494 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -13,12 +13,12 @@
         rowGroupMode="subheader"
         groupRowsBy="CONCEPT_NAME"
         class="table"
-        v-if="data.length"
+        v-if="concepts.length"
         size="small"
         paginator
         currentPageReportTemplate="{first} to {last} of {totalRecords}"
         paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
-        :value="data"
+        :value="concepts"
         :rows="10"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
@@ -62,6 +62,7 @@
     @inputChanged="clearMessages"
     :show="showWebApiSearchForm"
     multi-selection
+    @save="save"
   />
 </template>
 
@@ -83,9 +84,13 @@ const successMessage: Ref<string[]> = ref([]);
 const errors: Ref<string> = ref("");
 const showWebApiSearchForm = ref(false);
 const selectedConcept = ref([]);
-const data = computed(() => {
-  return store.getters.getData?.concept || [];
-});
+
+const concepts = ref([]);
+
+const save = function () {
+  const newConcept = store.getters.getData?.concept;
+  concepts.value = [...concepts.value, ...newConcept];
+};
 function atClick() {
   showWebApiSearchForm.value = true;
 }

From 1617b2599b693fc959f0f03e0d6684a4fc0050c8 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 30 Jul 2024 22:43:55 +0700
Subject: [PATCH 165/202] fix: search in results redirects to overview

---
 .../release/DataQualityResults/components/ResultsTable.vue       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index a51222fe..d453f7ad 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -754,6 +754,7 @@ const debouncedSearch = debounce(function (data: string): void {
     .push({
       query: {
         search: data,
+        tab: 2,
       },
     })
     .then(() => {

From e0b11e7c73c263ece36ea67c39ffd3b83822a5d7 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 8 Aug 2024 22:31:30 +0700
Subject: [PATCH 166/202] feat: added data quality delta

---
 .../components/DataSourcesList.vue            | 54 ++++++++++-
 .../components/ResultsTable.vue               | 60 +++++++++++-
 .../DataQualityHistory/DataQualityHistory.vue |  2 +
 .../DataQualityDelta/DataQualityDelta.vue     | 82 ++++++++++++++++
 .../DataQualityDelta/specDataQualityDelta.ts  | 94 +++++++++++++++++++
 .../exploreReports/config/dataLoadConfig.ts   |  6 +-
 .../model/store/preprocessing/index.ts        |  2 +
 src/shared/api/axios/files.ts                 |  3 +-
 src/shared/config/files.ts                    |  1 +
 .../lib/mixins/methods/getValuesArray.ts      |  1 +
 10 files changed, 299 insertions(+), 6 deletions(-)
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
 create mode 100644 src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts

diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 86e19d17..6a65fe7a 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -3,7 +3,7 @@
     <DataTable
       size="small"
       showGridlines
-      :value="store.getters.getSources"
+      :value="augmentedData"
       v-model:filters="newFilters"
       :globalFilterFields="['cdm_source_name', 'releases[0].release_name', '']"
       paginator
@@ -67,7 +67,28 @@
         header="Data Quality Issues"
       >
         <template #body="slotProps">
-          {{ slotProps.data.releases[0].count_data_quality_issues }}
+          <div class="flex items-center justify-end">
+            {{ slotProps.data.releases[0].count_data_quality_issues }}
+
+            <svg-icon
+              v-if="slotProps.data.issue_delta === 1"
+              class="text-red-600 text-lg"
+              type="mdi"
+              :path="mdiArrowUp"
+            ></svg-icon>
+            <svg-icon
+              v-if="slotProps.data.issue_delta === -1"
+              class="text-green-600 text-lg"
+              type="mdi"
+              :path="mdiArrowDown"
+            ></svg-icon>
+            <svg-icon
+              v-if="slotProps.data.issue_delta === 0"
+              class="text-gray-600 text-lg"
+              type="mdi"
+              :path="mdiMinus"
+            ></svg-icon>
+          </div>
         </template>
       </Column>
       <Column
@@ -106,7 +127,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import { useStore } from "vuex";
 import { debounce } from "lodash";
 import Panel from "primevue/panel";
@@ -118,11 +139,38 @@ import InputGroup from "primevue/inputgroup";
 import { useRoute, useRouter } from "vue-router";
 import { FilterMatchMode } from "primevue/api";
 import { helpers } from "@/shared/lib/mixins";
+import { mdiArrowDown, mdiArrowLeft, mdiArrowUp, mdiMinus } from "@mdi/js";
+import SvgIcon from "@jamescoyle/vue-icon";
 
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
 
+const data = ref(store.getters.getSources);
+
+const augmentedData = computed(() => {
+  return data.value.map((source) => {
+    const releases = source.releases;
+    let status;
+    if (releases.length > 1) {
+      const moreIssues =
+        releases[0].count_data_quality_issues >
+        releases[1].count_data_quality_issues;
+
+      const noChanges =
+        releases[0].count_data_quality_issues ===
+        releases[1].count_data_quality_issues;
+      status = moreIssues ? 1 : noChanges ? 0 : -1;
+    } else {
+      status = 0;
+    }
+    return {
+      ...source,
+      issue_delta: status,
+    };
+  });
+});
+
 const newFilters = computed(() => ({
   global: { value: route.query.search, matchMode: FilterMatchMode.CONTAINS },
 }));
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index d453f7ad..b3864e8f 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -395,6 +395,53 @@
       header="Execution Duration"
     >
     </Column>
+    <Column
+      v-if="checks[0].Status"
+      style="text-align: end; min-width: 12rem"
+      :pt="{ headerContent: 'justify-end' }"
+      sortable
+      filter-field="Status"
+      field="Status"
+      :show-clear-button="false"
+      :show-filter-menu="false"
+    >
+      <template #header>
+        <svg-icon type="mdi" :path="mdiDelta"></svg-icon
+      ></template>
+      <template #filter="{ filterModel, filterCallback }">
+        <MultiSelect
+          :maxSelectedLabels="2"
+          filter
+          v-model="filterModel.value"
+          @change="filterCallback()"
+          :options="deltaOptions"
+          placeholder="Select One"
+          class="p-column-filter w-full"
+          style="min-width: 12rem"
+        >
+          <template #option="slotProps">
+            {{ slotProps.option }}
+          </template>
+        </MultiSelect>
+      </template>
+      <template #body="slotProps">
+        <div v-if="slotProps.data.Status === 'NEW'" class="text-red-600">
+          {{ slotProps.data.Status }}
+        </div>
+        <div
+          v-if="slotProps.data.Status === 'EXISTING'"
+          class="text-yellow-600"
+        >
+          {{ slotProps.data.Status }}
+        </div>
+        <div v-if="slotProps.data.Status === 'RESOLVED'" class="text-green-600">
+          {{ slotProps.data.Status }}
+        </div>
+        <div v-if="slotProps.data.Status === 'STABLE'" class="text-blue-600">
+          {{ slotProps.data.Status }}
+        </div>
+      </template>
+    </Column>
 
     <Column expander style="width: 5rem" />
 
@@ -551,7 +598,7 @@ import Dropdown from "primevue/dropdown";
 import InputGroup from "primevue/inputgroup";
 import InputGroupAddon from "primevue/inputgroupaddon";
 import MultiSelect from "primevue/multiselect";
-import { mdiTable } from "@mdi/js";
+import { mdiDelta, mdiTable } from "@mdi/js";
 import { UPDATE_COLUMN_SELECTION } from "@/widgets/settings/model/store/actions.type";
 
 const store = useStore();
@@ -592,6 +639,9 @@ const checkLevelOptions = computed(() => {
 const notesExistOptions = computed(() => {
   return helpers.getValuesArray(checks.value, "notesExist", true);
 });
+const deltaOptions = computed(() => {
+  return helpers.getValuesArray(checks.value, "Status", true);
+});
 
 const filters = ref({
   global: { value: null, matchMode: FilterMatchMode.CONTAINS },
@@ -604,6 +654,7 @@ const filters = ref({
   context: { value: null, matchMode: FilterMatchMode.IN },
   checkLevel: { value: null, matchMode: FilterMatchMode.IN },
   notesExist: { value: null, matchMode: FilterMatchMode.IN },
+  Status: { value: null, matchMode: FilterMatchMode.IN },
 });
 
 const expanded = ref([]);
@@ -616,6 +667,13 @@ const headers = ref({
     show: true,
     default: true,
   },
+  delta: {
+    title: "Delta",
+    sortable: true,
+    key: "status",
+    show: true,
+    default: true,
+  },
   cdmTableName: {
     title: "Table",
     sortable: true,
diff --git a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
index 9942efdb..cc9677b5 100644
--- a/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
+++ b/src/pages/reports/source/DataQualityHistory/DataQualityHistory.vue
@@ -3,6 +3,7 @@
     <HistoricalDataQuality />
     <HistoricalDataQualityByCategory />
     <HistoricalDataQualityByDomain />
+    <DataQualityDelta />
   </div>
 </template>
 
@@ -10,6 +11,7 @@
 import HistoricalDataQuality from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQuality/HistoricalDataQuality.vue";
 import HistoricalDataQualityByCategory from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/HistoricalDataQualityByCategory.vue";
 import HistoricalDataQualityByDomain from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByDomain/HistoricalDataQualityByDomain.vue";
+import DataQualityDelta from "@/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue";
 </script>
 
 <style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
new file mode 100644
index 00000000..4671aaf4
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
@@ -0,0 +1,82 @@
+<template>
+  <Panel header="Data Quality Delta" elevation="2" class="ma-4">
+    <template #icons>
+      <ChartHeader
+        title="Historical Data Quality by Category"
+        :notes-count="notes.length"
+        :annotations-count="annotations.length"
+        @annotations-mode-toggled="toggleAnnotationsMode"
+        @notes-mode-toggled="toggleNotesMode"
+        table-toggle
+        @table-toggled="toggleTable"
+      />
+    </template>
+    <Chart
+      :id="reportId"
+      :data="data"
+      :chartSpec="specDataQualityDelta"
+      :annotations="annotations"
+      :annotation-mode="annotationsMode"
+      :annotations-config="{
+        chartSpec: specDataQualityResultsByCategoryAnnotation,
+        annotationsParentElement: 'g',
+        brushParentElement: 'g g',
+      }"
+    />
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data"
+        paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="Release" header="Release"> </Column>
+        <Column field="NEW" header="New"> </Column>
+        <Column field="EXISTING" header="Existing"> </Column>
+        <Column field="RESOLVED" header="Resolved"> </Column>
+        <Column field="STABLE" header="Stable"> </Column>
+      </DataTable>
+    </div>
+    <NotesPanel v-if="notesMode" :notes="notes" />
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import { QUALITY_DELTA } from "@/shared/config/files";
+import { Chart } from "@/widgets/chart";
+import { specDataQualityDelta } from "./specDataQualityDelta";
+import { useStore } from "vuex";
+import { computed, ref } from "vue";
+import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
+import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Panel from "primevue/panel";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import useAnnotations from "@/shared/lib/composables/useAnnotations";
+import useAnnotationControls from "@/shared/lib/composables/useAnnotationControls";
+
+const store = useStore();
+
+const reportId = "viz-sourcedataqualitydelta";
+
+const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
+  useAnnotationControls();
+
+const { annotations, notes } = useAnnotations(reportId);
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+
+const data = computed(() => {
+  return store.getters.getData[QUALITY_DELTA] || [];
+});
+</script>
+
+<style scoped></style>
diff --git a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
new file mode 100644
index 00000000..f45a7829
--- /dev/null
+++ b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
@@ -0,0 +1,94 @@
+import { VEGA_SCHEMA } from "@/shared/config/links";
+import { TopLevelSpec } from "vega-lite";
+
+export function specDataQualityDelta(zeroBaseline = false) {
+  return {
+    $schema: VEGA_SCHEMA,
+    width: "container",
+    height: 150,
+    data: { name: "conceptData" },
+    encoding: {
+      x: { field: "Release", type: "nominal", title: "Release Name" },
+      y: { field: "value", type: "quantitative", title: "Count" },
+      color: {
+        field: "variable",
+        type: "nominal",
+        title: "Issue status",
+      },
+    },
+    transform: [
+      {
+        fold: ["NEW", "EXISTING", "RESOLVED", "STABLE"],
+        as: ["variable", "value"],
+      },
+      {
+        calculate: "datum.variable",
+        as: "copiedVariable",
+      },
+    ],
+    layer: [
+      {
+        mark: { type: "line", interpolate: "linear", point: true },
+        params: [
+          {
+            name: "source",
+            select: { type: "point", fields: ["variable"] },
+            bind: "legend",
+          },
+        ],
+        // encoding: {
+        //   opacity: {
+        //     condition: { param: "source", value: 1 },
+        //     value: 0.2,
+        //   },
+        // },
+        transform: [
+          {
+            filter: { param: "source" },
+          },
+        ],
+      },
+      // {
+      //   selection: {
+      //     release: {
+      //       type: "multi",
+      //       fields: ["copiedVariable"],
+      //       bind: "legend",
+      //     },
+      //     x: {
+      //       type: "single",
+      //       on: "mousemove",
+      //       fields: ["copiedVariable"],
+      //       nearest: true,
+      //     },
+      //   },
+      //   transform: [
+      //     {
+      //       filter: { selection: "release" },
+      //     },
+      //   ],
+      //   mark: { type: "point", tooltip: true },
+      // },
+      // {
+      //   transform: [
+      //     {
+      //       filter: {
+      //         and: ["x.Release", { selection: "x" }],
+      //       },
+      //     },
+      //     { filter: { selection: "release" } },
+      //   ],
+      //   layer: [
+      //     {
+      //       mark: "rule",
+      //       encoding: {
+      //         y: {
+      //           height: 1,
+      //         },
+      //       },
+      //     },
+      //   ],
+      // },
+    ],
+  };
+}
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 71596529..9e5c55ab 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -23,6 +23,7 @@ import {
   OBSERVATION_PERIOD,
   PERSON,
   QUALITY_COMPLETENESS,
+  QUALITY_DELTA,
   QUALITY_INDEX,
   QUALITY_RESULTS,
   RECORDS_DOMAIN,
@@ -220,7 +221,10 @@ export default function getFilesByView(params = null) {
     dataQualityHistory: {
       loadMethod: FETCH_FILES,
       payload: {
-        files: [{ name: QUALITY_INDEX, required: true }],
+        files: [
+          { name: QUALITY_INDEX, required: true },
+          { name: QUALITY_DELTA, required: false },
+        ],
       },
     },
     domainContinuity: {
diff --git a/src/processes/exploreReports/model/store/preprocessing/index.ts b/src/processes/exploreReports/model/store/preprocessing/index.ts
index 065e6be6..de415df8 100644
--- a/src/processes/exploreReports/model/store/preprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/preprocessing/index.ts
@@ -21,6 +21,7 @@ import {
   COHORT_INDEX_EVENT_BREAKDOWN,
   COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
   LOCATION,
+  QUALITY_DELTA,
 } from "@/shared/config/files";
 import csvParse from "@/processes/exploreReports/model/store/preprocessing/csvParse";
 
@@ -47,4 +48,5 @@ export default {
   [COHORT_INDEX_EVENT_BREAKDOWN]: csvParse,
   [COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: csvParse,
   [LOCATION]: csvParse,
+  [QUALITY_DELTA]: csvParse,
 };
diff --git a/src/shared/api/axios/files.ts b/src/shared/api/axios/files.ts
index 3373d340..7e94157b 100644
--- a/src/shared/api/axios/files.ts
+++ b/src/shared/api/axios/files.ts
@@ -12,7 +12,8 @@ export default function getFilePath(params: Params) {
     [files.INDEX]: "data/index.json",
     [files.CONCEPT]: `data/${params.cdm}/${params.release}/concepts/${params.domain}/concept_${params.concept}.json`,
     [files.QUALITY_INDEX]: `data/${params.cdm}/data-quality-index.json`,
-    [files.QUALITY_RESULTS]: `data/${params.cdm}/${params.release}/dq-result.json`,
+    [files.QUALITY_RESULTS]: `data/${params.cdm}/${params.release}/updated_dq-result.json`,
+    [files.QUALITY_DELTA]: `data/${params.cdm}/data-quality-delta.csv`,
     [files.DEATH]: `data/${params.cdm}/${params.release}/death.json`,
     [files.SOURCE_HISTORY_INDEX]: `data/${params.cdm}/data-source-history-index.json`,
     [files.DENSITY_RECORDS_PERSON]: `data/${params.cdm}/${params.release}/datadensity-records-per-person.csv`,
diff --git a/src/shared/config/files.ts b/src/shared/config/files.ts
index beb834ea..f43df288 100644
--- a/src/shared/config/files.ts
+++ b/src/shared/config/files.ts
@@ -2,6 +2,7 @@ export const INDEX = "index";
 export const CONCEPT = "concept";
 export const QUALITY_INDEX = "qualityIndex";
 export const QUALITY_RESULTS = "qualityResults";
+export const QUALITY_DELTA = "qualityDelta";
 
 export const NOTES = "notes";
 export const DEATH = "death";
diff --git a/src/shared/lib/mixins/methods/getValuesArray.ts b/src/shared/lib/mixins/methods/getValuesArray.ts
index 84d197f6..54ddc4f5 100644
--- a/src/shared/lib/mixins/methods/getValuesArray.ts
+++ b/src/shared/lib/mixins/methods/getValuesArray.ts
@@ -3,6 +3,7 @@ export const getValuesArray = function (
   val: string,
   unique?: boolean
 ): never[] {
+  if (!array) return [];
   if (unique) {
     return [...new Set(array.map((d) => d[val]))];
   } else {

From 12ba4296bfa66b16ab930df117bceef3f2dfed10 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 13 Aug 2024 06:50:37 +0700
Subject: [PATCH 167/202] feat: added data quality delta

---
 .../components/PivotDataTable.vue             |  1 +
 .../components/ResultsTable.vue               | 31 +++----
 .../DataQualityDelta/DataQualityDelta.vue     | 25 +-----
 .../DataQualityDelta/specDataQualityDelta.ts  | 88 +++++++++----------
 src/shared/api/axios/files.ts                 |  2 +-
 5 files changed, 61 insertions(+), 86 deletions(-)

diff --git a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
index e1b7bc6f..8cb5e9b2 100644
--- a/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/PivotDataTable.vue
@@ -13,6 +13,7 @@
         'subcategory',
         'cdmTableName',
         'failed',
+        'delta',
       ]"
       :aggregator-names-list="['Count']"
     >
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index b3864e8f..ae261359 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -396,12 +396,12 @@
     >
     </Column>
     <Column
-      v-if="checks[0].Status"
+      v-if="checks[0].delta"
       style="text-align: end; min-width: 12rem"
       :pt="{ headerContent: 'justify-end' }"
       sortable
-      filter-field="Status"
-      field="Status"
+      filter-field="delta"
+      field="delta"
       :show-clear-button="false"
       :show-filter-menu="false"
     >
@@ -425,20 +425,17 @@
         </MultiSelect>
       </template>
       <template #body="slotProps">
-        <div v-if="slotProps.data.Status === 'NEW'" class="text-red-600">
-          {{ slotProps.data.Status }}
+        <div v-if="slotProps.data.delta === 'NEW'" class="text-red-600">
+          {{ slotProps.data.delta }}
         </div>
-        <div
-          v-if="slotProps.data.Status === 'EXISTING'"
-          class="text-yellow-600"
-        >
-          {{ slotProps.data.Status }}
+        <div v-if="slotProps.data.delta === 'EXISTING'" class="text-yellow-600">
+          {{ slotProps.data.delta }}
         </div>
-        <div v-if="slotProps.data.Status === 'RESOLVED'" class="text-green-600">
-          {{ slotProps.data.Status }}
+        <div v-if="slotProps.data.delta === 'RESOLVED'" class="text-green-600">
+          {{ slotProps.data.delta }}
         </div>
-        <div v-if="slotProps.data.Status === 'STABLE'" class="text-blue-600">
-          {{ slotProps.data.Status }}
+        <div v-if="slotProps.data.delta === 'STABLE'" class="text-blue-600">
+          {{ slotProps.data.delta }}
         </div>
       </template>
     </Column>
@@ -640,7 +637,7 @@ const notesExistOptions = computed(() => {
   return helpers.getValuesArray(checks.value, "notesExist", true);
 });
 const deltaOptions = computed(() => {
-  return helpers.getValuesArray(checks.value, "Status", true);
+  return helpers.getValuesArray(checks.value, "delta", true);
 });
 
 const filters = ref({
@@ -654,7 +651,7 @@ const filters = ref({
   context: { value: null, matchMode: FilterMatchMode.IN },
   checkLevel: { value: null, matchMode: FilterMatchMode.IN },
   notesExist: { value: null, matchMode: FilterMatchMode.IN },
-  Status: { value: null, matchMode: FilterMatchMode.IN },
+  delta: { value: null, matchMode: FilterMatchMode.IN },
 });
 
 const expanded = ref([]);
@@ -670,7 +667,7 @@ const headers = ref({
   delta: {
     title: "Delta",
     sortable: true,
-    key: "status",
+    key: "delta",
     show: true,
     default: true,
   },
diff --git a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
index 4671aaf4..07424b68 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
+++ b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/DataQualityDelta.vue
@@ -3,26 +3,11 @@
     <template #icons>
       <ChartHeader
         title="Historical Data Quality by Category"
-        :notes-count="notes.length"
-        :annotations-count="annotations.length"
-        @annotations-mode-toggled="toggleAnnotationsMode"
-        @notes-mode-toggled="toggleNotesMode"
         table-toggle
         @table-toggled="toggleTable"
       />
     </template>
-    <Chart
-      :id="reportId"
-      :data="data"
-      :chartSpec="specDataQualityDelta"
-      :annotations="annotations"
-      :annotation-mode="annotationsMode"
-      :annotations-config="{
-        chartSpec: specDataQualityResultsByCategoryAnnotation,
-        annotationsParentElement: 'g',
-        brushParentElement: 'g g',
-      }"
-    />
+    <Chart :id="reportId" :data="data" :chartSpec="specDataQualityDelta" />
     <div v-if="showTable" class="p-4">
       <DataTable
         size="small"
@@ -33,7 +18,7 @@
         :rows="5"
         :rowsPerPageOptions="[5, 10, 20, 50]"
       >
-        <Column field="Release" header="Release"> </Column>
+        <Column field="release" header="Release"> </Column>
         <Column field="NEW" header="New"> </Column>
         <Column field="EXISTING" header="Existing"> </Column>
         <Column field="RESOLVED" header="Resolved"> </Column>
@@ -51,7 +36,6 @@ import { specDataQualityDelta } from "./specDataQualityDelta";
 import { useStore } from "vuex";
 import { computed, ref } from "vue";
 import NotesPanel from "@/widgets/notesPanel/ui/NotesPanel.vue";
-import { specDataQualityResultsByCategoryAnnotation } from "@/pages/reports/source/DataQualityHistory/charts/HistoricalDataQualityByCategory/specDataQualityResultsByCategoryAnnotation";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Panel from "primevue/panel";
 import Column from "primevue/column";
@@ -63,10 +47,9 @@ const store = useStore();
 
 const reportId = "viz-sourcedataqualitydelta";
 
-const { notesMode, annotationsMode, toggleNotesMode, toggleAnnotationsMode } =
-  useAnnotationControls();
+const { notesMode } = useAnnotationControls();
 
-const { annotations, notes } = useAnnotations(reportId);
+const { notes } = useAnnotations(reportId);
 
 const showTable = ref(false);
 
diff --git a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
index f45a7829..9e613a94 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
@@ -36,59 +36,53 @@ export function specDataQualityDelta(zeroBaseline = false) {
             bind: "legend",
           },
         ],
-        // encoding: {
-        //   opacity: {
-        //     condition: { param: "source", value: 1 },
-        //     value: 0.2,
-        //   },
-        // },
         transform: [
           {
             filter: { param: "source" },
           },
         ],
       },
-      // {
-      //   selection: {
-      //     release: {
-      //       type: "multi",
-      //       fields: ["copiedVariable"],
-      //       bind: "legend",
-      //     },
-      //     x: {
-      //       type: "single",
-      //       on: "mousemove",
-      //       fields: ["copiedVariable"],
-      //       nearest: true,
-      //     },
-      //   },
-      //   transform: [
-      //     {
-      //       filter: { selection: "release" },
-      //     },
-      //   ],
-      //   mark: { type: "point", tooltip: true },
-      // },
-      // {
-      //   transform: [
-      //     {
-      //       filter: {
-      //         and: ["x.Release", { selection: "x" }],
-      //       },
-      //     },
-      //     { filter: { selection: "release" } },
-      //   ],
-      //   layer: [
-      //     {
-      //       mark: "rule",
-      //       encoding: {
-      //         y: {
-      //           height: 1,
-      //         },
-      //       },
-      //     },
-      //   ],
-      // },
+      {
+        selection: {
+          release: {
+            type: "multi",
+            fields: ["variable"],
+            bind: "legend",
+          },
+          x: {
+            type: "single",
+            on: "mousemove",
+            fields: ["Release"],
+            nearest: true,
+          },
+        },
+        transform: [
+          {
+            filter: { selection: "release" },
+          },
+        ],
+        mark: { type: "point", tooltip: true },
+      },
+      {
+        transform: [
+          {
+            filter: {
+              and: ["x.Release", { selection: "x" }],
+            },
+          },
+          { filter: { selection: "release" } },
+        ],
+        layer: [
+          {
+            mark: "rule",
+            encoding: {
+              y: {
+                height: 1,
+              },
+            },
+          },
+        ],
+      },
     ],
   };
 }
diff --git a/src/shared/api/axios/files.ts b/src/shared/api/axios/files.ts
index 7e94157b..56fc917e 100644
--- a/src/shared/api/axios/files.ts
+++ b/src/shared/api/axios/files.ts
@@ -12,7 +12,7 @@ export default function getFilePath(params: Params) {
     [files.INDEX]: "data/index.json",
     [files.CONCEPT]: `data/${params.cdm}/${params.release}/concepts/${params.domain}/concept_${params.concept}.json`,
     [files.QUALITY_INDEX]: `data/${params.cdm}/data-quality-index.json`,
-    [files.QUALITY_RESULTS]: `data/${params.cdm}/${params.release}/updated_dq-result.json`,
+    [files.QUALITY_RESULTS]: `data/${params.cdm}/${params.release}/dq-result.json`,
     [files.QUALITY_DELTA]: `data/${params.cdm}/data-quality-delta.csv`,
     [files.DEATH]: `data/${params.cdm}/${params.release}/death.json`,
     [files.SOURCE_HISTORY_INDEX]: `data/${params.cdm}/data-source-history-index.json`,

From 6e73af2bd5b6fc2cf97bb10197b4ba8fa2daeeb4 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Aug 2024 09:05:17 +0700
Subject: [PATCH 168/202] improvement: webApi auth

---
 .../NetworkConceptDashboard.vue               |  2 +-
 .../authentication/model/store/auth.module.ts | 48 +++++++------------
 2 files changed, 17 insertions(+), 33 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index c12ef494..3dc3a6a6 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -70,7 +70,7 @@
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import "./index.css";
 
-import { computed, Ref, ref } from "vue";
+import { Ref, ref } from "vue";
 import { useStore } from "vuex";
 import Panel from "primevue/panel";
 import Button from "primevue/button";
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 2042413b..c3f11427 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -5,6 +5,7 @@ import { ADD_ALERT } from "@/widgets/snackbar/model/store/actions.type";
 import environment from "@/shared/api/environment";
 import { jwtDecode } from "jwt-decode";
 import LocalStorageService from "@/shared/api/localStorageService";
+import cookiesService from "@/shared/api/cookiesService";
 
 const tokenKey = "bearerToken";
 
@@ -28,8 +29,6 @@ function getExpiryDate(token) {
 
 const getters = {
   authenticated: function (state) {
-    // const token = LocalStorageService.get(tokenKey);
-    // return token && !checkExpiryDate(token);
     return state.authenticated;
   },
   getWebAPIUser: function (state) {
@@ -38,34 +37,6 @@ const getters = {
 };
 
 const actions = {
-  // async [WEB_API_LOG_IN]({ commit, dispatch }) {
-  //   if (environment.WEB_API_ENABLED === "false") {
-  //     return;
-  //   }
-  //   const savedToken = CookiesService.get(bearerToken);
-  //   const isExpired = checkExpiryDate(savedToken);
-  //
-  //   if (!savedToken || isExpired) {
-  //     return await authService.token
-  //       .get()
-  //       .then((data) => {
-  //         const token = data.headers?.["bearer"];
-  //         CookiesService.set(bearerToken, token, getExpiryDate(token));
-  //         authService.user.get(token).then((data) => {
-  //           const user = data.data;
-  //           commit(SET_USER, user);
-  //         });
-  //       })
-  //       .catch((error) => {
-  //         dispatch(ADD_ALERT, {
-  //           message: "Could not authenticate",
-  //           status: error.message ? error.message : "No additional data",
-  //         });
-  //         return;
-  //       });
-  //   }
-  // },
-
   async [WEB_API_LOG_IN]({ commit, dispatch }) {
     if (environment.WEB_API_ENABLED === "false") {
       return;
@@ -79,7 +50,7 @@ const actions = {
         const { headers } = await authService.token.get();
         token = headers?.["bearer"];
         if (!token) throw new Error("Token not found");
-        LocalStorageService.set(tokenKey, token);
+        commit(SAVE_TOKEN, token);
       }
       dispatch(GET_USER);
     } catch (error) {
@@ -107,15 +78,27 @@ const actions = {
     ).toLocaleString();
     commit(SET_AUTHENTICATED, true);
     commit(SET_USER, user);
+    setInterval(() => {
+      if (checkExpiryDate(LocalStorageService.get(tokenKey))) {
+        dispatch(LOG_OUT, {
+          message: "The session has expired. Please log in again",
+        });
+      }
+    }, 1000);
   },
-  async [LOG_OUT]({ commit, dispatch, rootGetters }) {
+  async [LOG_OUT]({ commit, dispatch, rootGetters }, payload) {
     commit(SET_AUTHENTICATED, false);
     commit(SET_USER, null);
     if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
       await authService.token.logout(LocalStorageService.get(tokenKey));
     }
     LocalStorageService.remove(tokenKey);
+    cookiesService.remove(tokenKey);
     LocalStorageService.remove("user");
+    dispatch(ADD_ALERT, {
+      message: payload.message ? payload.message : "You have been logged out",
+      status: "",
+    });
   },
 };
 const mutations = {
@@ -125,6 +108,7 @@ const mutations = {
   },
   [SAVE_TOKEN](state, token) {
     LocalStorageService.set("bearerToken", token);
+    cookiesService.set("bearerToken", token, getExpiryDate(token));
   },
   [SET_AUTHENTICATED](state, authenticated) {
     state.authenticated = authenticated;

From c1e4c6c127f74d7307c1dce9b3dfc6e2b8d6e85f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 14 Aug 2024 09:27:36 +0700
Subject: [PATCH 169/202] fix: incorrect dataQualityData chart x field name

---
 .../charts/DataQualityDelta/specDataQualityDelta.ts             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
index 9e613a94..266b0c45 100644
--- a/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
+++ b/src/pages/reports/source/DataQualityHistory/charts/DataQualityDelta/specDataQualityDelta.ts
@@ -8,7 +8,7 @@ export function specDataQualityDelta(zeroBaseline = false) {
     height: 150,
     data: { name: "conceptData" },
     encoding: {
-      x: { field: "Release", type: "nominal", title: "Release Name" },
+      x: { field: "release", type: "nominal", title: "Release Name" },
       y: { field: "value", type: "quantitative", title: "Count" },
       color: {
         field: "variable",

From 9f64f5147527c6bd2b3d484e1bd1b8bf5ac7b154 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 15 Aug 2024 00:31:03 +0700
Subject: [PATCH 170/202] feat: added data strands visualization to source
 overview report

---
 .../source/SourceOverview/SourceOverview.vue  |   2 +
 .../sourceDataStrand/SourceDataStrand.vue     | 150 ++++++++++++++++++
 .../charts/sourceDataStrand/specDatastrand.ts | 135 ++++++++++++++++
 .../exploreReports/config/dataLoadConfig.ts   |   6 +
 .../exploreReports/model/store/data.module.ts |   2 +-
 .../postprocessing/dataSourceOverview.ts      |  24 +++
 .../model/store/postprocessing/index.ts       |   2 +
 7 files changed, 320 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/reports/source/SourceOverview/charts/sourceDataStrand/SourceDataStrand.vue
 create mode 100644 src/pages/reports/source/SourceOverview/charts/sourceDataStrand/specDatastrand.ts
 create mode 100644 src/processes/exploreReports/model/store/postprocessing/dataSourceOverview.ts

diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index 1b0cad60..eb7c0b1f 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -9,6 +9,7 @@
       <PopulationHistory class="basis-full" />
       <DataQualityIssuesHistory class="basis-full" />
     </div>
+    <SourceDataStrand />
     <ReleaseListing />
   </div>
 </template>
@@ -19,6 +20,7 @@ import OverviewDisplay from "@/pages/reports/source/SourceOverview/charts/overvi
 import PopulationHistory from "@/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue";
 import DataQualityIssuesHistory from "@/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue";
 import ReleaseListing from "@/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue";
+import SourceDataStrand from "@/pages/reports/source/SourceOverview/charts/sourceDataStrand/SourceDataStrand.vue";
 
 const store = useStore();
 </script>
diff --git a/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/SourceDataStrand.vue b/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/SourceDataStrand.vue
new file mode 100644
index 00000000..965b2f85
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/SourceDataStrand.vue
@@ -0,0 +1,150 @@
+<template>
+  <Panel header="Data Strands">
+    <template #icons>
+      <ChartHeader table-toggle @table-toggled="toggleTable" />
+    </template>
+    <div
+      v-if="store.getters.getData"
+      id="viz-sourcedatastrand"
+      class="viz-container"
+    ></div>
+    <div v-if="showTable" class="p-4">
+      <DataTable
+        size="small"
+        :value="data.dataStrandReport"
+        paginator
+        currentPageReportTemplate="{first} to {last} of {totalRecords}"
+        paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
+        :rows="5"
+        :rowsPerPageOptions="[5, 10, 20, 50]"
+      >
+        <Column field="domain" header="Domain"> </Column>
+        <Column
+          :pt="{ headerContent: 'justify-end' }"
+          sortable
+          header="Number of Records"
+          field="count_records"
+        >
+          <template #body="slotProps">
+            <div class="flex justify-end">
+              {{
+                slotProps.data.count_records
+                  ? helpers.formatComma(slotProps.data.count_records)
+                  : "No data"
+              }}
+            </div>
+          </template>
+        </Column>
+      </DataTable>
+    </div>
+
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiHelpCircle"
+          tooltip="Data strands are simple visualizations that describe the composition of
+            a data source across the various CDM domain tables. Each individual
+            strand shows the percentage of the data source comprised of data from a
+            particular domain table. Across the network, the strands can be visually
+            compared and contrasted."
+        />
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiCodeBraces"
+          tooltip="View Export Query"
+          @iconClicked="
+            helpers.openNewTab(
+              links.getSqlQueryLink(
+                store.getters.getQueryIndex.DOMAIN_SUMMARY.RECORDS_BY_DOMAIN[0]
+              )
+            )
+          "
+        />
+      </div>
+    </template>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import { watch, computed, ref, onMounted } from "vue";
+import * as vega from "vega";
+import { useStore } from "vuex";
+import { helpers } from "@/shared/lib/mixins";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
+import Panel from "primevue/panel";
+import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
+import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+import { Handler } from "vega-tooltip";
+import { darkTheme, lightTheme } from "@/widgets/chart/model/themes";
+
+const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
+import { specDatastrand } from "./specDatastrand";
+import { links } from "@/shared/config/links";
+import { useRoute, useRouter } from "vue-router";
+
+const specs = ref(specDatastrand);
+
+const parsedConfig = computed(() => {
+  return {
+    ...specs.value,
+    config: store.getters.getSettings.darkMode ? darkTheme : lightTheme,
+  };
+});
+
+const renderChart = function () {
+  const view = new vega.View(vega.parse(parsedConfig.value, {}), {
+    renderer: "svg",
+    container: `#viz-sourcedatastrand`,
+    hover: true,
+  }).tooltip(new Handler().call);
+  view.runAsync().then(() => {
+    view.addSignalListener("selectDomain", (name, value) => {
+      const domainKey = value.domain.toLowerCase().replace(" ", "_");
+      router.push({
+        name: "domainTable",
+        params: {
+          cdm: route.params.cdm_source_key,
+          release: value.cdm_release_key.split("-").join(""),
+          domain: domainKey,
+        },
+      });
+      document.getElementById("vg-tooltip-element").style.display = "none";
+    });
+  });
+};
+
+const data = computed(() => store.getters.getData);
+
+const darkMode = computed(() => store.getters.getSettings.darkMode);
+
+onMounted(() => {
+  if (data.value) {
+    const spec = specDatastrand;
+    spec.data[0].values = data.value.dataStrandReport;
+    specs.value = spec;
+
+    renderChart();
+  }
+});
+
+watch(darkMode, () => {
+  renderChart();
+});
+
+const showTable = ref(false);
+
+function toggleTable(mode) {
+  showTable.value = mode;
+}
+</script>
+
+<style scoped>
+.viz-container {
+  width: 95%;
+}
+</style>
diff --git a/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/specDatastrand.ts b/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/specDatastrand.ts
new file mode 100644
index 00000000..1c282424
--- /dev/null
+++ b/src/pages/reports/source/SourceOverview/charts/sourceDataStrand/specDatastrand.ts
@@ -0,0 +1,135 @@
+export const specDatastrand = {
+  $schema: "https://vega.github.io/schema/vega/v5.json",
+  description: "Data Strand Visualization",
+  autosize: { type: "fit-x" },
+  data: [
+    {
+      name: "source_0",
+      values: [],
+    },
+    {
+      name: "data_0",
+      source: "source_0",
+      transform: [
+        {
+          type: "filter",
+          expr: "indexof(['condition occurrence','drug exposure','measurement','observation','procedure occurrence','visit occurrence','device exposure'], lower(datum.domain)) >= 0",
+        },
+        {
+          type: "joinaggregate",
+          as: ["total_records"],
+          ops: ["sum"],
+          fields: ["count_records"],
+          groupby: ["cdm_release_key"],
+        },
+        {
+          type: "formula",
+          expr: "datum.count_records/datum.total_records",
+          as: "percent",
+        },
+        {
+          type: "aggregate",
+          groupby: ["domain", "percent", "count_records", "cdm_release_key"],
+          ops: ["sum", "sum"],
+          fields: ["percent", "count_records"],
+          as: ["sum_percent", "sum_count_records"],
+        },
+        {
+          type: "stack",
+          groupby: ["cdm_release_key"],
+          field: "sum_percent",
+          sort: { field: ["sum_count_records"], order: ["descending"] },
+          as: ["sum_percent_start", "sum_percent_end"],
+          offset: "zero",
+        },
+        {
+          type: "filter",
+          expr: 'isValid(datum["sum_percent"]) && isFinite(+datum["sum_percent"])',
+        },
+      ],
+    },
+  ],
+  signals: [
+    {
+      name: "selectDomain",
+      on: [{ events: "mousedown", update: "datum" }],
+    },
+    {
+      name: "width",
+      init: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
+      on: [
+        {
+          update: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
+          events: "window:resize",
+        },
+      ],
+    },
+    { name: "y_step", value: 20 },
+    {
+      name: "height",
+      update: "bandspace(domain('y').length, 3, 3) * y_step",
+    },
+  ],
+  marks: [
+    {
+      name: "marks",
+      type: "rect",
+      style: ["bar"],
+      from: { data: "data_0" },
+      encode: {
+        enter: {
+          strokeWidth: { value: 7 },
+        },
+        update: {
+          cornerRadius: { value: 10 },
+          fill: { scale: "color", field: "domain" },
+          tooltip: {
+            signal:
+              '{"Data Source": datum["cdm_release_key"], "Domain": isValid(datum["domain"]) ? datum["domain"] : ""+datum["domain"], "Percent": format(datum["sum_percent"], "0.2%"), "Number of Records": format(datum["count_records"], ",")}',
+          },
+          x: { scale: "x", field: "sum_percent_end" },
+          x2: { scale: "x", field: "sum_percent_start" },
+          yc: { scale: "y", field: "cdm_release_key" },
+          height: { value: 20 },
+        },
+      },
+    },
+  ],
+  scales: [
+    {
+      name: "x",
+      type: "linear",
+      domain: {
+        data: "data_0",
+        fields: ["sum_percent_start", "sum_percent_end"],
+      },
+      range: [0, { signal: "width" }],
+      nice: true,
+      zero: true,
+    },
+    {
+      name: "y",
+      type: "band",
+      domain: { data: "data_0", field: "cdm_release_key", sort: true },
+      range: { step: { signal: "y_step" } },
+      padding: 3,
+    },
+    {
+      name: "color",
+      type: "ordinal",
+      domain: { data: "data_0", field: "domain", sort: true },
+      range: "category",
+    },
+  ],
+  axes: [{ scale: "y", orient: "left", zindex: 0 }],
+  legends: [
+    {
+      columns: 2,
+      columnPadding: 15,
+      rowPadding: 10,
+      orient: "right",
+      fill: "color",
+      symbolType: "circle",
+    },
+  ],
+};
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 9e5c55ab..7dc8ab2d 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -129,6 +129,12 @@ export default function getFilesByView(params = null) {
         files: [{ name: RECORDS_DOMAIN, instanceParams: [{}] }],
       },
     },
+    dataSourceOverview: {
+      loadMethod: FETCH_MULTIPLE_FILES_BY_RELEASE,
+      payload: {
+        files: [{ name: RECORDS_DOMAIN }],
+      },
+    },
     population: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 78fab8ca..3d8fbc5d 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -349,7 +349,7 @@ const actions = {
         .map((filtered) => {
           const { data, payload } = filtered.value;
           return {
-            data: isDuckDb ? convertTableToArray(data) : data,
+            data: processData(data, isDuckDb, file),
             release: payload,
           };
         });
diff --git a/src/processes/exploreReports/model/store/postprocessing/dataSourceOverview.ts b/src/processes/exploreReports/model/store/postprocessing/dataSourceOverview.ts
new file mode 100644
index 00000000..3afe857c
--- /dev/null
+++ b/src/processes/exploreReports/model/store/postprocessing/dataSourceOverview.ts
@@ -0,0 +1,24 @@
+import { RECORDS_DOMAIN } from "@/shared/config/files";
+import { RecordsDomain } from "@/processes/exploreReports/model/interfaces/files/RecordsDomain";
+import { MultipleFilesRawInterface } from "@/processes/exploreReports/model/interfaces/MultipleFilesRawInterface";
+
+export default function dataSourceOverview(data) {
+  const recordsDomain: MultipleFilesRawInterface<RecordsDomain[]>[] =
+    data[RECORDS_DOMAIN];
+  let processedData;
+
+  if (recordsDomain && recordsDomain.length) {
+    processedData = recordsDomain.reduce(
+      (prevValue, current) => [
+        ...prevValue,
+        ...current.data.map((value) => ({
+          ...value,
+          cdm_release_key: current.release,
+        })),
+      ],
+      []
+    );
+  }
+
+  return { dataStrandReport: processedData };
+}
diff --git a/src/processes/exploreReports/model/store/postprocessing/index.ts b/src/processes/exploreReports/model/store/postprocessing/index.ts
index cd818dfe..84f09911 100644
--- a/src/processes/exploreReports/model/store/postprocessing/index.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/index.ts
@@ -18,6 +18,7 @@ import networkUnmappedSourceCodes from "@/processes/exploreReports/model/store/p
 import networkDiversityReport from "@/processes/exploreReports/model/store/postprocessing/networkDiversityReport";
 import cohortReport from "@/processes/exploreReports/model/store/postprocessing/cohortReport";
 import networkConceptDashboard from "@/processes/exploreReports/model/store/postprocessing/networkConceptDashboard";
+import dataSourceOverview from "@/processes/exploreReports/model/store/postprocessing/dataSourceOverview";
 
 export default {
   dataStrandReport,
@@ -40,4 +41,5 @@ export default {
   networkUnmappedSourceCodes,
   cohortReport,
   networkConceptDashboard,
+  dataSourceOverview,
 };

From 028cfce900205a87b342ba3cbc2b17f3f7ba4824 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 26 Aug 2024 21:52:29 +0700
Subject: [PATCH 171/202] feat: set baseURL to ''

---
 src/shared/api/axios/apiService.ts | 3 ++-
 vite.config.js                     | 1 -
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shared/api/axios/apiService.ts b/src/shared/api/axios/apiService.ts
index 6db749ec..b1627738 100644
--- a/src/shared/api/axios/apiService.ts
+++ b/src/shared/api/axios/apiService.ts
@@ -1,7 +1,8 @@
 import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from "axios";
+import environment from "@/shared/api/environment";
 
 const loadFile = (config: AxiosRequestConfig, payload: object) => {
-  const instance = axios.create({ baseURL: "/ares" });
+  const instance = axios.create();
   instance.interceptors.response.use(
     function (response: AxiosResponse) {
       return response;
diff --git a/vite.config.js b/vite.config.js
index 34de12a1..1181c124 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,7 +6,6 @@ import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
-  base: "/ares/",
   plugins: [vue(), vueJsx({})],
   server: {
     port: 8080,

From 637b0bb7b3de7d0a8793b95bd966efae9605bbeb Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 26 Aug 2024 22:13:43 +0700
Subject: [PATCH 172/202] feat: added option to set baseURL on build. Defaults
 to "/ares/"

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 845f6f31..148dfe82 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,9 @@
   "author": "Frank DeFalco",
   "private": true,
   "scripts": {
-    "serve": "vite --open",
+    "serve": "vite --open --base=${BASE:-/ares/}",
     "preview": "vite preview --open --port 8080",
-    "build": "vite build --out-dir dist",
+    "build": "vite build --out-dir dist --base=${BASE:-/ares/}",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix"
   },

From d7430aa470b87de91f014ce907ebfdd2a909ffca Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Mon, 26 Aug 2024 23:19:15 +0700
Subject: [PATCH 173/202] feat: added option to set baseURL on build. Defaults
 to "/ares/"

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 148dfe82..ee2f8732 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "serve": "vite --open --base=${BASE:-/ares/}",
     "preview": "vite preview --open --port 8080",
-    "build": "vite build --out-dir dist --base=${BASE:-/ares/}",
+    "build": "vite build --base=${BASE:-/ares/} --out-dir dist",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix"
   },

From c17e643df7b5284634f00ec1d0f879862536b47a Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 27 Aug 2024 23:35:13 +0700
Subject: [PATCH 174/202] feat: added option to set baseURL on build. Default
 to "/ares/"

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ee2f8732..845f6f31 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,9 @@
   "author": "Frank DeFalco",
   "private": true,
   "scripts": {
-    "serve": "vite --open --base=${BASE:-/ares/}",
+    "serve": "vite --open",
     "preview": "vite preview --open --port 8080",
-    "build": "vite build --base=${BASE:-/ares/} --out-dir dist",
+    "build": "vite build --out-dir dist",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix"
   },

From 290813a3907d89aa86dd54b3b7e592c30550ea3b Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Tue, 27 Aug 2024 13:15:07 -0400
Subject: [PATCH 175/202] Update SourceOverview.vue

moved release listing to top row
---
 src/pages/reports/source/SourceOverview/SourceOverview.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index eb7c0b1f..d3af6c21 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -4,13 +4,16 @@
     id="network-data-quality-overview"
     class="flex flex-col gap-10"
   >
-    <OverviewDisplay />
+    <div class="flex flex-row gap-5">
+      <OverviewDisplay class="basis-full"/>
+      <ReleaseListing class="basis-full"/>
+    </div>
+ 
     <div class="flex flex-row gap-5">
       <PopulationHistory class="basis-full" />
       <DataQualityIssuesHistory class="basis-full" />
     </div>
     <SourceDataStrand />
-    <ReleaseListing />
   </div>
 </template>
 

From 3f601df6760368afb85e20a38035cbdeb7fb5890 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 29 Aug 2024 20:35:07 +0700
Subject: [PATCH 176/202] feat: refactored source overview page fix: free space
 between panel footer and container bottom

---
 src/app/plugins/tailwind/components/panel.ts  |  7 ++-
 src/entities/toggleIcon/ToggleIcon.vue        |  2 +-
 .../source/SourceOverview/SourceOverview.vue  | 11 ++--
 .../overviewDisplay/OverviewDisplay.vue       | 61 -------------------
 .../charts/releaseListing/ReleaseListing.vue  | 36 ++++++++++-
 5 files changed, 46 insertions(+), 71 deletions(-)
 delete mode 100644 src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue

diff --git a/src/app/plugins/tailwind/components/panel.ts b/src/app/plugins/tailwind/components/panel.ts
index 8e64d61f..95564462 100644
--- a/src/app/plugins/tailwind/components/panel.ts
+++ b/src/app/plugins/tailwind/components/panel.ts
@@ -1,6 +1,11 @@
 export default {
   root: {
     class: [
+      //positioning
+
+      "flex",
+      "flex-col",
+      "justify-between",
       //Shape
       "rounded-lg",
       "shadow-md",
@@ -36,7 +41,7 @@ export default {
   },
   footer: {
     class: [
-      "rounded-bl-lg rounded-br-lg bg-gray-100 dark:text-white text-black dark:border-surface-700 dark:bg-surface-700 p-2",
+      "rounded-bl-lg rounded-br-lg bg-gray-100 dark:text-white text-black dark:border-surface-700 dark:bg-surface-700 p-2 relative bottom-0",
     ],
   },
 };
diff --git a/src/entities/toggleIcon/ToggleIcon.vue b/src/entities/toggleIcon/ToggleIcon.vue
index 6773e462..676b25d1 100644
--- a/src/entities/toggleIcon/ToggleIcon.vue
+++ b/src/entities/toggleIcon/ToggleIcon.vue
@@ -32,7 +32,7 @@
             ? 'dark:bg-primary-50 dark:text-black bg-black text-white '
             : 'bg-primary-500 dark:bg-primary-400 text-white'
         } px-2 py-1 rounded-full z-10 top-0 right-0 absolute indent-0 text-xs`"
-        :style="{ right: '-3px' }"
+        :style="{ right: '-5px', top: '-5px' }"
       >
         {{ props.count }}
       </span>
diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index d3af6c21..42631bae 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -5,13 +5,11 @@
     class="flex flex-col gap-10"
   >
     <div class="flex flex-row gap-5">
-      <OverviewDisplay class="basis-full"/>
-      <ReleaseListing class="basis-full"/>
+      <ReleaseListing class="basis-full" />
     </div>
- 
-    <div class="flex flex-row gap-5">
-      <PopulationHistory class="basis-full" />
-      <DataQualityIssuesHistory class="basis-full" />
+    <div class="flex flex-row gap-5 items-stretch">
+      <PopulationHistory class="basis-full h-full" />
+      <DataQualityIssuesHistory class="basis-full h-full" />
     </div>
     <SourceDataStrand />
   </div>
@@ -19,7 +17,6 @@
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import OverviewDisplay from "@/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue";
 import PopulationHistory from "@/pages/reports/source/SourceOverview/charts/populationHistory/PopulationHistory.vue";
 import DataQualityIssuesHistory from "@/pages/reports/source/SourceOverview/charts/dataQualityIssuesHistory/DataQualityIssuesHistory.vue";
 import ReleaseListing from "@/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue";
diff --git a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue b/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
deleted file mode 100644
index 6c85ce38..00000000
--- a/src/pages/reports/source/SourceOverview/charts/overviewDisplay/OverviewDisplay.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <Panel header="Source Overview">
-    <div class="flex flex-row justify-evenly">
-      <div class="flex flex-col gap-3 items-center content-center">
-        <h3>Releases</h3>
-        <div class="flex flex-row items-center gap-3">
-          <h1 class="text-xl">{{ getReleasesCount }}</h1>
-          <svg-icon :size="46" type="mdi" :path="mdiHistory"></svg-icon>
-        </div>
-      </div>
-      <div class="flex flex-col gap-3 items-center content-center">
-        <h3>Average days between releases</h3>
-        <div class="flex flex-row items-center gap-3">
-          <h1 class="text-xl">{{ getDaysBetweenReleases.toFixed(0) }}</h1>
-          <svg-icon :size="46" type="mdi" :path="mdiClockOutline"></svg-icon>
-        </div>
-      </div>
-    </div>
-  </Panel>
-</template>
-
-<script setup lang="ts">
-import { computed } from "vue";
-import { useStore } from "vuex";
-import SvgIcon from "@jamescoyle/vue-icon";
-import Panel from "primevue/panel";
-import { mdiClockOutline, mdiHistory } from "@mdi/js";
-
-const store = useStore();
-
-const getReleasesCount = computed(function () {
-  if (store.getters.explorerLoaded) {
-    return store.getters.getSelectedSource.count_releases;
-  } else {
-    return [];
-  }
-});
-
-const getDaysBetweenReleases = computed(function () {
-  if (store.getters.explorerLoaded) {
-    const dates = store.getters.getSelectedSource.releases.map(
-      (value) => new Date(value.release_name)
-    );
-    //todo rewrite using array functional methods
-    const numbers = [];
-
-    for (let i = 0; i < dates.length - 1; i++) {
-      numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
-    }
-
-    return numbers.length
-      ? numbers.reduce((prevValue, current) => prevValue + current, 0) /
-          numbers.length
-      : 0;
-  } else {
-    return [];
-  }
-});
-</script>
-
-<style scoped></style>
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index a7a2ed49..975b8673 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -51,16 +51,28 @@
         </template>
       </Column>
     </DataTable>
+    <template #footer>
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          v-if="store.getters.getQueryIndex"
+          :icon="mdiClockOutline"
+          tooltip="Average days between releases"
+          :count="getDaysBetweenReleases"
+        />
+      </div>
+    </template>
   </Panel>
 </template>
 
 <script setup lang="ts">
 import Panel from "primevue/panel";
 import { helpers } from "@/shared/lib/mixins";
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
+import { mdiClockOutline } from "@mdi/js";
+import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 
 const store = useStore();
 
@@ -91,6 +103,28 @@ const getPersonLink = function (item) {
     },
   };
 };
+
+const getDaysBetweenReleases = computed(function () {
+  if (store.getters.explorerLoaded) {
+    const dates = store.getters.getSelectedSource.releases.map(
+      (value) => new Date(value.release_name)
+    );
+    const numbers = [];
+
+    for (let i = 0; i < dates.length - 1; i++) {
+      numbers.push((dates[i] - dates[i + 1]) / (1000 * 60 * 60 * 24));
+    }
+
+    return numbers.length
+      ? (
+          numbers.reduce((prevValue, current) => prevValue + current, 0) /
+          numbers.length
+        ).toFixed(0)
+      : 0;
+  } else {
+    return [];
+  }
+});
 </script>
 
 <style scoped></style>

From 53b85b8412eb7ed42afe45dd4da2d2559eb5463f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 29 Aug 2024 21:54:21 +0700
Subject: [PATCH 177/202] feat: refactored source overview page fix: free space
 between panel footer and container bottom

---
 .../reports/source/SourceOverview/SourceOverview.vue   | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/reports/source/SourceOverview/SourceOverview.vue b/src/pages/reports/source/SourceOverview/SourceOverview.vue
index 42631bae..aadd8857 100644
--- a/src/pages/reports/source/SourceOverview/SourceOverview.vue
+++ b/src/pages/reports/source/SourceOverview/SourceOverview.vue
@@ -7,9 +7,13 @@
     <div class="flex flex-row gap-5">
       <ReleaseListing class="basis-full" />
     </div>
-    <div class="flex flex-row gap-5 items-stretch">
-      <PopulationHistory class="basis-full h-full" />
-      <DataQualityIssuesHistory class="basis-full h-full" />
+    <div class="grid grid-cols-2 gap-5">
+      <div>
+        <PopulationHistory class="min-h-[425px]" />
+      </div>
+      <div>
+        <DataQualityIssuesHistory class="min-h-[425px]" />
+      </div>
     </div>
     <SourceDataStrand />
   </div>

From b3acc0b34608ef2d706e75e086d1b7623eb940ce Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 29 Aug 2024 18:59:43 +0700
Subject: [PATCH 178/202] feat: changed to cohort reports to using parquet

---
 .../CohortDrilldownReport.vue                 | 38 +++++++++----------
 .../exploreReports/config/dataLoadConfig.ts   |  1 +
 .../exploreReports/model/store/data.module.ts | 34 +++++++++++++----
 src/shared/api/duckdb/cohortTables.ts         | 19 ++++++++++
 src/shared/api/duckdb/files.ts                | 11 ++++++
 5 files changed, 76 insertions(+), 27 deletions(-)
 create mode 100644 src/shared/api/duckdb/cohortTables.ts

diff --git a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
index 7233fdad..92b83459 100644
--- a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
@@ -7,9 +7,9 @@
         </div>
       </template>
     </PageHeader>
-    <CohortCharacterizationReport :data="getFilteredCharacterizationTable" />
-    <IndexEventBreakdownTable :data="getFilteredIndexEventBreakdownTable" />
-    <TimeDistributionChart :data="getFilteredTimeDistributionChart" />
+    <CohortCharacterizationReport :data="characterizationTable" />
+    <IndexEventBreakdownTable :data="indexEventBreakdownTable" />
+    <TimeDistributionChart :data="timeDistributionChart" />
   </div>
 </template>
 
@@ -38,26 +38,26 @@ const timeDistributionChart = computed(() => {
   return store.getters.getData.timeDistribution || [];
 });
 
-const getFilteredCharacterizationTable = computed(() => {
-  return characterizationTable.value.filter((val) => {
-    return route.params.cohort_id === val.cohort_id;
-  });
-});
+// const getFilteredCharacterizationTable = computed(() => {
+//   return characterizationTable.value.filter((val) => {
+//     return route.params.cohort_id === val.cohort_id;
+//   });
+// });
 
-const getFilteredIndexEventBreakdownTable = computed(() => {
-  return indexEventBreakdownTable.value.filter((val) => {
-    return route.params.cohort_id === val.cohort_id;
-  });
-});
+// const getFilteredIndexEventBreakdownTable = computed(() => {
+//   return indexEventBreakdownTable.value.filter((val) => {
+//     return route.params.cohort_id === val.cohort_id;
+//   });
+// });
 
-const getFilteredTimeDistributionChart = computed(() => {
-  return timeDistributionChart.value.filter((val) => {
-    return route.params.cohort_id === val.cohort_id;
-  });
-});
+// const getFilteredTimeDistributionChart = computed(() => {
+//   return timeDistributionChart.value.filter((val) => {
+//     return route.params.cohort_id === val.cohort_id;
+//   });
+// });
 
 const cohortName = computed(() => {
-  return getFilteredCharacterizationTable.value[0]?.cohort_name;
+  return characterizationTable.value[0]?.cohort_name;
 });
 </script>
 
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 7dc8ab2d..625d5e20 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -121,6 +121,7 @@ export default function getFilesByView(params = null) {
           { name: COHORT_INDEX_EVENT_BREAKDOWN, required: true },
           { name: COHORT_TEMPORAL_COVARIATE_DISTRIBUTION, required: true },
         ],
+        duckdb_supported: true,
       },
     },
     dataStrandReport: {
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 3d8fbc5d..5fbd0393 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -63,7 +63,8 @@ async function fetchAxiosData(file, path) {
     payload: path,
   }));
 }
-async function fetchDuckDBData(file, payload, path) {
+
+async function fetchDuckDBData(file, payload, path, filter) {
   const c = await db.connect();
   return c
     .query(
@@ -72,7 +73,7 @@ async function fetchDuckDBData(file, payload, path) {
           cdm: path.cdm.cdm_source_key,
           release: path.release,
         })[file.name]
-      }') WHERE DOMAIN == '${path.domain}' AND CONCEPT_ID == ${path.concept};`
+      }') ${filter};`
     )
     .then((data) => ({
       data: data,
@@ -180,6 +181,7 @@ const actions = {
       release: rootState.route.params.release,
       domain: rootState.route.params.domain,
       concept: rootState.route.params.concept,
+      cohortId: rootState.route.params.cohort_id,
     };
     if (!payload.files) {
       commit(SET_DATA, { data: {} });
@@ -187,7 +189,14 @@ const actions = {
     }
     const promises = payload.files.map((file) => {
       if (isDuckDb && file.source !== "axios") {
-        return fetchDuckDBData(file, payload, path);
+        const filterConcept = `WHERE DOMAIN == '${path.domain}' AND CONCEPT_ID == ${path.concept}`;
+        const filterCohort = `WHERE COHORT_ID == ${path.cohortId}`;
+        return fetchDuckDBData(
+          file,
+          payload,
+          path,
+          path.concept ? filterConcept : path.cohortId ? filterCohort : ""
+        );
       } else {
         return fetchAxiosData(file, path);
       }
@@ -254,9 +263,11 @@ const actions = {
                   concept:
                     currentInstance.concept || rootState.route.params.concept,
                 };
+                const filter = `WHERE DOMAIN == '${path.domain}' AND CONCEPT_ID == ${path.concept}`;
+
                 const fetchData =
                   isDuckDb && file.source !== "axios"
-                    ? fetchDuckDBData(file, payload, path)
+                    ? fetchDuckDBData(file, payload, path, filter)
                     : fetchAxiosData(file, path);
                 return [...array, fetchData];
               },
@@ -318,10 +329,17 @@ const actions = {
 
       obj[file.name] = selectedSource.releases.map((release) => {
         if (isDuckDb && file.source !== "axios") {
-          return fetchDuckDBData(file, payload, {
-            ...params,
-            release: release.release_id,
-          });
+          const filter = `WHERE DOMAIN == '${params.domain}' AND CONCEPT_ID == ${params.concept}`;
+
+          return fetchDuckDBData(
+            file,
+            payload,
+            {
+              ...params,
+              release: release.release_id,
+            },
+            filter
+          );
         } else {
           const url = getFilePath({
             ...params,
diff --git a/src/shared/api/duckdb/cohortTables.ts b/src/shared/api/duckdb/cohortTables.ts
new file mode 100644
index 00000000..ac5c4452
--- /dev/null
+++ b/src/shared/api/duckdb/cohortTables.ts
@@ -0,0 +1,19 @@
+import * as files from "@/shared/api/duckdb/files";
+import { DOMAIN_SUMMARY } from "@/shared/config/files";
+
+function getCohortTables(params = [{}]) {
+  return {
+    cohortIndex: [
+      {
+        name: files.CONCEPT_METADATA,
+        required: true,
+        instanceParams: [params],
+      },
+      { name: files.PREVALENCE_BY_MONTH, instanceParams: [params] },
+      { name: files.CONDITIONS_BY_TYPE, instanceParams: [params] },
+      { name: files.PREVALENCE_BY_GENDER_AGE_YEAR, instanceParams: [params] },
+      { name: files.AGE_AT_FIRST_DIAGNOSIS, instanceParams: [params] },
+    ],
+    cohortDrilldownReport: [],
+  };
+}
diff --git a/src/shared/api/duckdb/files.ts b/src/shared/api/duckdb/files.ts
index 235f0491..2dba2484 100644
--- a/src/shared/api/duckdb/files.ts
+++ b/src/shared/api/duckdb/files.ts
@@ -1,3 +1,10 @@
+import {
+  COHORT_CHARACTERIZATION,
+  COHORT_INDEX,
+  COHORT_INDEX_EVENT_BREAKDOWN,
+  COHORT_TEMPORAL_COVARIATE_DISTRIBUTION,
+} from "@/shared/config/files";
+
 export const CONCEPT_METADATA = "CONCEPT_METADATA";
 export const DAYS_SUPPLY_DISTRIBUTION = "DAYS_SUPPLY_DISTRIBUTION";
 export const DEVICE_FREQUENCY_DISTRIBUTION = "DEVICE_FREQUENCY_DISTRIBUTION";
@@ -63,6 +70,10 @@ function getFilePath(params: { cdm: string; release: string }) {
     [DEVICES_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/devices_by_type.parquet`,
     [PROCEDURES_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/procedures_by_type.parquet`,
     [OBSERVATIONS_BY_TYPE]: `${baseUrl}/data/${params.cdm}/${params.release}/concepts/observations_by_type.parquet`,
+    [COHORT_INDEX]: `${baseUrl}/data/${params.cdm}/${params.release}/cohort_index.parquet`,
+    [COHORT_CHARACTERIZATION]: `${baseUrl}/data/${params.cdm}/${params.release}/cohort_characterization.parquet`,
+    [COHORT_INDEX_EVENT_BREAKDOWN]: `${baseUrl}/data/${params.cdm}/${params.release}/cohort_index_event_breakdown.parquet`,
+    [COHORT_TEMPORAL_COVARIATE_DISTRIBUTION]: `${baseUrl}/data/${params.cdm}/${params.release}/cohort_temporal_covariate_distribution.parquet`,
   };
 }
 

From c4d2a97dc97e7651d366735381d4cad68d5d05dc Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 28 Aug 2024 19:37:32 +0700
Subject: [PATCH 179/202] improvement: webApi auth

---
 src/shared/api/localStorageService.ts         |  8 +++--
 .../authentication/model/store/auth.module.ts | 11 +++++--
 src/widgets/settings/ui/Settings.vue          |  1 -
 .../settings/ui/components/cookieTest.vue     | 31 -------------------
 vite.config.js                                |  1 +
 5 files changed, 15 insertions(+), 37 deletions(-)
 delete mode 100644 src/widgets/settings/ui/components/cookieTest.vue

diff --git a/src/shared/api/localStorageService.ts b/src/shared/api/localStorageService.ts
index 820163fa..d85038db 100644
--- a/src/shared/api/localStorageService.ts
+++ b/src/shared/api/localStorageService.ts
@@ -16,8 +16,12 @@ class LocalStorageService {
     }
   }
 
-  set(key: string, data: object) {
-    window.localStorage.setItem(key, JSON.stringify(data));
+  set(key: string, data: any) {
+    if (typeof data === "string") {
+      window.localStorage.setItem(key, data);
+    } else {
+      window.localStorage.setItem(key, JSON.stringify(data));
+    }
   }
 
   remove(key: string) {
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index c3f11427..b6f761d9 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -6,6 +6,7 @@ import environment from "@/shared/api/environment";
 import { jwtDecode } from "jwt-decode";
 import LocalStorageService from "@/shared/api/localStorageService";
 import cookiesService from "@/shared/api/cookiesService";
+import localStorageService from "@/shared/api/localStorageService";
 
 const tokenKey = "bearerToken";
 
@@ -78,11 +79,15 @@ const actions = {
     ).toLocaleString();
     commit(SET_AUTHENTICATED, true);
     commit(SET_USER, user);
-    setInterval(() => {
-      if (checkExpiryDate(LocalStorageService.get(tokenKey))) {
+    const checkAuthStatus = setInterval(() => {
+      if (
+        checkExpiryDate(LocalStorageService.get(tokenKey)) ||
+        !localStorageService.get(tokenKey)
+      ) {
         dispatch(LOG_OUT, {
           message: "The session has expired. Please log in again",
         });
+        clearInterval(checkAuthStatus);
       }
     }, 1000);
   },
@@ -96,7 +101,7 @@ const actions = {
     cookiesService.remove(tokenKey);
     LocalStorageService.remove("user");
     dispatch(ADD_ALERT, {
-      message: payload.message ? payload.message : "You have been logged out",
+      message: payload?.message ? payload.message : "You have been logged out",
       status: "",
     });
   },
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 1de66d18..0d3ec4c5 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -60,7 +60,6 @@ import { TOGGLE_UI_VISIBILITY } from "@/widgets/settings/model/store/actions.typ
 import ToggleDefaultNotesMode from "@/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue";
 import UserAccount from "@/widgets/settings/ui/components/userAccount/UserAccount.vue";
 import Sidebar from "primevue/sidebar";
-import CookieTest from "@/widgets/settings/ui/components/cookieTest.vue";
 
 const store = useStore();
 
diff --git a/src/widgets/settings/ui/components/cookieTest.vue b/src/widgets/settings/ui/components/cookieTest.vue
deleted file mode 100644
index 12a82df5..00000000
--- a/src/widgets/settings/ui/components/cookieTest.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <Button @click="createCookie">Create cookie</Button>
-  <Button @click="removeCookie">Remove cookie</Button>
-  <Button @click="showCookie">Show cookie</Button>
-  <Button @click="showExp">Show exp date</Button>
-</template>
-
-<script setup lang="ts">
-import Button from "primevue/button";
-import CookiesService from "@/shared/api/cookiesService";
-import { useStore } from "vuex";
-const store = useStore();
-const createCookie = () => {
-  CookiesService.set(
-    "bearerToken",
-    "ijwoieqjweoiqjoifsdjfoijoiwqjeqwoeoi",
-    new Date(Date.now() + 1000 * 60 * 60 * 24)
-  );
-};
-const removeCookie = () => {
-  CookiesService.remove("bearerToken");
-};
-const showCookie = () => {
-  console.log(CookiesService.get("bearerToken"));
-};
-const showExp = () => {
-  store.dispatch("test").then((val) => console.log(val));
-};
-</script>
-
-<style scoped></style>
diff --git a/vite.config.js b/vite.config.js
index 1181c124..34de12a1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,7 @@ import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
+  base: "/ares/",
   plugins: [vue(), vueJsx({})],
   server: {
     port: 8080,

From 379840f1779847d39da075b858c530d961e82e32 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 3 Sep 2024 17:10:53 +0400
Subject: [PATCH 180/202] feat: changed cohort reports to using parquet

---
 .../CohortDrilldownReport.vue                 | 19 -------------------
 .../exploreReports/config/dataLoadConfig.ts   |  1 +
 vite.config.js                                |  1 +
 3 files changed, 2 insertions(+), 19 deletions(-)

diff --git a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
index 92b83459..34e081ac 100644
--- a/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
+++ b/src/pages/reports/release/CohortDrilldownReport/CohortDrilldownReport.vue
@@ -24,7 +24,6 @@ import IndexEventBreakdownTable from "@/pages/reports/release/CohortDrilldownRep
 import TimeDistributionChart from "@/pages/reports/release/CohortDrilldownReport/reports/timeDistribution/TimeDistributionChart.vue";
 
 const store = useStore();
-const route = useRoute();
 
 const characterizationTable = computed(() => {
   return store.getters.getData.characterizationTable || [];
@@ -38,24 +37,6 @@ const timeDistributionChart = computed(() => {
   return store.getters.getData.timeDistribution || [];
 });
 
-// const getFilteredCharacterizationTable = computed(() => {
-//   return characterizationTable.value.filter((val) => {
-//     return route.params.cohort_id === val.cohort_id;
-//   });
-// });
-
-// const getFilteredIndexEventBreakdownTable = computed(() => {
-//   return indexEventBreakdownTable.value.filter((val) => {
-//     return route.params.cohort_id === val.cohort_id;
-//   });
-// });
-
-// const getFilteredTimeDistributionChart = computed(() => {
-//   return timeDistributionChart.value.filter((val) => {
-//     return route.params.cohort_id === val.cohort_id;
-//   });
-// });
-
 const cohortName = computed(() => {
   return characterizationTable.value[0]?.cohort_name;
 });
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 625d5e20..792685d5 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -105,6 +105,7 @@ export default function getFilesByView(params = null) {
       loadMethod: FETCH_FILES,
       payload: {
         files: [{ name: COHORT_INDEX, required: true }],
+        duckdb_supported: true,
       },
     },
     location: {
diff --git a/vite.config.js b/vite.config.js
index 1181c124..34de12a1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,7 @@ import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 export default defineConfig({
+  base: "/ares/",
   plugins: [vue(), vueJsx({})],
   server: {
     port: 8080,

From 8362f24cf316e1c5654efb3802da30e4d3fe09c8 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 3 Sep 2024 15:33:14 +0400
Subject: [PATCH 181/202] feat: sticky nav bar fix: cascade select height
 difference with dropdown within the explorer widget

---
 src/app/App.vue                               | 29 +++++++++++++-
 .../tailwind/components/cascadeSelect.ts      |  2 +-
 .../exploreReports/ui/ReportsView.vue         |  3 +-
 src/widgets/explorer/ui/Explorer.vue          | 36 ++++++++++++++++--
 .../settings/model/store/actions.type.ts      |  3 +-
 .../settings/model/store/settings.module.ts   |  5 +++
 src/widgets/settings/ui/Settings.vue          |  2 +
 .../components/stickyNavBar/StickyNavBar.vue  | 38 +++++++++++++++++++
 .../ui/components/stickyNavBar/index.ts       |  2 +
 9 files changed, 110 insertions(+), 10 deletions(-)
 create mode 100644 src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
 create mode 100644 src/widgets/settings/ui/components/stickyNavBar/index.ts

diff --git a/src/app/App.vue b/src/app/App.vue
index e797feba..27560f1b 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -1,6 +1,14 @@
 <template>
-  <div class="p-3 min-w-[1250px]">
-    <div class="flex flex-col justify-center px-14 md:px-20 lg:px-24">
+  <Explorer class="min-w-[1250px] px-28" v-if="showExplorer" />
+
+  <div
+    :class="{
+      'px-3': true,
+      'py-20': isSticky,
+      'min-w-[1250px]': true,
+    }"
+  >
+    <div class="flex flex-col justify-center px-14 md:px-20 lg:px-24 mx-1">
       <router-view name="main" />
     </div>
   </div>
@@ -16,7 +24,24 @@ import { useRoute } from "vue-router";
 const store = useStore();
 const route = useRoute();
 
+const isSticky = computed(() => {
+  return store.getters.getSettings.stickyNavBar;
+});
+
+const path = computed(function () {
+  return route.path;
+});
+
+const showExplorer = computed(function () {
+  return (
+    path.value.includes("network") ||
+    path.value.includes("cdm") ||
+    path.value.includes("datasource")
+  );
+});
+
 import { computed, watch, onBeforeMount } from "vue";
+import { Explorer } from "@/widgets/explorer";
 
 const favicon = document.getElementById("faviconTag");
 
diff --git a/src/app/plugins/tailwind/components/cascadeSelect.ts b/src/app/plugins/tailwind/components/cascadeSelect.ts
index 3ecbe113..d15c73f5 100644
--- a/src/app/plugins/tailwind/components/cascadeSelect.ts
+++ b/src/app/plugins/tailwind/components/cascadeSelect.ts
@@ -58,7 +58,7 @@ export default {
   label: ({ props }) => ({
     class: [
       //Font
-      "leading-[normal]",
+      "leading-none",
 
       // Flex & Alignment
       " flex flex-auto",
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index 6b649f98..4457ff2a 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -1,8 +1,7 @@
 <template>
-  <Explorer v-if="showExplorer" />
   <div
     v-if="!store.getters.getErrors && store.getters.dataInStore"
-    class="my-20"
+    class="my-10"
   >
     <router-view name="reportsView" />
   </div>
diff --git a/src/widgets/explorer/ui/Explorer.vue b/src/widgets/explorer/ui/Explorer.vue
index a8fe35a7..1aa22f03 100644
--- a/src/widgets/explorer/ui/Explorer.vue
+++ b/src/widgets/explorer/ui/Explorer.vue
@@ -2,12 +2,23 @@
   <div
     v-if="store.getters.explorerLoaded"
     id="explorer"
-    class="container flex flex-row gap-16 my-10 items-center"
+    :class="{
+      container: true,
+      flex: true,
+      'flex-row': true,
+      'gap-16': true,
+      'p-2': true,
+      'pb-3': true,
+      'pt-6': true,
+      'items-end': true,
+      'content-center': true,
+      sticky: isSticky,
+    }"
   >
     <Button class="logo-button" text @click="router.push('/')">
       <img :class="iconClass" :src="icon" alt="Ares logo" width="45" />
     </Button>
-    <div class="flex flex-row gap-5">
+    <div class="flex flex-row gap-5 items-end">
       <FloatLabel>
         <dropdown
           inputId="folder"
@@ -128,6 +139,9 @@ const router = useRouter();
 const iconClass = computed((): string => {
   return store.getters.getSettings.darkMode ? "" : "inverted";
 });
+const isSticky = computed(() => {
+  return store.getters.getSettings.stickyNavBar;
+});
 
 function changeSource(data: Source): void {
   const folder = store.getters.getSelectedFolder;
@@ -201,7 +215,7 @@ const showReleaseSelector = computed(function (): boolean {
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 tr:hover {
   background-color: transparent !important;
 }
@@ -223,4 +237,20 @@ tr:hover {
   opacity: 1;
   transition: 0.3s;
 }
+.sticky {
+  position: fixed;
+  top: 0;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  .dark & {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
+  }
+}
+
+#explorer {
+  width: 100vw;
+  max-width: 100%;
+  z-index: 1000;
+  @apply dark:bg-surface-900 bg-white;
+  box-sizing: border-box;
+}
 </style>
diff --git a/src/widgets/settings/model/store/actions.type.ts b/src/widgets/settings/model/store/actions.type.ts
index 880f563f..80618cae 100644
--- a/src/widgets/settings/model/store/actions.type.ts
+++ b/src/widgets/settings/model/store/actions.type.ts
@@ -6,7 +6,6 @@ export const TOGGLE_MINMAX_SETTING = "setMinMax";
 export const TOGGLE_UI_VISIBILITY = "setVisibility";
 export const TOGGLE_DEFAULT_ANNOTATIONS_MODE = "changeDefaultAnnotationsMode";
 export const TOGGLE_DEFAULT_ALL_NOTES_MODE = "toggleDefaultNotesMode";
-
 export const EDIT_USER = "editUser";
-
 export const UPDATE_COLUMN_SELECTION = "updateColumnSelection";
+export const TOGGLE_STICKY_NAV_BAR = "toggleStickyNavBar";
diff --git a/src/widgets/settings/model/store/settings.module.ts b/src/widgets/settings/model/store/settings.module.ts
index 10f5975a..9b6e69fe 100644
--- a/src/widgets/settings/model/store/settings.module.ts
+++ b/src/widgets/settings/model/store/settings.module.ts
@@ -10,6 +10,7 @@ import {
   EDIT_USER,
   TOGGLE_DEFAULT_ALL_NOTES_MODE,
   UPDATE_COLUMN_SELECTION,
+  TOGGLE_STICKY_NAV_BAR,
 } from "@/widgets/settings/model/store/actions.type";
 import {
   SET_SETTINGS,
@@ -26,6 +27,7 @@ const state = {
     notesMode: false,
     user: null,
     columnSelection: {},
+    stickyNavBar: true,
   },
   visible: false,
 };
@@ -66,6 +68,9 @@ const actions = {
   [TOGGLE_DEFAULT_ALL_NOTES_MODE]({ commit }, payload) {
     commit(SET_SETTINGS, { data: payload, field: "notesMode" });
   },
+  [TOGGLE_STICKY_NAV_BAR]({ commit }, payload) {
+    commit(SET_SETTINGS, { data: payload, field: "stickyNavBar" });
+  },
   [UPDATE_COLUMN_SELECTION]({ commit, rootGetters }, payload) {
     commit(SET_SETTINGS, {
       data: { ...rootGetters.getSettings.columnSelection, ...payload },
diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index d9ec50cb..78c9db0b 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -21,6 +21,7 @@
         <div class="flex flex-col gap-5">
           <h3 class="text-left font-thin text-md">Appearance</h3>
           <ToggleDarkMode />
+          <StickyNavBar />
         </div>
         <Divider></Divider>
 
@@ -49,6 +50,7 @@ import ToggleBaseLine from "./components/toggleBaseLine";
 import ToggleMinMax from "./components/toggleMinMax";
 import Divider from "primevue/divider";
 import ToggleDefaultAnnotatonsMode from "./components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue";
+import StickyNavBar from "@/widgets/settings/ui/components/stickyNavBar";
 
 import { computed } from "vue";
 import { useStore } from "vuex";
diff --git a/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue b/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
new file mode 100644
index 00000000..5f39d7c5
--- /dev/null
+++ b/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="flex flex-row gap-5">
+    <InputSwitch v-model="stickyNavBar" />
+    <div>
+      <h3>Sticky navigation bar</h3>
+      <p class="font-thin">
+        Keep the navigation bar fixed at the top while scrolling
+      </p>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: "ToggleBaseLine",
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useStore } from "vuex";
+import { TOGGLE_STICKY_NAV_BAR } from "@/widgets/settings/model/store/actions.type";
+import InputSwitch from "primevue/inputswitch";
+import "@/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue";
+
+const store = useStore();
+
+const stickyNavBar = computed({
+  get: function (): boolean {
+    return store.getters.getSettings.stickyNavBar;
+  },
+  set: function (value: boolean): void {
+    store.dispatch(TOGGLE_STICKY_NAV_BAR, value);
+  },
+});
+</script>
+
+<style scoped></style>
diff --git a/src/widgets/settings/ui/components/stickyNavBar/index.ts b/src/widgets/settings/ui/components/stickyNavBar/index.ts
new file mode 100644
index 00000000..d40fd4d2
--- /dev/null
+++ b/src/widgets/settings/ui/components/stickyNavBar/index.ts
@@ -0,0 +1,2 @@
+import StickyNavBar from "@/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue";
+export default StickyNavBar;

From 55784e95efb6c6d2d0933a1e642152fa55655621 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 5 Sep 2024 15:50:50 +0400
Subject: [PATCH 182/202] fix: page padding and margins

---
 src/app/App.vue                                 | 8 ++++----
 src/processes/exploreReports/ui/ReportsView.vue | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/App.vue b/src/app/App.vue
index 990abb25..b4eee2c4 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -4,7 +4,7 @@
   <div
     :class="{
       'px-3': true,
-      'py-20': isSticky,
+      'pt-20': isSticky,
       'min-w-[1250px]': true,
     }"
   >
@@ -46,9 +46,9 @@ const path = computed(function () {
 
 const showExplorer = computed(function () {
   return (
-      path.value.includes("network") ||
-      path.value.includes("cdm") ||
-      path.value.includes("datasource")
+    path.value.includes("network") ||
+    path.value.includes("cdm") ||
+    path.value.includes("datasource")
   );
 });
 
diff --git a/src/processes/exploreReports/ui/ReportsView.vue b/src/processes/exploreReports/ui/ReportsView.vue
index 4457ff2a..85961a8d 100644
--- a/src/processes/exploreReports/ui/ReportsView.vue
+++ b/src/processes/exploreReports/ui/ReportsView.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="!store.getters.getErrors && store.getters.dataInStore"
-    class="my-10"
+    class="mt-10 mb-16"
   >
     <router-view name="reportsView" />
   </div>

From 0877c34627c26a6b94d44954d4921f2054901a4e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 10 Sep 2024 16:42:31 +0400
Subject: [PATCH 183/202] fix: Network concept report's Age at first exposure
 chart rendering without the Panel wrapper

---
 .../charts/ageAtFirstExposure/AgeAtFirstExposure.vue             | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index 43cdea60..e2a7c016 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -175,6 +175,7 @@ import ChartActionIcon from "@/entities/toggleIcon/ToggleIcon.vue";
 import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import DataTable from "primevue/datatable";
+import Panel from "primevue/panel";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
 

From 332ce419efcb01cce4b463d142ab4363f111f326 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 10 Sep 2024 17:04:44 +0400
Subject: [PATCH 184/202] fix: pivot tabs incorrect styles on click

---
 src/app/plugins/tailwind/components/tabview.ts | 2 +-
 src/widgets/pivot/ui/Pivot.vue                 | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/plugins/tailwind/components/tabview.ts b/src/app/plugins/tailwind/components/tabview.ts
index b90ab39a..e1ae1d66 100644
--- a/src/app/plugins/tailwind/components/tabview.ts
+++ b/src/app/plugins/tailwind/components/tabview.ts
@@ -123,7 +123,7 @@ export default {
         {
           "hover:bg-surface-0 dark:hover:bg-surface-800/80":
             parent.state.d_activeIndex !== context.index,
-          "hover:border-surface-400 dark:hover:border-primary-400":
+          "hover:border-surface-400 dark:hover:border-surface-600":
             parent.state.d_activeIndex !== context.index,
           "hover:text-surface-900 dark:hover:text-surface-0":
             parent.state.d_activeIndex !== context.index,
diff --git a/src/widgets/pivot/ui/Pivot.vue b/src/widgets/pivot/ui/Pivot.vue
index 8e47ee98..74ebd487 100644
--- a/src/widgets/pivot/ui/Pivot.vue
+++ b/src/widgets/pivot/ui/Pivot.vue
@@ -17,6 +17,9 @@
               'text-surface-900 dark:text-surface-0/80',
             ],
           },
+          inkbar: {
+            class: ['hidden'],
+          },
         }"
       >
         <div class="flex flex-row justify-between">

From 87d5c818d8304c1f6fab4854740b25015c838acc Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 10 Sep 2024 17:26:55 +0400
Subject: [PATCH 185/202] fix: user settings component if webapi is not enabled

---
 .../authentication/model/store/auth.module.ts | 33 ++++++++------
 .../ui/components/userAccount/UserAccount.vue | 45 ++++++-------------
 2 files changed, 33 insertions(+), 45 deletions(-)

diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index b6f761d9..463dfbe2 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -7,6 +7,7 @@ import { jwtDecode } from "jwt-decode";
 import LocalStorageService from "@/shared/api/localStorageService";
 import cookiesService from "@/shared/api/cookiesService";
 import localStorageService from "@/shared/api/localStorageService";
+import { EDIT_USER } from "@/widgets/settings/model/store/actions.type";
 
 const tokenKey = "bearerToken";
 
@@ -63,13 +64,13 @@ const actions = {
   },
   async [GET_USER]({ commit, dispatch, rootGetters }) {
     if (environment.WEB_API_ENABLED === "false") return;
-    if (!LocalStorageService.get(tokenKey)) return;
     const isExpired = checkExpiryDate(LocalStorageService.get(tokenKey));
 
-    if (isExpired) {
+    if (isExpired || !LocalStorageService.get(tokenKey)) {
       dispatch(LOG_OUT);
       return;
     }
+
     const userData = await authService.user.get(
       LocalStorageService.get(tokenKey)
     );
@@ -78,7 +79,7 @@ const actions = {
       getExpiryDate(LocalStorageService.get(tokenKey)) * 1000
     ).toLocaleString();
     commit(SET_AUTHENTICATED, true);
-    commit(SET_USER, user);
+    dispatch(EDIT_USER, user);
     const checkAuthStatus = setInterval(() => {
       if (
         checkExpiryDate(LocalStorageService.get(tokenKey)) ||
@@ -92,18 +93,22 @@ const actions = {
     }, 1000);
   },
   async [LOG_OUT]({ commit, dispatch, rootGetters }, payload) {
-    commit(SET_AUTHENTICATED, false);
-    commit(SET_USER, null);
-    if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
-      await authService.token.logout(LocalStorageService.get(tokenKey));
+    dispatch(EDIT_USER, null);
+    if (environment.WEB_API_ENABLED === "true") {
+      commit(SET_AUTHENTICATED, false);
+      if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
+        await authService.token.logout(LocalStorageService.get(tokenKey));
+      }
+      LocalStorageService.remove(tokenKey);
+      cookiesService.remove(tokenKey);
+      dispatch(ADD_ALERT, {
+        message: payload?.message
+          ? payload.message
+          : "You have been logged out",
+        status: "",
+      });
     }
-    LocalStorageService.remove(tokenKey);
-    cookiesService.remove(tokenKey);
-    LocalStorageService.remove("user");
-    dispatch(ADD_ALERT, {
-      message: payload?.message ? payload.message : "You have been logged out",
-      status: "",
-    });
+    dispatch(EDIT_USER, null);
   },
 };
 const mutations = {
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index 8c3a1d97..e3a2fbc6 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -7,49 +7,32 @@
       </Button>
     </InputGroupAddon>
   </InputGroup>
+  <div v-if="!user && !webApiDisabled">
+    <Button
+      @click="logIn"
+      style="width: 100%; height: 30px"
+      severity="secondary"
+      >Log in to WebAPI</Button
+    >
+  </div>
 
-  <!--  <InputGroup v-if="!user && !webApiDisabled">-->
-  <!--    <InputGroupAddon>-->
-  <!--      <Button text @click="save" icon="pi pi-times" severity="info">-->
-  <!--        Log in-->
-  <!--        <svg-icon type="mdi" :path="mdiContentSaveOutline"></svg-icon>-->
-  <!--      </Button>-->
-  <!--    </InputGroupAddon>-->
-  <!--  </InputGroup>-->
-
-  <Button
-    v-if="!user"
-    @click="logIn"
-    style="width: 100%; height: 30px"
-    severity="secondary"
-    >Log in to WebAPI</Button
-  >
-
-  <div v-else class="flex flex-col gap-2">
-    <!--    <h3 class="text-2xl">Hello, {{ user.name }}</h3>-->
+  <div v-if="user" class="flex flex-col gap-2">
     <div class="flex flex-row items-center gap-2">
       <SvgIcon type="mdi" :path="mdiAccountCircle" size="60" />
       <div>
-        <div class="text-2xl">{{ user.name }}</div>
-        <div class="font-thin">Expires: {{ user.exp }}</div>
+        <div class="text-2xl">{{ user?.name }}</div>
+        <div v-if="!webApiDisabled" class="font-thin">
+          Expires: {{ user?.exp }}
+        </div>
       </div>
     </div>
     <Button
-      v-if="user && !webApiDisabled"
+      v-if="user"
       @click="logout"
       severity="secondary"
       class="align-self-end"
       >Log out</Button
     >
-    <!--    <Button-->
-    <!--      v-if="!store.getters.getWebAPIUser"-->
-    <!--      text-->
-    <!--      @click="user = null"-->
-    <!--      class="align-self-end"-->
-    <!--      plain-->
-    <!--    >-->
-    <!--      <svg-icon type="mdi" :path="mdiAccountEditOutline"></svg-icon>-->
-    <!--    </Button>-->
   </div>
 </template>
 

From c8d3cf9d4272bf58d00f7f961723931b63345bdf Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 10 Sep 2024 23:39:11 +0400
Subject: [PATCH 186/202] improvement: changed font-thin to font-normal for
 settings section headers

---
 src/widgets/settings/ui/Settings.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/widgets/settings/ui/Settings.vue b/src/widgets/settings/ui/Settings.vue
index 2ad95410..1ade2f4a 100755
--- a/src/widgets/settings/ui/Settings.vue
+++ b/src/widgets/settings/ui/Settings.vue
@@ -12,21 +12,21 @@
       </div>
       <div class="flex flex-col">
         <div class="flex flex-col gap-5">
-          <h3 class="text-left font-thin text-md">Charts</h3>
+          <h3 class="text-left font-normal text-md">Charts</h3>
           <ToggleBaseLine />
           <ToggleMinMax />
         </div>
         <Divider></Divider>
 
         <div class="flex flex-col gap-5">
-          <h3 class="text-left font-thin text-md">Appearance</h3>
+          <h3 class="text-left font-normal text-md">Appearance</h3>
           <ToggleDarkMode />
           <StickyNavBar />
         </div>
         <Divider></Divider>
 
         <div class="flex flex-col gap-5">
-          <h3 class="text-left font-thin text-md">Annotations</h3>
+          <h3 class="text-left font-normal text-md">Annotations</h3>
           <ToggleDefaultAnnotatonsMode />
           <ToggleDefaultNotesMode />
         </div>

From 707ea65db66ee197a8a81a069c400d1e8fa1eaeb Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 11 Sep 2024 21:28:14 +0400
Subject: [PATCH 187/202] fix: null values in cohort characterization table

---
 .../exploreReports/model/store/postprocessing/cohortReport.ts    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
index 8f04a969..e926df16 100644
--- a/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/cohortReport.ts
@@ -9,6 +9,7 @@ export default function cohortReport(data) {
     ...val,
     mean: parseFloat(val.mean),
     sd: parseFloat(val.sd),
+    temporal_choice: val.temporal_choice || "N/A",
   }));
   const indexEventBreakdownTable = data[COHORT_INDEX_EVENT_BREAKDOWN];
   const timeMeasures = [

From 99d3360212ff9631a99c797c28a8348d61f50d7f Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 17 Sep 2024 22:27:47 +0400
Subject: [PATCH 188/202] fix: network concept report and network concept
 dashboard loading

---
 .../NetworkConceptDashboard.vue               | 28 +++++++++++++++----
 .../NetworkConceptReport.vue                  | 12 ++++----
 .../ui/ConceptSearchForm.vue                  | 14 ++++++++--
 3 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
index 3dc3a6a6..855f239e 100644
--- a/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
+++ b/src/pages/reports/network/NetworkConceptDashboard/NetworkConceptDashboard.vue
@@ -7,13 +7,13 @@
         </span></Button
       >
     </template>
-    <div class="table-container">
+    <div class="table-container items-center">
       <DataTable
         removable-sort
         rowGroupMode="subheader"
         groupRowsBy="CONCEPT_NAME"
-        class="table"
-        v-if="concepts.length"
+        class="table self-start"
+        v-if="concepts.length && !loading"
         size="small"
         paginator
         currentPageReportTemplate="{first} to {last} of {totalRecords}"
@@ -49,9 +49,13 @@
           </template>
         </Column>
       </DataTable>
-      <div v-else class="placeholder table-placeholder">
+      <div
+        v-if="!concepts.length && !loading"
+        class="placeholder table-placeholder"
+      >
         Add at least one concept to display the results
       </div>
+      <ProgressCircle v-if="loading" />
     </div>
   </Panel>
   <ConceptSearchForm
@@ -63,6 +67,7 @@
     :show="showWebApiSearchForm"
     multi-selection
     @save="save"
+    @missingConceptsChanged="handleFailedLoading"
   />
 </template>
 
@@ -70,7 +75,7 @@
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import "./index.css";
 
-import { Ref, ref } from "vue";
+import { computed, Ref, ref } from "vue";
 import { useStore } from "vuex";
 import Panel from "primevue/panel";
 import Button from "primevue/button";
@@ -78,6 +83,7 @@ import { helpers } from "@/shared/lib/mixins";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { webApiActions } from "@/shared/api/webAPI";
+import ProgressCircle from "@/entities/ProgressCircle.vue";
 const store = useStore();
 
 const successMessage: Ref<string[]> = ref([]);
@@ -85,11 +91,18 @@ const errors: Ref<string> = ref("");
 const showWebApiSearchForm = ref(false);
 const selectedConcept = ref([]);
 
+const loading = ref(false);
+
 const concepts = ref([]);
 
+const handleFailedLoading = function () {
+  loading.value = false;
+};
+
 const save = function () {
   const newConcept = store.getters.getData?.concept;
   concepts.value = [...concepts.value, ...newConcept];
+  loading.value = false;
 };
 function atClick() {
   showWebApiSearchForm.value = true;
@@ -98,7 +111,10 @@ const clearMessages = function () {
   errors.value = "";
   successMessage.value = [];
 };
-const close = function () {
+const close = function (event) {
+  if (event.loading) {
+    loading.value = true;
+  }
   showWebApiSearchForm.value = false;
   store.dispatch(webApiActions.RESET_API_STORAGE);
   successMessage.value = [];
diff --git a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
index e239f248..1d90c279 100644
--- a/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
+++ b/src/pages/reports/network/NetworkConceptReport/NetworkConceptReport.vue
@@ -107,16 +107,13 @@ import Button from "primevue/button";
 import environment from "@/shared/api/environment";
 import { ConceptSearchForm } from "@/widgets/conceptSearchForm";
 import { webApiActions } from "@/shared/api/webAPI";
+import { RESET_DATA_STORAGE } from "@/processes/exploreReports/model/store/actions.type";
 
 const store = useStore();
 const route = useRoute();
 
 const selectedConcept = ref([]);
 
-const isDataLoaded = computed(() => {
-  return Object.keys(data.value).length;
-});
-
 const showWebApiSearchForm = ref(false);
 const clearMessages = function () {
   errors.value = "";
@@ -132,11 +129,14 @@ function atClick() {
 }
 
 const errors = ref("");
-const close = function () {
+function close(event) {
   showWebApiSearchForm.value = false;
   store.dispatch(webApiActions.RESET_API_STORAGE);
+  if (event.loading) {
+    store.dispatch(RESET_DATA_STORAGE);
+  }
   successMessage.value = [];
-};
+}
 
 const successMessage = ref([]);
 
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 9b0be8eb..5075e886 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -192,7 +192,7 @@
           severity="info"
           size="large"
           @click="saveChanges(editedItem)"
-          >SAVE</Button
+          >LOAD</Button
         >
       </div>
     </div>
@@ -216,7 +216,10 @@ import { computed } from "vue";
 import InputText from "primevue/inputtext";
 import Dropdown from "primevue/dropdown";
 import Button from "primevue/button";
-import { FETCH_MULTIPLE_FILES_BY_SOURCE } from "@/processes/exploreReports/model/store/actions.type";
+import {
+  FETCH_MULTIPLE_FILES_BY_SOURCE,
+  RESET_DATA_STORAGE,
+} from "@/processes/exploreReports/model/store/actions.type";
 import getDuckDBTables from "@/shared/api/duckdb/conceptTables";
 import webApiKeyMap from "@/shared/config/webApiKeyMap";
 import { CONCEPT } from "@/shared/config/files";
@@ -239,7 +242,7 @@ const displayForm = computed({
     return props.show;
   },
   set: function () {
-    emit("close");
+    emit("close", { loading: false });
   },
 });
 const domains: Ref<DataTableHeader[]> = ref([
@@ -356,6 +359,11 @@ const saveChanges = async (item) => {
     errors.value = "This concept has already been loaded";
     return;
   }
+  const webapiEnabled = environment.WEB_API_ENABLED === "true";
+
+  if (!webapiEnabled) {
+    emit("close", { loading: true });
+  }
 
   loadingItem.value = item.CONCEPT_ID;
 

From 6d47f72682381600a17cb0d891328f22ae164bd4 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 19 Sep 2024 20:10:05 +0400
Subject: [PATCH 189/202] fix: network concept report and network concept
 dashboard loading

---
 src/app/App.vue                                        | 2 --
 src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/App.vue b/src/app/App.vue
index b4eee2c4..286e7f55 100644
--- a/src/app/App.vue
+++ b/src/app/App.vue
@@ -72,8 +72,6 @@ watch(route, (): void => {
 
 onBeforeMount((): void => {
   setColorMode();
-});
-onMounted(() => {
   store.dispatch(GET_USER);
 });
 
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 5075e886..ee68b75f 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -326,7 +326,7 @@ const rules = {
 const apiSources = ref([]);
 
 const close = function (): void {
-  emit("close");
+  emit("close", { loading: false });
   if (form.value) {
     form.value.resetValidation();
   }

From ce003627ba3e861419a4e115b0a8bd138b5587cf Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 19 Sep 2024 20:21:03 +0400
Subject: [PATCH 190/202] fix: network concept report and network concept
 dashboard loading

---
 .../ui/ConceptSearchForm.vue                  | 50 ++++++++++++-------
 1 file changed, 32 insertions(+), 18 deletions(-)

diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index ee68b75f..26ad1220 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -1,6 +1,6 @@
 <template>
   <Dialog
-    v-if="environment.WEB_API_ENABLED === 'true' && store.getters.authenticated"
+    v-if="environment.WEB_API_ENABLED === 'true' && authenticated"
     :pt="{
       root: { class: 'w-[850px]' },
     }"
@@ -284,24 +284,38 @@ const clearMessages = function () {
   successMessage.value = [];
 };
 
+const authenticated = computed(() => {
+  return store.getters.authenticated;
+});
+
+function fetchVocabularies() {
+  store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
+    const error = store.getters.getApiData?.error;
+    if (error) {
+      store.dispatch(ADD_ALERT, {
+        message: `WebAPI server replied with status code ${error.response.status}`,
+        status: errorMessages.webApiErrors[error.response.status],
+      });
+      return;
+    }
+    apiSources.value = store.getters.getApiData.apiSources.filter((source) =>
+      source.daimons
+        .reduce((array, current) => [...array, current.daimonType], [])
+        .includes("Vocabulary")
+    );
+    vocabularySource.value = apiSources.value[0].sourceKey;
+  });
+}
+
 onBeforeMount((): void => {
-  if (environment.WEB_API_ENABLED === "true" && store.getters.authenticated) {
-    store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
-      const error = store.getters.getApiData?.error;
-      if (error) {
-        store.dispatch(ADD_ALERT, {
-          message: `WebAPI server replied with status code ${error.response.status}`,
-          status: errorMessages.webApiErrors[error.response.status],
-        });
-        return;
-      }
-      apiSources.value = store.getters.getApiData.apiSources.filter((source) =>
-        source.daimons
-          .reduce((array, current) => [...array, current.daimonType], [])
-          .includes("Vocabulary")
-      );
-      vocabularySource.value = apiSources.value[0].sourceKey;
-    });
+  if (environment.WEB_API_ENABLED === "true" && authenticated.value) {
+    fetchVocabularies();
+  }
+});
+
+watch(authenticated, () => {
+  if (authenticated.value) {
+    fetchVocabularies();
   }
 });
 

From 7f1cbd07a76f59e5411269b457adb023b5e87f1d Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 19 Sep 2024 20:37:05 +0400
Subject: [PATCH 191/202] fix: network concept report and network concept
 dashboard loading

---
 src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index 26ad1220..c9cc642f 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -1,6 +1,6 @@
 <template>
   <Dialog
-    v-if="environment.WEB_API_ENABLED === 'true' && authenticated"
+    v-if="webapiEnabled && authenticated"
     :pt="{
       root: { class: 'w-[850px]' },
     }"
@@ -288,6 +288,8 @@ const authenticated = computed(() => {
   return store.getters.authenticated;
 });
 
+const webapiEnabled = environment.WEB_API_ENABLED === "true";
+
 function fetchVocabularies() {
   store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
     const error = store.getters.getApiData?.error;
@@ -373,9 +375,7 @@ const saveChanges = async (item) => {
     errors.value = "This concept has already been loaded";
     return;
   }
-  const webapiEnabled = environment.WEB_API_ENABLED === "true";
-
-  if (!webapiEnabled) {
+  if (!webapiEnabled || !authenticated.value) {
     emit("close", { loading: true });
   }
 

From 56dd748b8103a1f74f5b0ac9978ea1ee7c551439 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 20 Sep 2024 01:53:03 +0400
Subject: [PATCH 192/202] refactor: environment now provides boolean values
 instead of strings

---
 .../components/RequiredConcepts.vue           |  4 +--
 .../exploreReports/config/dataLoadConfig.ts   | 27 +++++++++----------
 .../exploreReports/model/store/data.module.ts |  9 +++----
 .../store/postprocessing/conceptReport.ts     |  2 +-
 .../model/store/postprocessing/feasibility.ts |  2 +-
 .../postprocessing/networkConceptDashboard.ts |  2 +-
 .../postprocessing/networkConceptReport.ts    |  2 +-
 .../postprocessing/sourceConceptReport.ts     |  2 +-
 src/shared/api/environment.ts                 |  2 ++
 .../authentication/model/store/auth.module.ts |  6 ++---
 src/widgets/bottomNav/ui/BottomNav.vue        |  2 +-
 .../ui/ConceptSearchForm.vue                  | 21 +++++++--------
 .../explorer/model/store/explorer.module.ts   |  2 +-
 .../ui/components/userAccount/UserAccount.vue |  2 +-
 14 files changed, 40 insertions(+), 45 deletions(-)

diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index c223c8c6..06e2cb53 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -218,7 +218,7 @@ const getConceptsForRequest = (measurement = []) => {
       timeSeries,
       issues;
 
-    if (environment.DUCKDB_ENABLED === "true") {
+    if (environment.DUCKDB_ENABLED) {
       const metadata = value?.data[CONCEPT_METADATA][0];
       conceptId = metadata.CONCEPT_ID;
       conceptName = metadata.CONCEPT_NAME;
@@ -272,7 +272,7 @@ const save = function (item) {
     return;
   }
   let withMeasurement;
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED) {
     withMeasurement = conceptsData.value.filter(
       (value) => value.data[CONCEPT_METADATA].CDM_TABLE_NAME === "MEASUREMENT"
     );
diff --git a/src/processes/exploreReports/config/dataLoadConfig.ts b/src/processes/exploreReports/config/dataLoadConfig.ts
index 792685d5..56ef026e 100644
--- a/src/processes/exploreReports/config/dataLoadConfig.ts
+++ b/src/processes/exploreReports/config/dataLoadConfig.ts
@@ -88,10 +88,9 @@ export default function getFilesByView(params = null) {
     networkConcept: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_SOURCE,
       payload: {
-        files:
-          environment.DUCKDB_ENABLED === "true"
-            ? params.files
-            : [{ name: CONCEPT, instanceParams: [{}] }],
+        files: environment.DUCKDB_ENABLED
+          ? params.files
+          : [{ name: CONCEPT, instanceParams: [{}] }],
         duckdb_supported: true,
       },
     },
@@ -146,13 +145,12 @@ export default function getFilesByView(params = null) {
     concept: {
       loadMethod: FETCH_FILES,
       payload: {
-        files:
-          environment.DUCKDB_ENABLED === "true"
-            ? params.files
-            : [
-                { name: DOMAIN_SUMMARY, required: true },
-                { name: CONCEPT, required: true },
-              ],
+        files: environment.DUCKDB_ENABLED
+          ? params.files
+          : [
+              { name: DOMAIN_SUMMARY, required: true },
+              { name: CONCEPT, required: true },
+            ],
         duckdb_supported: true,
       },
     },
@@ -244,10 +242,9 @@ export default function getFilesByView(params = null) {
     sourceConceptOverlay: {
       loadMethod: FETCH_MULTIPLE_FILES_BY_RELEASE,
       payload: {
-        files:
-          environment.DUCKDB_ENABLED === "true"
-            ? params.files
-            : [{ name: SOURCE_CONCEPT }],
+        files: environment.DUCKDB_ENABLED
+          ? params.files
+          : [{ name: SOURCE_CONCEPT }],
         duckdb_supported: true,
       },
     },
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 5fbd0393..d2e12289 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -173,8 +173,7 @@ const actions = {
   },
 
   async [FETCH_FILES]({ commit, dispatch, rootState }, payload) {
-    const isDuckDb =
-      payload.duckdb_supported && environment.DUCKDB_ENABLED === "true";
+    const isDuckDb = payload.duckdb_supported && environment.DUCKDB_ENABLED;
     const reportName = rootState.route.name;
     const path = {
       cdm: { cdm_source_key: rootState.route.params.cdm },
@@ -246,8 +245,7 @@ const actions = {
       commit(SET_DATA, { data: {} });
       return;
     } else {
-      const isDuckDb =
-        environment.DUCKDB_ENABLED === "true" && payload.duckdb_supported;
+      const isDuckDb = environment.DUCKDB_ENABLED && payload.duckdb_supported;
 
       const reportName = rootState.route.name;
       const promises = payload.files.reduce((obj, file) => {
@@ -316,8 +314,7 @@ const actions = {
       commit(SET_DATA, { data: {} });
       return;
     }
-    const isDuckDb =
-      payload.duckdb_supported && environment.DUCKDB_ENABLED === "true";
+    const isDuckDb = payload.duckdb_supported && environment.DUCKDB_ENABLED;
     const reportName = rootState.route.name;
     const promises = payload.files.reduce((obj, file) => {
       const selectedSource = rootGetters.getSelectedSource;
diff --git a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
index f0dc455a..d2131fc8 100644
--- a/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/conceptReport.ts
@@ -20,7 +20,7 @@ export default function concept(data) {
   let seasonalityScore: string | string[];
   let seasonalityComment: string;
 
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED) {
     if (metadata) {
       conceptData = { ...data, ...metadata };
     } else {
diff --git a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
index 7a1b31ef..af816f9b 100644
--- a/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/feasibility.ts
@@ -40,7 +40,7 @@ export default function feasibility(data) {
   const person: PersonData = data[PERSON];
 
   let concept, conceptId;
-  if (environment.DUCKDB_ENABLED === "true" && data[CONCEPT_METADATA]) {
+  if (environment.DUCKDB_ENABLED && data[CONCEPT_METADATA]) {
     concept = combineObjectsBySource(data);
     conceptId = concept?.[0]?.data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
   } else {
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
index 359e8827..a888972a 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
@@ -31,7 +31,7 @@ function combineObjectsBySource(inputObject) {
 
 export default function networkConceptDashboard(data) {
   let concept: MultipleFilesRawInterface<ConceptType>[], conceptId: string;
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED) {
     concept = combineObjectsBySource(data);
     conceptId = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_ID;
     if (!conceptId) {
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 29e5f573..22203a18 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -53,7 +53,7 @@ export default function networkConcept(data) {
     conceptId,
     numPersons,
     conceptDomain;
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED) {
     concept = combineObjectsBySource(data);
     conceptName = concept[0].data[CONCEPT_METADATA]?.[0]?.CONCEPT_NAME;
     conceptDomain = concept[0].data[CONCEPT_METADATA]?.[0]?.DOMAIN;
diff --git a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
index 8b0128a2..536dff97 100644
--- a/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/sourceConceptReport.ts
@@ -32,7 +32,7 @@ export default function sourceConceptOverlay(data) {
   let conceptName;
   let conceptId;
   let numPersons;
-  if (environment.DUCKDB_ENABLED === "true") {
+  if (environment.DUCKDB_ENABLED) {
     parsedResponses = combineObjectsByRelease(data);
     conceptName = parsedResponses[0].data[CONCEPT_METADATA][0].CONCEPT_NAME;
     conceptId = parsedResponses[0].data[CONCEPT_METADATA][0].CONCEPT_ID;
diff --git a/src/shared/api/environment.ts b/src/shared/api/environment.ts
index c800c2b6..14bc1f23 100644
--- a/src/shared/api/environment.ts
+++ b/src/shared/api/environment.ts
@@ -9,6 +9,8 @@ class Environment {
     const promise: Promise<AxiosResponse> = axios.get(envUrl);
     return promise.then((res) => {
       Object.assign(this, res.data);
+      this.WEB_API_ENABLED = this.WEB_API_ENABLED === "true";
+      this.DUCKDB_ENABLED = this.DUCKDB_ENABLED === "true";
     });
   }
 }
diff --git a/src/shared/api/webAPI/authentication/model/store/auth.module.ts b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
index 463dfbe2..cd4c97eb 100644
--- a/src/shared/api/webAPI/authentication/model/store/auth.module.ts
+++ b/src/shared/api/webAPI/authentication/model/store/auth.module.ts
@@ -40,7 +40,7 @@ const getters = {
 
 const actions = {
   async [WEB_API_LOG_IN]({ commit, dispatch }) {
-    if (environment.WEB_API_ENABLED === "false") {
+    if (!environment.WEB_API_ENABLED) {
       return;
     }
     try {
@@ -63,7 +63,7 @@ const actions = {
     }
   },
   async [GET_USER]({ commit, dispatch, rootGetters }) {
-    if (environment.WEB_API_ENABLED === "false") return;
+    if (!environment.WEB_API_ENABLED) return;
     const isExpired = checkExpiryDate(LocalStorageService.get(tokenKey));
 
     if (isExpired || !LocalStorageService.get(tokenKey)) {
@@ -94,7 +94,7 @@ const actions = {
   },
   async [LOG_OUT]({ commit, dispatch, rootGetters }, payload) {
     dispatch(EDIT_USER, null);
-    if (environment.WEB_API_ENABLED === "true") {
+    if (environment.WEB_API_ENABLED) {
       commit(SET_AUTHENTICATED, false);
       if (!checkExpiryDate(LocalStorageService.get(tokenKey))) {
         await authService.token.logout(LocalStorageService.get(tokenKey));
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index cd23277c..5a065e96 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -66,7 +66,7 @@ import SvgIcon from "@jamescoyle/vue-icon";
 import { mdiCog, mdiDatabase, mdiHelpCircleOutline, mdiServer } from "@mdi/js";
 import { useRouter } from "vue-router";
 
-const webApiEnabled = environment.WEB_API_ENABLED === "true";
+const webApiEnabled = environment.WEB_API_ENABLED;
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
index c9cc642f..7425433c 100644
--- a/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
+++ b/src/widgets/conceptSearchForm/ui/ConceptSearchForm.vue
@@ -288,7 +288,7 @@ const authenticated = computed(() => {
   return store.getters.authenticated;
 });
 
-const webapiEnabled = environment.WEB_API_ENABLED === "true";
+const webapiEnabled = environment.WEB_API_ENABLED;
 
 function fetchVocabularies() {
   store.dispatch(webApiActions.FETCH_WEBAPI_INFO).then(() => {
@@ -310,7 +310,7 @@ function fetchVocabularies() {
 }
 
 onBeforeMount((): void => {
-  if (environment.WEB_API_ENABLED === "true" && authenticated.value) {
+  if (webapiEnabled && authenticated.value) {
     fetchVocabularies();
   }
 });
@@ -384,15 +384,14 @@ const saveChanges = async (item) => {
   const domain = webApiKeyMap.domains[item.DOMAIN_ID];
   const conceptId = item.CONCEPT_ID;
 
-  const files =
-    environment.DUCKDB_ENABLED === "true"
-      ? getDuckDBTables({ domain, concept: conceptId })[domain]
-      : [
-          {
-            name: CONCEPT,
-            instanceParams: [{ domain, concept: conceptId }],
-          },
-        ];
+  const files = environment.DUCKDB_ENABLED
+    ? getDuckDBTables({ domain, concept: conceptId })[domain]
+    : [
+        {
+          name: CONCEPT,
+          instanceParams: [{ domain, concept: conceptId }],
+        },
+      ];
 
   await store.dispatch(FETCH_MULTIPLE_FILES_BY_SOURCE, {
     files,
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 7f5fa205..3dc37786 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -45,7 +45,7 @@ const getters = {
     );
   },
   getFilteredReports: function (state, getters, rootState) {
-    const webApiEnabled = environment.WEB_API_ENABLED === "true";
+    const webApiEnabled = environment.WEB_API_ENABLED;
     return state.reports.filter((report) => {
       const folderMatch = report.folder === getters.getSelectedFolder.name;
       const webApiCondition = webApiEnabled || !report.webApiRequired;
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index e3a2fbc6..50721d36 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -57,7 +57,7 @@ import {
   LOG_OUT,
 } from "@/shared/api/webAPI/authentication/model/store/actions.type";
 
-const webApiDisabled = environment.WEB_API_ENABLED === "false";
+const webApiDisabled = !environment.WEB_API_ENABLED;
 
 const store = useStore();
 

From 398b6bcb285720ce6f01e352d341f168dc5c993e Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 20 Sep 2024 02:14:06 +0400
Subject: [PATCH 193/202] refactor: environment now provides boolean values
 instead of strings

---
 public/env/env.json           | 4 ++--
 src/shared/api/environment.ts | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/public/env/env.json b/public/env/env.json
index 14fa2505..2b0cf8b0 100644
--- a/public/env/env.json
+++ b/public/env/env.json
@@ -1,5 +1,5 @@
 {
   "WEB_API_URL": "./",
-  "WEB_API_ENABLED": "true",
-  "DUCKDB_ENABLED": "false"
+  "WEB_API_ENABLED": false,
+  "DUCKDB_ENABLED": false
 }
diff --git a/src/shared/api/environment.ts b/src/shared/api/environment.ts
index 14bc1f23..c800c2b6 100644
--- a/src/shared/api/environment.ts
+++ b/src/shared/api/environment.ts
@@ -9,8 +9,6 @@ class Environment {
     const promise: Promise<AxiosResponse> = axios.get(envUrl);
     return promise.then((res) => {
       Object.assign(this, res.data);
-      this.WEB_API_ENABLED = this.WEB_API_ENABLED === "true";
-      this.DUCKDB_ENABLED = this.DUCKDB_ENABLED === "true";
     });
   }
 }

From e4b2fd7f9a11a598bf8488ecb9afbbccc05878c7 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 27 Sep 2024 20:27:59 +0400
Subject: [PATCH 194/202] fix: no data in network concept report

---
 src/processes/exploreReports/model/store/data.module.ts      | 3 ---
 .../model/store/postprocessing/networkConceptDashboard.ts    | 4 +++-
 .../model/store/postprocessing/networkConceptReport.ts       | 5 +++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index d2e12289..3b7bb2b6 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -18,7 +18,6 @@ import getDuckDBFilePath from "@/shared/api/duckdb/files";
 import environment from "@/shared/api/environment";
 import getFilesByView from "@/processes/exploreReports/config/dataLoadConfig";
 import errorMessages from "@/widgets/error/model/config/errorMessages";
-import { root } from "postcss";
 
 const state = {
   data: {},
@@ -159,7 +158,6 @@ function convertTableToArray(table) {
     }
     dataTable.push(rowData);
   }
-
   return dataTable;
 }
 
@@ -283,7 +281,6 @@ const actions = {
       const data = {};
       for (const file in promises) {
         const responses = await Promise.allSettled(promises[file]);
-
         data[file] = responses
           .filter((response) => response.status === "fulfilled")
           .map((filtered) => ({
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
index a888972a..7269dc7c 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptDashboard.ts
@@ -6,7 +6,9 @@ import { CONCEPT_METADATA } from "@/shared/api/duckdb/files";
 
 function combineObjectsBySource(inputObject) {
   const resultArray = [];
-  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
+  const sources = inputObject[CONCEPT_METADATA].filter(
+    (val) => val.data.length
+  ).map((data) => data.source);
 
   sources.forEach((source) => {
     const combinedData = {};
diff --git a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
index 22203a18..b4386879 100644
--- a/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
+++ b/src/processes/exploreReports/model/store/postprocessing/networkConceptReport.ts
@@ -23,8 +23,9 @@ function augmentReport(concept, dataField) {
 
 function combineObjectsBySource(inputObject) {
   const resultArray = [];
-  const sources = inputObject[CONCEPT_METADATA].map((data) => data.source);
-
+  const sources = inputObject[CONCEPT_METADATA].filter(
+    (val) => val.data.length
+  ).map((data) => data.source);
   sources.forEach((source) => {
     const combinedData = {};
 

From 346d2b353da4fb048ec47afa16997a3e4b171b10 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Sun, 29 Sep 2024 10:22:16 +0400
Subject: [PATCH 195/202] improvement: ui style changes

---
 index.html                                    |   8 +-
 src/pages/info/Home.vue                       |   2 +-
 .../components/DesiredDomains.vue             |   1 +
 .../components/DomainRequirements.vue         |   1 +
 .../components/RequiredConcepts.vue           |   2 +-
 .../NetworkDatastrandReport.vue               |  19 +-
 .../NetworkDatastrandReport/specDatastrand.ts | 281 +++++++++---------
 .../components/DataSourcesList.vue            |   1 -
 .../components/ResultsTable.vue               |   1 -
 .../charts/releaseListing/ReleaseListing.vue  |   1 -
 src/widgets/chart/ui/Chart.vue                |   4 +-
 .../components/stickyNavBar/StickyNavBar.vue  |   4 +-
 .../toggleBaseLine/ToggleBaseLine.vue         |   6 +-
 .../toggleDarkMode/ToggleDarkMode.vue         |   8 +-
 .../ToggleDefaultAnnotatonsMode.vue           |   4 +-
 .../ToggleDefaultNotesMode.vue                |   4 +-
 .../components/toggleMinMax/ToggleMinMax.vue  |   6 +-
 .../ui/components/userAccount/UserAccount.vue |   2 +-
 18 files changed, 186 insertions(+), 169 deletions(-)

diff --git a/index.html b/index.html
index 59b7cd86..77fa15b5 100644
--- a/index.html
+++ b/index.html
@@ -12,10 +12,10 @@
 </head>
 
 <body>
-<!--  <noscript>-->
-<!--    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.-->
-<!--        Please enable it to continue.</strong>-->
-<!--  </noscript>-->
+  <noscript>
+    <strong>We're sorry but Ares doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong>
+  </noscript>
   <div id="app"></div>
 
   <script type="module" src="/src/main.ts"></script>
diff --git a/src/pages/info/Home.vue b/src/pages/info/Home.vue
index b61a87cb..f6269b22 100644
--- a/src/pages/info/Home.vue
+++ b/src/pages/info/Home.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex flex-col bg-surface-0 dark:bg-surface-800 dark:text-white justify-center items-center gap-5 shadow-xl my-6 p-20"
+    class="flex flex-col bg-surface-0 dark:bg-surface-800 dark:text-white justify-center items-center gap-5 shadow-md my-6 p-20"
   >
     <h1 class="text-2xl">A R E S</h1>
     <img :class="iconClass" :src="logo" height="64" width="64" />
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
index ef3fe15c..f44b82fc 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DesiredDomains.vue
@@ -9,6 +9,7 @@
     >
       <template #header>
         <MultiSelect
+          style="width: 100%"
           v-model="switchDomains"
           :options="items"
           display="chip"
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
index 8865d8aa..f664849c 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/DomainRequirements.vue
@@ -9,6 +9,7 @@
     >
       <template #header>
         <MultiSelect
+          style="width: 100%"
           v-model="switchDomains"
           :options="items"
           display="chip"
diff --git a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
index 06e2cb53..6545d57e 100644
--- a/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
+++ b/src/pages/reports/network/NetworkDataFeasibilityReport/components/RequiredConcepts.vue
@@ -11,7 +11,7 @@
       <template #header>
         <div class="flex flex-row justify-end">
           <Button @click="dialog = !dialog" plain>
-            <span class="uppercase font-thin text-grey"
+            <span class="uppercase font-light text-grey"
               >Add concepts
             </span></Button
           >
diff --git a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
index 8659f6f9..271af703 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
+++ b/src/pages/reports/network/NetworkDatastrandReport/NetworkDatastrandReport.vue
@@ -76,7 +76,13 @@ const store = useStore();
 import { specDatastrand } from "./specDatastrand";
 import { links } from "@/shared/config/links";
 
-const config = specDatastrand;
+const darkMode = computed(() => {
+  return store.getters.getSettings.darkMode;
+});
+
+const config = computed(() => {
+  return specDatastrand(darkMode.value ? "white" : "black");
+});
 
 import { useStore } from "vuex";
 import { helpers } from "@/shared/lib/mixins";
@@ -86,10 +92,12 @@ import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
+import { darkTheme } from "@/widgets/chart/model/themes";
 
 const renderChart = function () {
-  embed("#viz-datastrand", config, {
-    theme: store.getters.getSettings.darkMode ? "dark" : "",
+  embed("#viz-datastrand", config.value, {
+    theme: store.getters.getSettings.darkMode ? darkTheme : "",
+    actions: false,
   }).then((result) => {
     result.view.addSignalListener("selectDomain", (name, value) => {
       const domainKey = value.domain.toLowerCase().replace(" ", "_");
@@ -108,16 +116,15 @@ const renderChart = function () {
 
 const data = computed(() => store.getters.getData);
 
-const darkMode = computed(() => store.getters.getSettings.darkMode);
-
 onMounted(() => {
   if (data.value) {
-    config.data[0].values = data.value.dataStrandReport;
+    config.value.data[0].values = data.value.dataStrandReport;
     renderChart();
   }
 });
 
 watch(darkMode, () => {
+  config.value.data[0].values = data.value.dataStrandReport;
   renderChart();
 });
 
diff --git a/src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts b/src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts
index 212f00ef..25d7572a 100644
--- a/src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts
+++ b/src/pages/reports/network/NetworkDatastrandReport/specDatastrand.ts
@@ -1,145 +1,152 @@
 import { VEGA_SCHEMA } from "@/shared/config/links";
 
-export const specDatastrand = {
-  $schema: "https://vega.github.io/schema/vega/v5.json",
-  description: "Data Strand Visualization",
-  autosize: { type: "fit-x", contains: "padding" },
-  padding: 5,
-  data: [
-    {
-      name: "source_0",
-      values: [],
-    },
-    {
-      name: "data_0",
-      source: "source_0",
-      transform: [
-        {
-          type: "filter",
-          expr: "indexof(['condition occurrence','drug exposure','measurement','observation','procedure occurrence','visit occurrence','device exposure'], lower(datum.domain)) >= 0",
-        },
-        {
-          type: "joinaggregate",
-          as: ["total_records"],
-          ops: ["sum"],
-          fields: ["count_records"],
-          groupby: ["cdm_source_key"],
-        },
-        {
-          type: "formula",
-          expr: "datum.count_records/datum.total_records",
-          as: "percent",
-        },
-        {
-          type: "aggregate",
-          groupby: [
-            "domain",
-            "percent",
-            "count_records",
-            "cdm_source_key",
-            "cdm_source_abbreviation",
-            "cdm_release_key",
-          ],
-          ops: ["sum", "sum"],
-          fields: ["percent", "count_records"],
-          as: ["sum_percent", "sum_count_records"],
-        },
-        {
-          type: "stack",
-          groupby: ["cdm_source_key"],
-          field: "sum_percent",
-          sort: { field: ["sum_count_records"], order: ["descending"] },
-          as: ["sum_percent_start", "sum_percent_end"],
-          offset: "zero",
-        },
-        {
-          type: "filter",
-          expr: 'isValid(datum["sum_percent"]) && isFinite(+datum["sum_percent"])',
-        },
-      ],
-    },
-  ],
-  signals: [
-    {
-      name: "selectDomain",
-      on: [{ events: "mousedown", update: "datum" }],
-    },
-    {
-      name: "width",
-      init: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
-      on: [
-        {
-          update: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
-          events: "window:resize",
+export const specDatastrand = (labelColor) => {
+  return {
+    $schema: "https://vega.github.io/schema/vega/v5.json",
+    description: "Data Strand Visualization",
+    autosize: { type: "fit-x", contains: "padding" },
+    padding: 5,
+    data: [
+      {
+        name: "source_0",
+        values: [],
+      },
+      {
+        name: "data_0",
+        source: "source_0",
+        transform: [
+          {
+            type: "filter",
+            expr: "indexof(['condition occurrence','drug exposure','measurement','observation','procedure occurrence','visit occurrence','device exposure'], lower(datum.domain)) >= 0",
+          },
+          {
+            type: "joinaggregate",
+            as: ["total_records"],
+            ops: ["sum"],
+            fields: ["count_records"],
+            groupby: ["cdm_source_key"],
+          },
+          {
+            type: "formula",
+            expr: "datum.count_records/datum.total_records",
+            as: "percent",
+          },
+          {
+            type: "aggregate",
+            groupby: [
+              "domain",
+              "percent",
+              "count_records",
+              "cdm_source_key",
+              "cdm_source_abbreviation",
+              "cdm_release_key",
+            ],
+            ops: ["sum", "sum"],
+            fields: ["percent", "count_records"],
+            as: ["sum_percent", "sum_count_records"],
+          },
+          {
+            type: "stack",
+            groupby: ["cdm_source_key"],
+            field: "sum_percent",
+            sort: { field: ["sum_count_records"], order: ["descending"] },
+            as: ["sum_percent_start", "sum_percent_end"],
+            offset: "zero",
+          },
+          {
+            type: "filter",
+            expr: 'isValid(datum["sum_percent"]) && isFinite(+datum["sum_percent"])',
+          },
+        ],
+      },
+    ],
+    signals: [
+      {
+        name: "selectDomain",
+        on: [{ events: "mousedown", update: "datum" }],
+      },
+      {
+        name: "width",
+        init: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
+        on: [
+          {
+            update: "isFinite(containerSize()[0]) ? containerSize()[0] : 200",
+            events: "window:resize",
+          },
+        ],
+      },
+      { name: "y_step", value: 20 },
+      {
+        name: "height",
+        update: "bandspace(domain('y').length, 3, 3) * y_step",
+      },
+    ],
+    marks: [
+      {
+        name: "marks",
+        type: "rect",
+        style: ["bar"],
+        from: { data: "data_0" },
+        encode: {
+          enter: {
+            strokeWidth: { value: 7 },
+          },
+          update: {
+            cornerRadius: { value: 10 },
+            fill: { scale: "color", field: "domain" },
+            tooltip: {
+              signal:
+                '{"Data Source": datum["cdm_source_abbreviation"], "Domain": isValid(datum["domain"]) ? datum["domain"] : ""+datum["domain"], "Percent": format(datum["sum_percent"], "0.2%"), "Number of Records": format(datum["count_records"], ",")}',
+            },
+            x: { scale: "x", field: "sum_percent_end" },
+            x2: { scale: "x", field: "sum_percent_start" },
+            yc: { scale: "y", field: "cdm_source_key" },
+            height: { value: 20 },
+          },
         },
-      ],
-    },
-    { name: "y_step", value: 20 },
-    {
-      name: "height",
-      update: "bandspace(domain('y').length, 3, 3) * y_step",
-    },
-  ],
-  marks: [
-    {
-      name: "marks",
-      type: "rect",
-      style: ["bar"],
-      from: { data: "data_0" },
-      encode: {
-        enter: {
-          strokeWidth: { value: 7 },
+      },
+    ],
+    scales: [
+      {
+        name: "x",
+        type: "linear",
+        domain: {
+          data: "data_0",
+          fields: ["sum_percent_start", "sum_percent_end"],
         },
-        update: {
-          cornerRadius: { value: 10 },
-          fill: { scale: "color", field: "domain" },
-          tooltip: {
-            signal:
-              '{"Data Source": datum["cdm_source_abbreviation"], "Domain": isValid(datum["domain"]) ? datum["domain"] : ""+datum["domain"], "Percent": format(datum["sum_percent"], "0.2%"), "Number of Records": format(datum["count_records"], ",")}',
-          },
-          x: { scale: "x", field: "sum_percent_end" },
-          x2: { scale: "x", field: "sum_percent_start" },
-          yc: { scale: "y", field: "cdm_source_key" },
-          height: { value: 20 },
+        range: [0, { signal: "width" }],
+        nice: true,
+        zero: true,
+      },
+      {
+        name: "y",
+        type: "band",
+        domain: {
+          data: "data_0",
+          field: "cdm_source_key",
+          sort: true,
         },
+        range: { step: { signal: "y_step" } },
+        padding: 3,
+      },
+      {
+        name: "color",
+        type: "ordinal",
+        domain: { data: "data_0", field: "domain", sort: true },
+        range: "category",
       },
-    },
-  ],
-  scales: [
-    {
-      name: "x",
-      type: "linear",
-      domain: {
-        data: "data_0",
-        fields: ["sum_percent_start", "sum_percent_end"],
+    ],
+    axes: [{ scale: "y", orient: "left", zindex: 0, labelColor }],
+    legends: [
+      {
+        columns: 2,
+        columnPadding: 15,
+        rowPadding: 10,
+        orient: "right",
+        fill: "color",
+        symbolType: "circle",
+        labelColor: labelColor,
       },
-      range: [0, { signal: "width" }],
-      nice: true,
-      zero: true,
-    },
-    {
-      name: "y",
-      type: "band",
-      domain: { data: "data_0", field: "cdm_source_key", sort: true },
-      range: { step: { signal: "y_step" } },
-      padding: 3,
-    },
-    {
-      name: "color",
-      type: "ordinal",
-      domain: { data: "data_0", field: "domain", sort: true },
-      range: "category",
-    },
-  ],
-  axes: [{ scale: "y", orient: "left", zindex: 0 }],
-  legends: [
-    {
-      columns: 2,
-      columnPadding: 15,
-      rowPadding: 10,
-      orient: "right",
-      fill: "color",
-      symbolType: "circle",
-    },
-  ],
+    ],
+  };
 };
diff --git a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
index 6a65fe7a..fe18524c 100644
--- a/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
+++ b/src/pages/reports/network/NetworkOverview/components/DataSourcesList.vue
@@ -2,7 +2,6 @@
   <Panel header="Data Sources">
     <DataTable
       size="small"
-      showGridlines
       :value="augmentedData"
       v-model:filters="newFilters"
       :globalFilterFields="['cdm_source_name', 'releases[0].release_name', '']"
diff --git a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
index ae261359..500407c6 100644
--- a/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
+++ b/src/pages/reports/release/DataQualityResults/components/ResultsTable.vue
@@ -1,6 +1,5 @@
 <template>
   <DataTable
-    show-gridlines
     unstyled
     removableSort
     v-model:expandedRows="expanded"
diff --git a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
index 975b8673..4e7f0d42 100644
--- a/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
+++ b/src/pages/reports/source/SourceOverview/charts/releaseListing/ReleaseListing.vue
@@ -2,7 +2,6 @@
   <Panel header="Release listing">
     <DataTable
       size="small"
-      showGridlines
       :value="getTable"
       paginator
       currentPageReportTemplate="{first} to {last} of {totalRecords}"
diff --git a/src/widgets/chart/ui/Chart.vue b/src/widgets/chart/ui/Chart.vue
index 7f8996e9..2acadf69 100755
--- a/src/widgets/chart/ui/Chart.vue
+++ b/src/widgets/chart/ui/Chart.vue
@@ -149,10 +149,11 @@ let view;
 
 function setChartWidth() {
   if (containerRef.value) {
-    const { width } = containerRef.value.getClientRects();
+    const { width, height } = containerRef.value.getClientRects();
     elementWidth.value = width;
     const chartSvg = d3.select(`#${props.id} svg`);
     chartSvg.attr("width", `${width}px`);
+    chartSvg.attr("height", `${height}px`);
   }
 }
 function rerenderAnnotationsOnClick(view, makeAnnotations, parentContainer) {
@@ -434,7 +435,6 @@ function initializeBrush(view) {
 }
 
 function renderAnnotations(view, makeAnnotations, parentContainer) {
-  console.log("annotations rendered");
   const svg = d3.select(`#${props.id} svg ${parentContainer}`);
 
   svg.selectAll(".annotation-group").remove();
diff --git a/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue b/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
index 5f39d7c5..15ba3ea1 100644
--- a/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
+++ b/src/widgets/settings/ui/components/stickyNavBar/StickyNavBar.vue
@@ -2,8 +2,8 @@
   <div class="flex flex-row gap-5">
     <InputSwitch v-model="stickyNavBar" />
     <div>
-      <h3>Sticky navigation bar</h3>
-      <p class="font-thin">
+      <h3 class="text-lg leading-none">Sticky navigation bar</h3>
+      <p class="font-light">
         Keep the navigation bar fixed at the top while scrolling
       </p>
     </div>
diff --git a/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
index b6755b01..ff73269e 100644
--- a/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
+++ b/src/widgets/settings/ui/components/toggleBaseLine/ToggleBaseLine.vue
@@ -2,8 +2,10 @@
   <div class="flex flex-row gap-5">
     <InputSwitch v-model="zeroBaseLine" />
     <div>
-      <h3>{{ zeroBaseLine ? "Zero Baseline" : "Non-zero baseline" }}</h3>
-      <p class="font-thin">
+      <h3 class="text-lg leading-none">
+        {{ zeroBaseLine ? "Zero Baseline" : "Non-zero baseline" }}
+      </h3>
+      <p class="font-light">
         Determines whether the axis starts from the 0 or the lowest value in the
         set
       </p>
diff --git a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
index d2dc8e87..50e92a9b 100644
--- a/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
+++ b/src/widgets/settings/ui/components/toggleDarkMode/ToggleDarkMode.vue
@@ -1,9 +1,11 @@
 <template>
-  <div class="flex flex-row gap-5 mb">
+  <div class="flex flex-row gap-5">
     <InputSwitch v-model="darkMode" />
     <div>
-      <h3>{{ darkMode ? "Dark Mode" : "Light mode" }}</h3>
-      <p class="font-thin">Select the Color mode</p>
+      <h3 class="text-lg leading-none">
+        {{ darkMode ? "Dark Mode" : "Light mode" }}
+      </h3>
+      <p class="font-light">Select the Color mode</p>
     </div>
   </div>
 </template>
diff --git a/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
index 9d6db7c2..fc43eccd 100644
--- a/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultAnnotationsMode/ToggleDefaultAnnotatonsMode.vue
@@ -2,8 +2,8 @@
   <div class="flex flex-row gap-5">
     <InputSwitch v-model="annotationsMode" />
     <div>
-      <h3>{{ annotationsMode ? "On" : "Off" }}</h3>
-      <p class="font-thin">Switch default annotations mode</p>
+      <h3 class="text-lg leading-none">{{ annotationsMode ? "On" : "Off" }}</h3>
+      <p class="font-light">Switch default annotations mode</p>
     </div>
   </div>
 </template>
diff --git a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
index 474633de..aeffef00 100644
--- a/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
+++ b/src/widgets/settings/ui/components/toggleDefaultNotesMode/ToggleDefaultNotesMode.vue
@@ -2,8 +2,8 @@
   <div class="flex flex-row gap-5">
     <InputSwitch v-model="notesMode" />
     <div>
-      <h3>{{ notesMode ? "On" : "Off" }}</h3>
-      <p class="font-thin">Switch default notes mode</p>
+      <h3 class="text-lg leading-none">{{ notesMode ? "On" : "Off" }}</h3>
+      <p class="font-light">Switch default notes mode</p>
     </div>
   </div>
 </template>
diff --git a/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
index 76a2640d..18388988 100644
--- a/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
+++ b/src/widgets/settings/ui/components/toggleMinMax/ToggleMinMax.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="flex flex-row gap-5 mb">
+  <div class="flex flex-row gap-5">
     <InputSwitch v-model="minMax" />
     <div>
-      <h3>{{ minMax ? "MIN/MAX" : "P10/P90" }}</h3>
-      <p class="font-thin">
+      <h3 class="text-lg leading-none">{{ minMax ? "MIN/MAX" : "P10/P90" }}</h3>
+      <p class="font-light">
         Applicable to some reports. Determines whether to use Min/Max or P10/P90
       </p>
     </div>
diff --git a/src/widgets/settings/ui/components/userAccount/UserAccount.vue b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
index 50721d36..1a35ba72 100644
--- a/src/widgets/settings/ui/components/userAccount/UserAccount.vue
+++ b/src/widgets/settings/ui/components/userAccount/UserAccount.vue
@@ -21,7 +21,7 @@
       <SvgIcon type="mdi" :path="mdiAccountCircle" size="60" />
       <div>
         <div class="text-2xl">{{ user?.name }}</div>
-        <div v-if="!webApiDisabled" class="font-thin">
+        <div v-if="!webApiDisabled" class="font-light">
           Expires: {{ user?.exp }}
         </div>
       </div>

From 3c12b2b7c9dc23919753153e395c1a96871f5b69 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 2 Oct 2024 18:21:08 +0400
Subject: [PATCH 196/202] build(deps): bump Vite version to "4.5.5"

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7858d95e..c039a1f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -66,7 +66,7 @@
         "sass": "^1.58.0",
         "tailwindcss": "^3.3.5",
         "typescript": "~4.9.5",
-        "vite": "4.5.0",
+        "vite": "4.5.5",
         "vue-eslint-parser": "^9.4.3",
         "yorkie": "^2.0.0"
       }
@@ -7047,9 +7047,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/package.json b/package.json
index 0bccb888..63c2d5fb 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "sass": "^1.58.0",
     "tailwindcss": "^3.3.5",
     "typescript": "~4.9.5",
-    "vite": "4.5.0",
+    "vite": "4.5.5",
     "vue-eslint-parser": "^9.4.3",
     "yorkie": "^2.0.0"
   },

From 59fb0fa9bbc4f6766a340cbb30d078fad95bb24a Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Wed, 2 Oct 2024 12:45:39 -0400
Subject: [PATCH 197/202] reordering of data source release reports

---
 src/widgets/explorer/config/reports.ts | 172 ++++++++++++-------------
 1 file changed, 86 insertions(+), 86 deletions(-)

diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index 0fe20113..d1730e78 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -42,86 +42,8 @@ export const reports = [
   },
   {
     folder: "Data Source Release",
-    icon: mdiMapMarkerOutline,
-    name: "Location",
-    routeName: "location",
-    reports: [],
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiAccountGroupOutline,
-    name: "Cohorts",
-    routeName: "cohorts",
-    reports: [],
-  },
-  {
-    folder: "Data Network",
-    icon: mdiDatabaseSearch,
-    name: "Data Source Feasibility",
-    routeName: "feasibility",
-  },
-  {
-    folder: "Data Network",
-    icon: mdiCheckNetwork,
-    name: "Network Concept Report",
-    routeName: "networkConcept",
-  },
-  {
-    folder: "Data Network",
-    icon: mdiDatabaseSearch,
-    name: "Network Concept Dashboard",
-    routeName: "networkConceptDashboard",
-  },
-  {
-    folder: "Data Network",
-    icon: mdiDatabaseSearch,
-    name: "Web API",
-    routeName: "webApi",
-    webApiRequired: true,
-  },
-  {
-    folder: "Data Network",
-    icon: mdiSpeedometer,
-    name: "Network Performance",
-    routeName: "networkPerformance",
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiChartLine,
-    name: "Data Density",
-    routeName: "dataDensity",
-    reports: [],
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiEyeCircleOutline,
-    name: "Observation Period",
-    routeName: "observationPeriod",
-    reports: [],
-  },
-  {
-    folder: "Data Source",
-    icon: mdiHistory,
-    name: "Data Quality History",
-    routeName: "dataQualityHistory",
-  },
-  {
-    folder: "Data Source",
     icon: mdiTable,
-    name: "Data Source Overview",
-    routeName: "dataSourceOverview",
-  },
-  {
-    folder: "Data Source",
-    icon: mdiChartTimeline,
-    name: "Domain Continuity",
-    routeName: "domainContinuity",
-    reports: [],
-  },
-  {
-    folder: "Data Source Release",
-    icon: mdiTable,
-    name: "Domain Table",
+    name: "Domains",
     routeName: "domainTable",
     domain: true,
     reports: [
@@ -197,6 +119,84 @@ export const reports = [
       },
     ],
   },
+  {
+    folder: "Data Source Release",
+    icon: mdiAccountGroupOutline,
+    name: "Cohorts",
+    routeName: "cohorts",
+    reports: [],
+  },
+  {
+    folder: "Data Source Release",
+    icon: mdiChartLine,
+    name: "Data Density",
+    routeName: "dataDensity",
+    reports: [],
+  },
+  {
+    folder: "Data Source Release",
+    icon: mdiEyeCircleOutline,
+    name: "Observation Period",
+    routeName: "observationPeriod",
+    reports: [],
+  },
+  {
+    folder: "Data Source Release",
+    icon: mdiMapMarkerOutline,
+    name: "Location",
+    routeName: "location",
+    reports: [],
+  },
+  {
+    folder: "Data Network",
+    icon: mdiDatabaseSearch,
+    name: "Data Source Feasibility",
+    routeName: "feasibility",
+  },
+  {
+    folder: "Data Network",
+    icon: mdiCheckNetwork,
+    name: "Network Concept Report",
+    routeName: "networkConcept",
+  },
+  {
+    folder: "Data Network",
+    icon: mdiDatabaseSearch,
+    name: "Network Concept Dashboard",
+    routeName: "networkConceptDashboard",
+  },
+  {
+    folder: "Data Network",
+    icon: mdiDatabaseSearch,
+    name: "Web API",
+    routeName: "webApi",
+    webApiRequired: true,
+  },
+  {
+    folder: "Data Network",
+    icon: mdiSpeedometer,
+    name: "Network Performance",
+    routeName: "networkPerformance",
+  },
+  {
+    folder: "Data Source",
+    icon: mdiHistory,
+    name: "Data Quality History",
+    routeName: "dataQualityHistory",
+  },
+  {
+    folder: "Data Source",
+    icon: mdiTable,
+    name: "Data Source Overview",
+    routeName: "dataSourceOverview",
+  },
+  {
+    folder: "Data Source",
+    icon: mdiChartTimeline,
+    name: "Domain Continuity",
+    routeName: "domainContinuity",
+    reports: [],
+  },
   {
     folder: "Data Source Release",
     icon: mdiHeartOffOutline,
@@ -211,6 +211,13 @@ export const reports = [
     routeName: "unmappedSourceCodes",
     reports: [],
   },
+  {
+    folder: "Data Source Release",
+    icon: mdiAlphaMCircleOutline,
+    name: "Metadata",
+    routeName: "metadata",
+    reports: [],
+  },
   {
     folder: "Data Source Release",
     icon: mdiTextBoxMultipleOutline,
@@ -225,13 +232,6 @@ export const reports = [
     routeName: "performance",
     reports: [],
   },
-  {
-    folder: "Data Source Release",
-    icon: mdiAlphaMCircleOutline,
-    name: "Metadata",
-    routeName: "metadata",
-    reports: [],
-  },
   {
     folder: "Data Network",
     icon: mdiTable,

From 093c0b13da08fcbe868b1db40616967e92db9605 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 3 Oct 2024 09:29:26 +0400
Subject: [PATCH 198/202] fix: NaN showed in case no Delta % People data
 available

---
 .../reports/release/DomainTable/components/MainTable.vue    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index f6b036e7..7311a944 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -169,7 +169,11 @@
                 helpers.getFontWeight(slotProps.data.DIFF_PERCENT_PERSONS_NTILE)
               "
             >
-              {{ helpers.formatComma(slotProps.data.DIFF_PERCENT_PERSONS) }}
+              {{
+                slotProps.data.DIFF_PERCENT_PERSONS
+                  ? helpers.formatComma(slotProps.data.DIFF_PERCENT_PERSONS)
+                  : "No Data"
+              }}
             </div>
           </template>
         </Column>

From 322a821b8c078155a8cfc18da636cd5f0b9df9b8 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Wed, 2 Oct 2024 12:54:16 +0400
Subject: [PATCH 199/202] feat: added comparison tool

---
 src/app/plugins/tailwind/components/chip.ts   |  42 ++
 src/app/plugins/tailwind/tailwindStyles.ts    |   2 +
 .../NetworkComparisonTool.vue                 | 373 ++++++++++++++++++
 .../DomainTable/components/MainTable.vue      |  42 +-
 src/processes/exploreReports/config/routes.ts |   6 +
 .../exploreReports/model/store/data.module.ts |  22 +-
 src/widgets/explorer/config/reports.ts        |   7 +
 .../explorer/model/store/explorer.module.ts   |   6 +-
 8 files changed, 484 insertions(+), 16 deletions(-)
 create mode 100644 src/app/plugins/tailwind/components/chip.ts
 create mode 100644 src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue

diff --git a/src/app/plugins/tailwind/components/chip.ts b/src/app/plugins/tailwind/components/chip.ts
new file mode 100644
index 00000000..3eb5c7d9
--- /dev/null
+++ b/src/app/plugins/tailwind/components/chip.ts
@@ -0,0 +1,42 @@
+export default {
+  root: {
+    class: [
+      // Flexbox
+      "inline-flex items-center",
+
+      // Spacing
+      "px-3 gap-2",
+
+      // Shape
+      "rounded-[16px]",
+
+      // Colors
+      "text-surface-700 dark:text-white/70",
+      "bg-surface-200 dark:bg-surface-700",
+    ],
+  },
+  label: {
+    class: "leading-6 my-1.5 mx-0",
+  },
+  icon: {
+    class: "leading-6 mr-2",
+  },
+  image: {
+    class: ["w-9 h-9 -ml-3 mr-2", "rounded-full"],
+  },
+  removeIcon: {
+    class: [
+      // Shape
+      "rounded-md leading-6",
+
+      // Size
+      "w-4 h-4",
+
+      // Transition
+      "transition duration-200 ease-in-out",
+
+      // Misc
+      "cursor-pointer",
+    ],
+  },
+};
diff --git a/src/app/plugins/tailwind/tailwindStyles.ts b/src/app/plugins/tailwind/tailwindStyles.ts
index 8bc5b549..e66f19d7 100644
--- a/src/app/plugins/tailwind/tailwindStyles.ts
+++ b/src/app/plugins/tailwind/tailwindStyles.ts
@@ -27,6 +27,7 @@ import floatLabel from "@/app/plugins/tailwind/components/floatLabel";
 import checkBox from "@/app/plugins/tailwind/components/checkBox";
 import accordion from "@/app/plugins/tailwind/components/accordion";
 import toast from "@/app/plugins/tailwind/components/toast";
+import chip from "@/app/plugins/tailwind/components/chip";
 
 export const tailwindTheme = {
   tabview,
@@ -58,4 +59,5 @@ export const tailwindTheme = {
   checkBox,
   accordion,
   toast,
+  chip,
 };
diff --git a/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue b/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue
new file mode 100644
index 00000000..a651db28
--- /dev/null
+++ b/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue
@@ -0,0 +1,373 @@
+<template>
+  <Panel header="Network Comparison Tool">
+    <div class="flex flex-col gap-5 py-4 px-4 min-h-[630px]">
+      <div class="flex flex-row gap-5">
+        <InputGroup class="flex-grow" unstyled>
+          <InputGroupAddon>
+            <i class="pi pi-search"></i>
+          </InputGroupAddon>
+          <InputText
+            class="rounded-r-lg"
+            unstyled
+            v-model="search"
+            placeholder="Search in Table"
+          />
+        </InputGroup>
+        <Dropdown
+          placeholder="Select domain"
+          option-label="name"
+          option-value="value"
+          v-model="selectedDomain"
+          :options="domains"
+        ></Dropdown>
+        <Button
+          :pt="{
+            root: 'dark:bg-primary-400 bg-primary-500 text-white rounded',
+            labelContainer:
+              'dark:bg-primary-400 bg-primary-500 text-white rounded',
+            trigger: [
+              'flex items-center justify-center shrink-0 rounded-tr-md rounded-br-md dark:bg-primary-400 w-12',
+            ],
+          }"
+          class="px-2"
+          @click="newSourceForm = true"
+          >ADD SOURCE</Button
+        >
+      </div>
+      <div class="flex flex-col gap-5" v-if="Object.keys(dataSources).length">
+        <div ref="tableContainer" class="overflow-x-scroll table-container">
+          <table>
+            <thead>
+              <tr>
+                <th
+                  class="conceptCol"
+                  :class="{ scrolled: isScrolled }"
+                  rowspan="2"
+                >
+                  Concept Name
+                </th>
+                <th v-for="source in sources" :colspan="2" :key="source">
+                  {{ source }}
+                </th>
+              </tr>
+              <tr>
+                <template v-for="source in sources" :key="source">
+                  <th># Persons</th>
+                  <th>% Persons</th>
+                </template>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="concept in slicedArray" :key="concept">
+                <td :class="{ scrolled: isScrolled }" class="conceptCol">
+                  {{ concept }}
+                </td>
+                <template v-for="source in sources">
+                  <td>
+                    {{
+                      getSourceData(source, concept).NUM_PERSONS
+                        ? helpers.formatComma(
+                            getSourceData(source, concept).NUM_PERSONS
+                          )
+                        : "N/A"
+                    }}
+                  </td>
+                  <td>
+                    {{
+                      getSourceData(source, concept).PERCENT_PERSONS
+                        ? helpers.formatPercent(
+                            getSourceData(source, concept).PERCENT_PERSONS
+                          )
+                        : "N/A"
+                    }}
+                  </td>
+                </template>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <Paginator
+          v-model:first="first"
+          :rows="step"
+          :totalRecords="filteredResults.length"
+          template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
+        />
+      </div>
+      <div v-else class="flex justify-center h-[500px] items-center text-2xl">
+        Add at least one data source to display the results
+      </div>
+    </div>
+
+    <Dialog
+      style="width: 600px"
+      show-header
+      header="NEW SOURCE"
+      v-model:visible="newSourceForm"
+    >
+      <div class="px-5 py-3 flex flex-col gap-5">
+        <div class="flex flex-col gap-4">
+          <ul
+            class="flex flex-row gap-2 w-full rounded border-surface-700 border-solid flex-wrap"
+          >
+            <li
+              v-for="source in loadList"
+              :key="`${source.source}${source.release}`"
+            >
+              <Chip
+                @remove="
+                  () =>
+                    removeSource({
+                      source: source.source,
+                      release: source.release,
+                    })
+                "
+                removable
+                >{{ source.source }} {{ source.release }}</Chip
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="flex flex-col gap-5">
+          <Dropdown
+            option-value="cdm_source_key"
+            option-label="cdm_source_key"
+            placeholder="Select source"
+            :options="availableSources"
+            v-model="selectedSource.source"
+            class="w-full"
+          ></Dropdown>
+          <Dropdown
+            option-label="release_name"
+            option-value="release_id"
+            placeholder="Select release"
+            :options="availableReleases"
+            v-model="selectedSource.release"
+            class="w-full"
+          ></Dropdown>
+        </div>
+      </div>
+      <div class="px-5 py-3 pt-5 flex flex-row justify-between">
+        <Button text @click="addToLoadList">Add to list</Button>
+        <Button text @click="() => fetchMultiple(loadList)"
+          >Load selected</Button
+        >
+      </div>
+    </Dialog>
+  </Panel>
+</template>
+
+<script setup lang="ts">
+import Panel from "primevue/panel";
+import Paginator from "primevue/paginator";
+import Dropdown from "primevue/dropdown";
+import Dialog from "primevue/dialog";
+import { useStore } from "vuex";
+import { FETCH_FILES } from "@/processes/exploreReports/model/store/actions.type";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { DOMAIN_SUMMARY } from "@/shared/config/files";
+import Button from "primevue/button";
+import { helpers } from "@/shared/lib/mixins";
+import InputText from "primevue/inputtext";
+import InputGroup from "primevue/inputgroup";
+import InputGroupAddon from "primevue/inputgroupaddon";
+import Chip from "primevue/chip";
+import { useRoute } from "vue-router";
+
+const route = useRoute();
+const store = useStore();
+
+const first = ref(0);
+const search = ref(null);
+const step = ref(10);
+
+const availableSources = store.getters.getSources;
+const dataSources = ref({});
+const getSourceData = (source, concept) => {
+  return (
+    dataSources.value[source].find((item) => item.CONCEPT_NAME === concept) ||
+    {}
+  );
+};
+const sources = computed(() => Object.keys(dataSources.value));
+
+const conceptNames = computed(() => [
+  ...new Set(
+    Object.values(dataSources.value)
+      .flat()
+      .map((item) => item.CONCEPT_NAME)
+  ),
+]);
+
+const filteredResults = computed(() => {
+  if (search.value && search.value.length) {
+    return conceptNames.value.filter((val) =>
+      val.toLowerCase().includes(search.value.toLowerCase())
+    );
+  } else {
+    return conceptNames.value;
+  }
+});
+
+const slicedArray = computed(() => {
+  const start = first.value;
+  const end = start + step.value;
+  return filteredResults.value.slice(start, end);
+});
+
+const loadList = ref([]);
+
+function removeSource(e) {
+  loadList.value = loadList.value.filter((val) => {
+    return val.source !== e.source || val.release !== e.release;
+  });
+}
+
+const selectedSource = ref({ source: null, release: null });
+
+const selectedDomain = ref(null);
+
+const newSourceForm = ref(false);
+
+const domains = [
+  { name: "Condition Occurrence", value: "condition_occurrence" },
+  { name: "Condition Era", value: "condition_era" },
+  { name: "Drug Exposure", value: "drug_exposure" },
+  { name: "Drug Eras", value: "drug_era" },
+  { name: "Visit Occurrence", value: "visit_occurrence" },
+  { name: "Visit Detail", value: "visit_detail" },
+  { name: "Measurements", value: "measurement" },
+  { name: "Observations", value: "observation" },
+  { name: "Procedure Occurrence", value: "procedure_occurrence" },
+  { name: "Device Exposure", value: "device_exposure" },
+];
+
+const availableReleases = computed(() => {
+  const sourceReleases =
+    availableSources.find(
+      (val) => val.cdm_source_key === selectedSource.value.source
+    )?.releases || [];
+  return sourceReleases.filter((release) => {
+    return !loadList.value
+      .filter((s) => s.source === selectedSource.value.source)
+      .map((loadedRelease) => loadedRelease.release)
+      .includes(release.release_id);
+  });
+});
+
+const addToLoadList = function () {
+  if (selectedSource.value.source && selectedSource.value.release) {
+    loadList.value.push(selectedSource.value);
+    selectedSource.value = { source: null, release: null };
+  }
+};
+
+const loadData = async function (cdm, release, domain) {
+  await store.dispatch(FETCH_FILES, {
+    files: [{ name: DOMAIN_SUMMARY }],
+    params: { cdm, release, domain },
+  });
+  dataSources.value = {
+    ...dataSources.value,
+    [`${cdm}-${release}`]: [...store.getters.getData[DOMAIN_SUMMARY]],
+  };
+};
+
+const fetchMultiple = async function (sources) {
+  dataSources.value = {};
+  newSourceForm.value = false;
+  sources.forEach((source) =>
+    loadData(source.source, source.release, selectedDomain.value)
+  );
+};
+
+watch(selectedDomain, () => {
+  const loadedSources = Object.keys(dataSources.value)
+    .map((val) => {
+      return val.split("-");
+    })
+    .map((arr) => ({ source: arr[0], release: arr[1] }));
+  dataSources.value = {};
+  fetchMultiple(loadedSources);
+});
+
+watch(
+  () => selectedSource.value.source,
+  () => {
+    selectedSource.value.release = availableReleases.value?.[0]?.release_id;
+  }
+);
+onMounted(() => {
+  const source = route.params.cdm;
+  const domain = route.params.domain;
+  const release = route.params.release;
+  if (source && domain && release) {
+    loadList.value.push({ source, release, domain });
+    selectedDomain.value = domain;
+    fetchMultiple(loadList.value);
+  } else {
+    selectedDomain.value = domains[0].value;
+  }
+});
+
+//handling scroll
+
+const tableContainer = ref(null);
+const isScrolled = ref(false);
+
+const handleScroll = () => {
+  if (tableContainer.value) {
+    isScrolled.value = tableContainer.value.scrollLeft > 0;
+  }
+};
+
+onMounted(() => {
+  if (tableContainer.value) {
+    tableContainer.value.addEventListener("scroll", handleScroll);
+  }
+});
+
+watch(tableContainer, () => {
+  if (tableContainer.value) {
+    tableContainer.value.addEventListener("scroll", handleScroll);
+  }
+});
+
+onBeforeUnmount(() => {
+  if (tableContainer.value) {
+    tableContainer.value.removeEventListener("scroll", handleScroll);
+  }
+});
+</script>
+
+<style scoped>
+.conceptCol {
+  text-align: left;
+  position: sticky;
+  left: 0;
+  min-width: 100px;
+  transition: background-color 0.15s linear;
+}
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+th,
+td {
+  padding: 8px;
+  text-align: center;
+}
+
+th,
+tr {
+  @apply border-b dark:border-surface-700 border-surface-200;
+}
+
+.conceptCol.scrolled {
+  @apply dark:bg-surface-700 bg-surface-100;
+}
+
+td {
+  border: none;
+}
+</style>
diff --git a/src/pages/reports/release/DomainTable/components/MainTable.vue b/src/pages/reports/release/DomainTable/components/MainTable.vue
index 7311a944..6132e467 100644
--- a/src/pages/reports/release/DomainTable/components/MainTable.vue
+++ b/src/pages/reports/release/DomainTable/components/MainTable.vue
@@ -1,16 +1,23 @@
 <template>
   <Panel :header="openedDomain.split('_').join(' ')">
     <template #icons>
-      <ChartActionIcon
-        :icon="mdiDatabase"
-        :tooltip="
-          issueCount > 0
-            ? 'Data quality issues were identified for this domain'
-            : ''
-        "
-        :count="issueCount"
-        @iconClicked="navigateToDataQuality"
-      />
+      <div class="flex flex-row gap-2">
+        <ChartActionIcon
+          :icon="mdiCompareHorizontal"
+          :tooltip="'Compare across the network'"
+          @iconClicked="compareToOtherSources"
+        />
+        <ChartActionIcon
+          :icon="mdiDatabase"
+          :tooltip="
+            issueCount > 0
+              ? 'Data quality issues were identified for this domain'
+              : ''
+          "
+          :count="issueCount"
+          @iconClicked="navigateToDataQuality"
+        />
+      </div>
     </template>
     <div class="p-5">
       <DataTable
@@ -316,6 +323,7 @@ import Paginator from "primevue/paginator";
 import { FilterMatchMode } from "primevue/api";
 import {
   mdiCodeBraces,
+  mdiCompareHorizontal,
   mdiDatabase,
   mdiEye,
   mdiHelpCircle,
@@ -331,6 +339,20 @@ const router = useRouter();
 
 const openedDomain = computed(() => route.params.domain?.toUpperCase());
 
+const compareToOtherSources = function () {
+  const source = route.params.cdm;
+  const domain = route.params.domain;
+  const release = route.params.release;
+  router.push({
+    name: "networkComparisonTool",
+    params: {
+      cdm: source,
+      domain: domain,
+      release: release,
+    },
+  });
+};
+
 const newFilters = computed(() => ({
   global: { value: route.query.search, matchMode: FilterMatchMode.CONTAINS },
 }));
diff --git a/src/processes/exploreReports/config/routes.ts b/src/processes/exploreReports/config/routes.ts
index fe7f4a8a..03926e72 100644
--- a/src/processes/exploreReports/config/routes.ts
+++ b/src/processes/exploreReports/config/routes.ts
@@ -34,6 +34,7 @@ import LocationReport from "@/pages/reports/release/Location/LocationReport.vue"
 import WebApiInfo from "@/pages/info/WebApiInfo.vue";
 
 import { RouteRecordRaw } from "vue-router";
+import NetworkComparisonTool from "@/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue";
 
 export const routes: RouteRecordRaw[] = [
   {
@@ -84,6 +85,11 @@ export const routes: RouteRecordRaw[] = [
         name: "networkPerformance",
         components: { reportsView: NetworkPerformance },
       },
+      {
+        path: "network_comparison_tool/:cdm?/:release?/:domain?",
+        name: "networkComparisonTool",
+        components: { reportsView: NetworkComparisonTool },
+      },
       {
         path: "network_diversity",
         name: "networkDiversityReport",
diff --git a/src/processes/exploreReports/model/store/data.module.ts b/src/processes/exploreReports/model/store/data.module.ts
index 3b7bb2b6..699f7644 100644
--- a/src/processes/exploreReports/model/store/data.module.ts
+++ b/src/processes/exploreReports/model/store/data.module.ts
@@ -174,11 +174,23 @@ const actions = {
     const isDuckDb = payload.duckdb_supported && environment.DUCKDB_ENABLED;
     const reportName = rootState.route.name;
     const path = {
-      cdm: { cdm_source_key: rootState.route.params.cdm },
-      release: rootState.route.params.release,
-      domain: rootState.route.params.domain,
-      concept: rootState.route.params.concept,
-      cohortId: rootState.route.params.cohort_id,
+      cdm: {
+        cdm_source_key: payload.params?.cdm
+          ? payload.params?.cdm
+          : rootState.route.params.cdm,
+      },
+      release: payload.params?.release
+        ? payload.params?.release
+        : rootState.route.params.release,
+      domain: payload.params?.domain
+        ? payload.params?.domain
+        : rootState.route.params.domain,
+      concept: payload.params?.concept
+        ? payload.params?.concept
+        : rootState.route.params.concept,
+      cohortId: payload.params?.cohort_id
+        ? payload.params?.cohort_id
+        : rootState.route.params.cohort_id,
     };
     if (!payload.files) {
       commit(SET_DATA, { data: {} });
diff --git a/src/widgets/explorer/config/reports.ts b/src/widgets/explorer/config/reports.ts
index d1730e78..fc77db2b 100644
--- a/src/widgets/explorer/config/reports.ts
+++ b/src/widgets/explorer/config/reports.ts
@@ -23,6 +23,7 @@ import {
   mdiNeedle,
   mdiHeartFlash,
   mdiMapMarkerOutline,
+  mdiCompareHorizontal,
 } from "@mdi/js";
 
 export const reports = [
@@ -147,6 +148,12 @@ export const reports = [
     routeName: "location",
     reports: [],
   },
+    {
+    folder: "Data Network",
+    icon: mdiCompareHorizontal,
+    name: "Network Comparison Tool",
+    routeName: "networkComparisonTool",
+    },
   {
     folder: "Data Network",
     icon: mdiDatabaseSearch,
diff --git a/src/widgets/explorer/model/store/explorer.module.ts b/src/widgets/explorer/model/store/explorer.module.ts
index 3dc37786..6909af11 100644
--- a/src/widgets/explorer/model/store/explorer.module.ts
+++ b/src/widgets/explorer/model/store/explorer.module.ts
@@ -71,7 +71,11 @@ const getters = {
     const isDomain = rootState.route.params.domain;
     const isRelease = rootState.route.params.release;
     const isCohort = rootState.route.params.cohort_id;
-    if (isDomain && isRelease) {
+    if (
+      isDomain &&
+      isRelease &&
+      rootState.route.name !== "networkComparisonTool"
+    ) {
       const domainTable = getters.getFilteredReports.find(
         (report) => report.domain
       );

From d3b7da11bed1f191afb442c435194e60ad1c1b25 Mon Sep 17 00:00:00 2001
From: Frank DeFalco <fdefalco@ohdsi.org>
Date: Thu, 10 Oct 2024 13:10:10 -0400
Subject: [PATCH 200/202] dialog tweaks

---
 .../NetworkComparisonTool.vue                  | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue b/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue
index a651db28..a63acf89 100644
--- a/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue
+++ b/src/pages/reports/network/NetworkComparisonTool/NetworkComparisonTool.vue
@@ -31,7 +31,7 @@
           }"
           class="px-2"
           @click="newSourceForm = true"
-          >ADD SOURCE</Button
+          >DATA SOURCES</Button
         >
       </div>
       <div class="flex flex-col gap-5" v-if="Object.keys(dataSources).length">
@@ -101,11 +101,12 @@
     <Dialog
       style="width: 600px"
       show-header
-      header="NEW SOURCE"
+      header="DATA SOURCES"
       v-model:visible="newSourceForm"
     >
       <div class="px-5 py-3 flex flex-col gap-5">
         <div class="flex flex-col gap-4">
+          SELECTED DATA SOURCES
           <ul
             class="flex flex-row gap-2 w-full rounded border-surface-700 border-solid flex-wrap"
           >
@@ -128,10 +129,11 @@
           </ul>
         </div>
         <div class="flex flex-col gap-5">
+          ADD A DATA SOURCE
           <Dropdown
             option-value="cdm_source_key"
             option-label="cdm_source_key"
-            placeholder="Select source"
+            placeholder="Select Data Source"
             :options="availableSources"
             v-model="selectedSource.source"
             class="w-full"
@@ -139,17 +141,19 @@
           <Dropdown
             option-label="release_name"
             option-value="release_id"
-            placeholder="Select release"
+            placeholder="Select Release"
             :options="availableReleases"
             v-model="selectedSource.release"
             class="w-full"
           ></Dropdown>
         </div>
       </div>
-      <div class="px-5 py-3 pt-5 flex flex-row justify-between">
-        <Button text @click="addToLoadList">Add to list</Button>
+      <div class="px-5 py-3 pt-5 flex flex-row justify-end">
+        <Button text @click="addToLoadList">ADD TO SELECTED DATA SOURCES</Button>
+      </div>
+      <div class="px-5 py-3 pt-5 flex flex-row justify-center">
         <Button text @click="() => fetchMultiple(loadList)"
-          >Load selected</Button
+          >LOAD SELECTED</Button
         >
       </div>
     </Dialog>

From 32e46f994cd8a37650a391d5840e6d2faa9e5a88 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Thu, 17 Oct 2024 15:11:53 +0400
Subject: [PATCH 201/202] refactor: documentation

---
 .gitignore                            |    5 +-
 doc/.github/workflows/deploy-docs.yml |   47 +
 doc/docs/.vuepress/config.js          |   20 +
 doc/docs/README.md                    |   15 +
 doc/docs/ares-docs.md                 |  288 ++
 doc/docs/ares_logo.svg                |   56 +
 doc/docs/icon.png                     |  Bin 0 -> 20307 bytes
 doc/docs/sample-iqr.png               |  Bin 0 -> 2471 bytes
 doc/package-lock.json                 | 4580 +++++++++++++++++++++++++
 doc/package.json                      |   19 +
 docs/_config.yml                      |    1 -
 docs/index.md                         |  230 --
 package-lock.json                     |    1 +
 package.json                          |    3 +-
 14 files changed, 5032 insertions(+), 233 deletions(-)
 create mode 100644 doc/.github/workflows/deploy-docs.yml
 create mode 100644 doc/docs/.vuepress/config.js
 create mode 100644 doc/docs/README.md
 create mode 100644 doc/docs/ares-docs.md
 create mode 100644 doc/docs/ares_logo.svg
 create mode 100644 doc/docs/icon.png
 create mode 100644 doc/docs/sample-iqr.png
 create mode 100644 doc/package-lock.json
 create mode 100644 doc/package.json
 delete mode 100644 docs/_config.yml
 delete mode 100644 docs/index.md

diff --git a/.gitignore b/.gitignore
index 83df570b..96ea146e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,4 +24,7 @@ pnpm-debug.log*
 *.sw?
 
 #Electron-builder output
-/dist_electron
\ No newline at end of file
+/dist_electron
+/doc/docs/.vuepress/.cache/
+/doc/docs/.vuepress/.temp/
+/doc/docs/.vuepress/dist/
\ No newline at end of file
diff --git a/doc/.github/workflows/deploy-docs.yml b/doc/.github/workflows/deploy-docs.yml
new file mode 100644
index 00000000..cb217ba8
--- /dev/null
+++ b/doc/.github/workflows/deploy-docs.yml
@@ -0,0 +1,47 @@
+
+name: Deploy Docs
+
+on:
+  push:
+    branches:
+      # make sure this is the branch you are using
+      - main
+
+permissions:
+  contents: write
+
+jobs:
+  deploy-gh-pages:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          # if your docs needs submodules, uncomment the following line
+          # submodules: true
+
+
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install Deps
+        run: npm ci
+
+      - name: Build Docs
+        env:
+          NODE_OPTIONS: --max_old_space_size=8192
+        run: |-
+          npm run docs:build
+          > docs/.vuepress/dist/.nojekyll
+
+      - name: Deploy Docs
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          # This is the branch where the docs are deployed to
+          branch: gh-pages
+          folder: docs/.vuepress/dist
diff --git a/doc/docs/.vuepress/config.js b/doc/docs/.vuepress/config.js
new file mode 100644
index 00000000..a4f54732
--- /dev/null
+++ b/doc/docs/.vuepress/config.js
@@ -0,0 +1,20 @@
+import { defaultTheme } from '@vuepress/theme-default'
+import { defineUserConfig } from 'vuepress/cli'
+import { viteBundler } from '@vuepress/bundler-vite'
+
+export default defineUserConfig({
+  lang: 'en-US',
+
+  title: 'Ares',
+  description: 'A Research Exploration System',
+
+  theme: defaultTheme({
+    logo: '../icon.png',
+
+    navbar: ['/', '/ares-docs'],
+    colorMode: 'dark',
+    colorModeSwitch: false,
+
+  }),
+  bundler: viteBundler(),
+})
diff --git a/doc/docs/README.md b/doc/docs/README.md
new file mode 100644
index 00000000..437e904d
--- /dev/null
+++ b/doc/docs/README.md
@@ -0,0 +1,15 @@
+---
+home: true
+title: Home
+heroImage: /icon.png
+actions:
+  - text: Get Started
+    link: /ares-docs.html#installation
+    type: primary
+    
+  - text: Visualizations
+    link: /ares-docs.html#visualizations
+    type: secondary
+
+footer: Apache 2.0 Licensed | Copyright © 2024 OHDSI
+---
\ No newline at end of file
diff --git a/doc/docs/ares-docs.md b/doc/docs/ares-docs.md
new file mode 100644
index 00000000..17988b38
--- /dev/null
+++ b/doc/docs/ares-docs.md
@@ -0,0 +1,288 @@
+# ARES Documentation
+
+## Background
+
+ARES is A Research Exploration System designed for use in the study of patient level observational data that has been
+converted into the Observational Medical Outcomes Partnership (OMOP) Common Data Model (CDM). ARES was developed by
+Frank DeFalco, a member of the Observational Health Data Sciences & Informatics (OHDSI) community.
+
+### OHDSI
+
+The Observational Health Data Sciences and Informatics (or OHDSI, pronounced "Odyssey") program is a multi-stakeholder,
+interdisciplinary collaborative to bring out the value of health data through large-scale analytics. All our solutions
+are open-source. [Learn more about OHDSI](https://www.ohdsi.org).
+
+## Installation
+
+### Requirements
+
+- git client ([GitHub Desktop](https://desktop.github.com/) recommended). On macOS git comes preinstalled and can be
+  accessed via the Terminal app. On linux systems might require installation using the appropriate package manager.
+- Node.js v18 or higher is required. [Download link](https://nodejs.org/en/download/package-manager)
+- NPM (node package manager) - installed by default with Node.js
+
+### Installation Steps
+
+#### Using pre-built files
+
+Open the [Ares releases](https://github.com/OHDSI/Ares/releases) page and download the latest available release
+(Ares.x.x-beta.zip), unpack the zip archive and serve using your favourite web server.
+
+Here's an example running Ares using the "http-server" web server:
+
+```bash
+    npm install -g http-server #download and install the http-server web server
+    
+    http-server aresFolder #replace with the name of the folder containing Ares files
+```
+
+The link to the app will be available within the terminal once the http-server is launched.
+
+#### Building manually
+
+Begin by downloading the source code for the ARES web application, which can be obtained by cloning the repository found
+on [Github](https://github.com/ohdsi/ares).
+
+```bash
+   git clone https://github.com/ohdsi/ares
+```
+
+Once the repository is cloned locally the application can be built by using
+npm. These steps should be run from a bash shell or command prompt and are as follows:
+
+```bash
+   cd aresDirectory #navigate to the directory Ares was cloned into
+   npm install #install Ares dependencies
+   npm run build -- --base=/ # Build the app. Replace "/" if you wish to run Ares within a subdirectory
+```
+
+The <span style="color:#81A1C1">"--base"</span>
+option is used to specify the base public path of the app. The default value is <span style="color:#3DD68C">"
+/ares/"</span> in case this option is not indicated.
+
+The npm build process will create an output directory named <span style="color:#3DD68C">"/dist"</span> which will
+contain all files required for the ARES web
+application. These files should be placed in a directory that is served by any web server (like http-server), typically deployed in an
+<span style="color:#3DD68C">"/ares"</span> subdirectory (you can override that with the <span style="color:#81A1C1">"
+--base"</span> option as shown above.
+
+#### Running in dev mode
+
+The app could also be launched in dev mode and served by the built-in web server instantly. Run the following after
+cloning the repo and running <span style="color:#88C0D0">"npm install"</span>
+
+```bash
+   npm run serve
+```
+
+Once the server is running, the app will be available at http://localhost:8080/ares (port 8080 is the default value and
+might be different if it's already being used by another app).
+
+After completing the deployment of the web application the data files for ARES must be placed in
+the <span style="color:#3DD68C">"/data"</span> subfolder
+within the <span style="color:#3DD68C">"/yourAresDirectory/public/"</span> directory. The ARES data files are generated
+from your
+existing OMOP CDM database and require
+both [Achilles](https://github.com/ohdsi/achilles)
+and [DataQualityDashboard](https://github.com/ohdsi/dataqualitydashboard).
+
+Here's an example script to generate Ares files based on a sample dataset (replace connectionDetails to generate results
+for your database).
+
+```r
+# DatabaseConnector::downloadJdbcDrivers("postgresql","D:/OHDSI/Drivers") - use it to download the JDBC driver
+options(connectionObserver = NULL)
+
+cdmDatabaseSchema = "main" #indicate the name of the cdm schema you created
+resultsDatabaseSchema = "main" #indicate the name of the results schema you created
+vocabDatabaseSchema = "main" #vocab should be located in the cdm schema
+numThreads = 1 #i only managed to get till the end in single-threaded mode, had problems utilizing 2 or more
+cdmSourceName = 'synthea'
+cdmVersion = "5.4" #do not change
+
+aresDataDirectory = "./data" #output directory
+sourceReleaseKey = AresIndexer::getSourceReleaseKey(connectionDetails, cdmDatabaseSchema)
+sourceFolders = "./data" #source files folder for indexers.
+
+connectionDetails <- Eunomia::getEunomiaConnectionDetails() #Provides a sample dataset
+
+# Example connection details 
+#connectionDetails <- DatabaseConnector::createConnectionDetails(
+#  dbms     = dbms, #your database management system
+#  server   = server, #server address
+#  user     = user,
+#  password = password,
+#  pathToDriver = pathToDriver #location of the JDBC driver
+#)
+
+
+# Run Achilles
+Achilles::achilles(
+  connectionDetails,
+  cdmDatabaseSchema = cdmDatabaseSchema ,
+  resultsDatabaseSchema= resultsDatabaseSchema,
+  vocabDatabaseSchema = vocabDatabaseSchema,
+  numThreads = 1,
+  cdmVersion = "5.4.0",
+  createIndices = F,
+  createTable = T,
+  smallCellCount = 0,
+)
+# Export statistics generated by Achilles
+Achilles::exportToAres(
+  connectionDetails = connectionDetails,
+  cdmDatabaseSchema = cdmDatabaseSchema,
+  resultsDatabaseSchema = resultsDatabaseSchema,
+  vocabDatabaseSchema = vocabDatabaseSchema,
+  outputPath = sourceFolders,
+)
+
+datasourceReleaseOutputFolder <- file.path(aresDataDirectory, releaseKey)
+
+# Run Data Quality Dashboard
+DataQualityDashboard::executeDqChecks(
+  connectionDetails = connectionDetails,
+  cdmDatabaseSchema = cdmDatabaseSchema,
+  resultsDatabaseSchema = resultsDatabaseSchema,
+  vocabDatabaseSchema = vocabDatabaseSchema,
+  cdmSourceName = cdmSourceName,
+  numThreads = numThreads,
+  outputFolder = datasourceReleaseOutputFolder,
+  outputFile = "dq-result.json",
+  verboseMode = T,
+  writeToTable = F
+)
+
+
+list <- list.dirs(sourceFolders, recursive = FALSE)
+AresIndexer::augmentConceptFiles(sourceFolders = list)
+AresIndexer::buildExportQueryIndex(aresDataDirectory)
+AresIndexer::buildNetworkIndex(list, outputFolder = aresDataDirectory)
+AresIndexer::buildDataQualityIndex(list, outputFolder = aresDataDirectory)
+AresIndexer::buildNetworkUnmappedSourceCodeIndex(list, outputFolder = aresDataDirectory)
+```
+
+Visiting the ARES website will now show the data results for your current network. Each individual CDM needs to be
+processed in order for it to be available in ARES. CDM data sources with the same source name will be versioned using
+the release key allowing analysis across multiple versions of the same data source. An example of generating a complete
+network of different data sources and loading them into ARES can be
+found [here](https://gist.github.com/fdefalco/35b7844626a9d8808d99bf5990e46ed2).
+
+## Visualizations
+
+Visualizations are used throughout ARES to assist in the interpretation of information. In this section sample
+visualizations are presented with descriptions to ensure they are well understood.
+
+### Preattentive Processing
+
+[Visualization Techniques Cheat Sheet](https://policyviz.com/2018/08/07/dataviz-cheatsheet/)
+
+### Interpreting Box-Whisker Diagrams and Inter-Quartile Range (IQR)
+
+![IQR](sample-iqr.png)
+
+Box-whisker diagrams present a simple picture representing the distribution of a set of data which include the values
+for the minimum, maximum, and quartiles of the distribution. They are also known as boxplots.
+
+- A - Lowest value
+- B - Lower Quartile (25%)
+- C - Median (50%)
+- D - Upper Quartile (75%)
+- E - Highest Value
+
+## Data Network reports
+
+### Overview
+
+### Quality Assessment
+
+### Population Overview
+
+### Data Strand Report
+
+## Data Source reports
+
+### Data Quality History
+
+### Domain Continuity
+
+## Data Source Release reports
+
+### Data Quality
+
+### Person
+
+### Data Density
+
+### Observation Period
+
+### Conditions
+
+### Condition Eras
+
+### Drugs
+
+### Drug Eras
+
+### Visit Occurrence
+
+### Visit Detail
+
+### Measurements
+
+### Observations
+
+### Procedures
+
+### Device Exposures
+
+### Death
+
+### Unmapped Source Codes
+
+### Performance
+
+### Metadata
+
+### Visit Detail
+
+## Roadmap
+
+The roadmap for ARES is maintained on the GitHub repository.
+
+## OHDSI Libraries
+
+ARES presents research generated through the suite of OHDSI related packages.
+
+- Achilles
+- Data Quality Dashboard
+- Database Connector
+- Sql Render
+- Castor
+
+## Open Source Ecosystem
+
+ARES leverages many open source libraries and tools to achieve its goals without which the task would be entirely
+insurmountable.
+
+- Vue
+- PrimeVue
+- axios
+- Vega
+- Vega-lite
+- vega-embed
+- codemirror
+- d3
+- markdown-it
+- markdown-it-vue
+- npm
+- lodash
+- Material Design
+
+## Acknowledgements
+
+Many people have provided valuable feedback in the development of ARES.
+
+- Clair Blacketer
+- Alan Andryc
+- Patrick Ryan
diff --git a/doc/docs/ares_logo.svg b/doc/docs/ares_logo.svg
new file mode 100644
index 00000000..258e032a
--- /dev/null
+++ b/doc/docs/ares_logo.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   width="60"
+   height="60"
+   viewBox="0 0 4000 4000"
+   sodipodi:docname="ares_logo.eps"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <g
+     id="g8"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,4000)">
+    <g
+       id="g10"
+       transform="scale(0.1)">
+      <path
+         d="M 30000,0 H 0 V 30000 H 30000 V 0"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path12" />
+      <path
+         d="m 10955.4,9412.1 c 620.6,-390.7 1301.7,-694.3 2026,-893.3 V 4614.2 H 5224.48 L 6340.36,6547 h 2231.76 2476.48 v 623.2 0.1 h -0.2 c -366.5,167.1 -720.3,356.6 -1059.93,566.8 l 966.93,1675"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path14" />
+      <path
+         d="m 20011.5,7737.2 c -339.8,-210.3 -693.8,-399.8 -1060.2,-566.9 V 6547 h 2476.6 2231.6 l 1116,-1932.8 h -7757 v 3904.6 c 724.4,199 1405.3,502.6 2026,893.3 l 967,-1674.9"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path16" />
+      <path
+         d="m 23011.9,7668.8 287.9,-498.5 h -2231.9 l -84.8,147.1 -444.8,770.4 -2436.6,4220.4 -0.1,-0.1 -3101.6,5372.4 -2921.5,-5060.3 v 0 L 9461.63,8087.8 9197.08,7629.4 8932,7170.3 H 6700.24 l 1283.6,2223.5 v 0 l 1025.15,1775.7 1103.21,1910.6 4887.8,8465.9 4887.8,-8465.9 242.8,-420.5 h -0.1 l 2881.3,-4990.8 h 0.1"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path18" />
+      <path
+         d="m 15000,25385.8 c 5266.2,0 9535.3,-4269.1 9535.3,-9535.4 0,-2250.1 -779.8,-4317.8 -2083.4,-5948.6 l -1058.4,1833.5 c 765,1186.1 1209,2598.8 1209,4115.1 0,4198.8 -3403.8,7602.6 -7602.5,7602.6 -4198.8,0 -7602.53,-3403.8 -7602.53,-7602.6 0,-1516.3 443.95,-2929 1208.97,-4115 L 7548.04,9901.9 c -1303.66,1630.7 -2083.36,3698.4 -2083.36,5948.5 0,5266.3 4269.1,9535.4 9535.32,9535.4"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path20" />
+    </g>
+  </g>
+</svg>
diff --git a/doc/docs/icon.png b/doc/docs/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..46cc23dcca5b3f9c50c50b29b40fb93e18d4fcf2
GIT binary patch
literal 20307
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

literal 0
HcmV?d00001

diff --git a/doc/docs/sample-iqr.png b/doc/docs/sample-iqr.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f9ce9d9e80f6e59758d76492c510a7a7cdf4254
GIT binary patch
literal 2471
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
ZYiU}--~~8;@&0RowS}E|y{TuyzW}h$m>vKC

literal 0
HcmV?d00001

diff --git a/doc/package-lock.json b/doc/package-lock.json
new file mode 100644
index 00000000..10a6e782
--- /dev/null
+++ b/doc/package-lock.json
@@ -0,0 +1,4580 @@
+{
+  "name": "ares-docs",
+  "version": "0.0.1",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ares-docs",
+      "version": "0.0.1",
+      "license": "Apache-2.0",
+      "devDependencies": {
+        "@vuepress/bundler-vite": "^2.0.0-rc.7",
+        "@vuepress/theme-default": "^2.0.0-rc.11",
+        "vue": "^3.4.0",
+        "vuepress": "^2.0.0-rc.7"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz",
+      "integrity": "sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz",
+      "integrity": "sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.25.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.8.tgz",
+      "integrity": "sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.25.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.25.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.8.tgz",
+      "integrity": "sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-component": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-component/-/plugin-component-2.1.3.tgz",
+      "integrity": "sha512-9AG17beCgpEw/4ldo/M6Y/1Rh4E1bqMmr/rCkWKmCAxy9tJz3lzY7HQJanyHMJufwsb3WL5Lp7Om/aPcQTZ9SA==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-frontmatter": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-frontmatter/-/plugin-frontmatter-2.1.3.tgz",
+      "integrity": "sha512-KxsSCUVBEmn6sJcchSTiI5v9bWaoRxe68RBYRDGcSEY1GTnfQ5gQPMIsM48P4q1luLEIWurVGGrRu7u93//LDQ==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "gray-matter": "^4.0.3",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-headers": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-headers/-/plugin-headers-2.1.3.tgz",
+      "integrity": "sha512-AcL7a7LHQR3ISINhfjGJNE/bHyM0dcl6MYm1Sr//zF7ZgokPGwD/HhD7TzwmrKA9YNYCcO9P3QmF/RN9XyA6CA==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.1.3",
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-sfc": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-sfc/-/plugin-sfc-2.1.3.tgz",
+      "integrity": "sha512-Ezl0dNvQNS639Yl4siXm+cnWtQvlqHrg+u+lnau/OHpj9Xh3LVap/BSQVugKIV37eR13jXXYf3VaAOP1fXPN+w==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-title": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-title/-/plugin-title-2.1.3.tgz",
+      "integrity": "sha512-XWVOQoZqczoN97xCDrnQicmXKoqwOjIymIm9HQnRXhHnYKOgJPW1CxSGhkcOGzvDU1v0mD/adojVyyj/s6ggWw==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.1.3",
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/plugin-toc": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-toc/-/plugin-toc-2.1.3.tgz",
+      "integrity": "sha512-41Q+iXpLHZt0zJdApVwoVt7WF6za/xUjtjEPf90Z3KLzQO01TXsv48Xp9BsrFHPcPcm8tiZ0+O1/ICJO80V/MQ==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.1.3",
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/shared": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/shared/-/shared-2.1.3.tgz",
+      "integrity": "sha512-27YI8b0VVZsAlNwaWoaOCWbr4eL8B04HxiYk/y2ktblO/nMcOEOLt4p0RjuobvdyUyjHvGOS09RKhq7qHm1CHQ==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.1.0",
+        "@types/markdown-it": "^14.1.1",
+        "markdown-it": "^14.1.0"
+      }
+    },
+    "node_modules/@mdit-vue/types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/types/-/types-2.1.0.tgz",
+      "integrity": "sha512-TMBB/BQWVvwtpBdWD75rkZx4ZphQ6MN0O4QB2Bc0oI5PC2uE57QerhNxdRZ7cvBHE2iY2C+BUNUziCfJbjIRRA==",
+      "dev": true
+    },
+    "node_modules/@mdit/plugin-alert": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@mdit/plugin-alert/-/plugin-alert-0.13.1.tgz",
+      "integrity": "sha512-3LMYQQ3QP6TUx6zmtmuoHJScST5SVoPZlNuuF4S6PUZvJIwtlITF+eFNjDrA7UQx0PUdCgVHmwu5kYliq+BNtg==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^14.1.2"
+      },
+      "peerDependencies": {
+        "markdown-it": "^14.1.0"
+      },
+      "peerDependenciesMeta": {
+        "markdown-it": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mdit/plugin-container": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@mdit/plugin-container/-/plugin-container-0.13.1.tgz",
+      "integrity": "sha512-mFfm7YViyLHo8uORVa9oLi9+acZZoSVdPf3WPqzC/yLZAJbF27rfJgWZ9Kylt+tyaAYng8L4DiSeVcSNUIHF1A==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^14.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "markdown-it": "^14.1.0"
+      },
+      "peerDependenciesMeta": {
+        "markdown-it": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mdit/plugin-tab": {
+      "version": "0.13.2",
+      "resolved": "https://registry.npmjs.org/@mdit/plugin-tab/-/plugin-tab-0.13.2.tgz",
+      "integrity": "sha512-evpIXvo6vXRWhgNE6vu4ok1I2dVOzrBYmBUGc1gW8nT9MvkW9litu7RbJ6CafscqaiiYRIM5Oib1ahS0lwte6g==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^14.1.2"
+      },
+      "peerDependencies": {
+        "markdown-it": "^14.1.0"
+      },
+      "peerDependenciesMeta": {
+        "markdown-it": {
+          "optional": true
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 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==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.4.1.tgz",
+      "integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.4.1",
+        "@parcel/watcher-darwin-arm64": "2.4.1",
+        "@parcel/watcher-darwin-x64": "2.4.1",
+        "@parcel/watcher-freebsd-x64": "2.4.1",
+        "@parcel/watcher-linux-arm-glibc": "2.4.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.4.1",
+        "@parcel/watcher-linux-arm64-musl": "2.4.1",
+        "@parcel/watcher-linux-x64-glibc": "2.4.1",
+        "@parcel/watcher-linux-x64-musl": "2.4.1",
+        "@parcel/watcher-win32-arm64": "2.4.1",
+        "@parcel/watcher-win32-ia32": "2.4.1",
+        "@parcel/watcher-win32-x64": "2.4.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz",
+      "integrity": "sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz",
+      "integrity": "sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz",
+      "integrity": "sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz",
+      "integrity": "sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz",
+      "integrity": "sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz",
+      "integrity": "sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz",
+      "integrity": "sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz",
+      "integrity": "sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz",
+      "integrity": "sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz",
+      "integrity": "sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz",
+      "integrity": "sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz",
+      "integrity": "sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz",
+      "integrity": "sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz",
+      "integrity": "sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz",
+      "integrity": "sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz",
+      "integrity": "sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz",
+      "integrity": "sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz",
+      "integrity": "sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz",
+      "integrity": "sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz",
+      "integrity": "sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz",
+      "integrity": "sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz",
+      "integrity": "sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz",
+      "integrity": "sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz",
+      "integrity": "sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz",
+      "integrity": "sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz",
+      "integrity": "sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz",
+      "integrity": "sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz",
+      "integrity": "sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "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
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
+      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true
+    },
+    "node_modules/@types/fs-extra": {
+      "version": "11.0.4",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.4.tgz",
+      "integrity": "sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/jsonfile": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/hash-sum": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha512-UP28RddqY8xcU0SCEp9YKutQICXpaAq9N8U2klqF5hegGha7KzTOL8EdhIIV3bOSGBzjEpN9bU/d+nNZBdJYVw==",
+      "dev": true
+    },
+    "node_modules/@types/jsonfile": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.4.tgz",
+      "integrity": "sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/markdown-it-emoji": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it-emoji/-/markdown-it-emoji-3.0.1.tgz",
+      "integrity": "sha512-cz1j8R35XivBqq9mwnsrP2fsz2yicLhB8+PDtuVkKOExwEdsVBNI+ROL3sbhtR5occRZ66vT0QnwFZCqdjf3pA==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^14"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true
+    },
+    "node_modules/@types/ms": {
+      "version": "0.7.34",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz",
+      "integrity": "sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "22.7.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.5.tgz",
+      "integrity": "sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/@types/sax": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
+      "integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "dev": true
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.4.tgz",
+      "integrity": "sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==",
+      "dev": true,
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.12.tgz",
+      "integrity": "sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.12",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz",
+      "integrity": "sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.12.tgz",
+      "integrity": "sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.12",
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.47",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.12.tgz",
+      "integrity": "sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.5.1.tgz",
+      "integrity": "sha512-fymYH06x3pMACa9KZ+o3WFDeFrWmacoQQdjtzHRiHekSFm0FgspAspP5qRUX/ItrIs5Cy+dApXpCiGJmw+rIyQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-shared": "^7.5.1",
+        "birpc": "^0.2.19",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.1"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.5.1.tgz",
+      "integrity": "sha512-nlJSpDLwQEYhSw/OXu6H7Jk9ToYOLA2ExX1VlZsgnKI7wByUbVc8uOlqLzhfBQaPAlw549+8GCBH1ER2VeK9PQ==",
+      "dev": true,
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.12.tgz",
+      "integrity": "sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.12.tgz",
+      "integrity": "sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==",
+      "dev": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.12.tgz",
+      "integrity": "sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.12",
+        "@vue/runtime-core": "3.5.12",
+        "@vue/shared": "3.5.12",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.12.tgz",
+      "integrity": "sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12"
+      },
+      "peerDependencies": {
+        "vue": "3.5.12"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.12.tgz",
+      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/bundler-vite/-/bundler-vite-2.0.0-rc.18.tgz",
+      "integrity": "sha512-Q+OUul4OLIS4OLuKqIlmJKHhW5Edt5i6fVY6infgGhb4tUQt3z37DjCUtvbMikb05Va9YqtTAGt2eCWOk7eGPw==",
+      "dev": true,
+      "dependencies": {
+        "@vitejs/plugin-vue": "^5.1.4",
+        "@vuepress/bundlerutils": "2.0.0-rc.18",
+        "@vuepress/client": "2.0.0-rc.18",
+        "@vuepress/core": "2.0.0-rc.18",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "autoprefixer": "^10.4.20",
+        "connect-history-api-fallback": "^2.0.0",
+        "postcss": "^8.4.47",
+        "postcss-load-config": "^6.0.1",
+        "rollup": "^4.24.0",
+        "vite": "~5.4.8",
+        "vue": "^3.5.11",
+        "vue-router": "^4.4.5"
+      }
+    },
+    "node_modules/@vuepress/bundlerutils": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/bundlerutils/-/bundlerutils-2.0.0-rc.18.tgz",
+      "integrity": "sha512-GTcdc78cfcKqn/D3xPrxGFeR+WPV2zJE82jpKAnIa4I30aScq/95pYF1FofP0Gdc+0/XQCxFQ8xiT8iYcoQPSw==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/client": "2.0.0-rc.18",
+        "@vuepress/core": "2.0.0-rc.18",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "vue": "^3.5.11",
+        "vue-router": "^4.4.5"
+      }
+    },
+    "node_modules/@vuepress/cli": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/cli/-/cli-2.0.0-rc.18.tgz",
+      "integrity": "sha512-9Oxyb22klpBNzia+2D4NRGv+Jk0+TwHX8Pn25cy9TlyxMeh9+jFioXT0Jc3c9/vOesBaCI6JxSxwPqtgRFr1rQ==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/core": "2.0.0-rc.18",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "cac": "^6.7.14",
+        "chokidar": "^3.6.0",
+        "envinfo": "^7.14.0",
+        "esbuild": "~0.21.5"
+      },
+      "bin": {
+        "vuepress-cli": "bin/vuepress.js"
+      }
+    },
+    "node_modules/@vuepress/client": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/client/-/client-2.0.0-rc.18.tgz",
+      "integrity": "sha512-ImeF10uwZvQt3KyYN+fdyPRCZmzEJ2r4sTxC/39ieVA4BzPpTzrJwBNT3KONYkckaoXnBXIoI8d+DWFfq9B9NQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-api": "^7.4.6",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "vue": "^3.5.11",
+        "vue-router": "^4.4.5"
+      }
+    },
+    "node_modules/@vuepress/client/node_modules/@vue/devtools-api": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.5.1.tgz",
+      "integrity": "sha512-2UqRIfUE6/GuBSUpud7r1yFtXOTz6Qn+3dBOL1JG4BdwGjC9gQlV/Nl1+BTLFlYlKnDA7EppPFNvRnWeCtBrqQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-kit": "^7.5.1"
+      }
+    },
+    "node_modules/@vuepress/core": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/core/-/core-2.0.0-rc.18.tgz",
+      "integrity": "sha512-ikQ5EyA1jZynk1amsihG0cX6kWTgCIsbGCBgPWDVfkSPCrYCxxaIfzvKgyGBiNBFZ7kqoxuMnEn8EaY/fhSL0A==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/client": "2.0.0-rc.18",
+        "@vuepress/markdown": "2.0.0-rc.18",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "vue": "^3.5.11"
+      }
+    },
+    "node_modules/@vuepress/helper": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/helper/-/helper-2.0.0-rc.55.tgz",
+      "integrity": "sha512-fi9dsnKMWsuB/8sDtLlG1ge+x0PvaQLBftc8IJuBzCieJYtlGKQ59xyR195XxObMlTojjaoaUY6So2A+L1AwZQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/shared": "^3.5.12",
+        "@vueuse/core": "^11.1.0",
+        "cheerio": "1.0.0",
+        "fflate": "^0.8.2",
+        "gray-matter": "^4.0.3",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/highlighter-helper": {
+      "version": "2.0.0-rc.54",
+      "resolved": "https://registry.npmjs.org/@vuepress/highlighter-helper/-/highlighter-helper-2.0.0-rc.54.tgz",
+      "integrity": "sha512-+yLRB5CbhRddALmbCtWyD7AsS34aFTFNx6DkIg8F3WtYUyhUGWZi+TJ6/kMuPmcxitUgfBtWbGOV/0oyXyUZVg==",
+      "dev": true,
+      "peerDependencies": {
+        "@vueuse/core": "^11.1.0",
+        "vuepress": "2.0.0-rc.18"
+      },
+      "peerDependenciesMeta": {
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vuepress/markdown": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown/-/markdown-2.0.0-rc.18.tgz",
+      "integrity": "sha512-RUX7rgjONBwOepWXqB4SzI2Tbm6zEYK2YTHwjexzAIBr+nxgB+B8nizdr+VvuVk7Ehn/CtcyXhBdf1NZh9UgUQ==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/plugin-component": "^2.1.3",
+        "@mdit-vue/plugin-frontmatter": "^2.1.3",
+        "@mdit-vue/plugin-headers": "^2.1.3",
+        "@mdit-vue/plugin-sfc": "^2.1.3",
+        "@mdit-vue/plugin-title": "^2.1.3",
+        "@mdit-vue/plugin-toc": "^2.1.3",
+        "@mdit-vue/shared": "^2.1.3",
+        "@mdit-vue/types": "^2.1.0",
+        "@types/markdown-it": "^14.1.2",
+        "@types/markdown-it-emoji": "^3.0.1",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "markdown-it": "^14.1.0",
+        "markdown-it-anchor": "^9.2.0",
+        "markdown-it-emoji": "^3.0.0",
+        "mdurl": "^2.0.0"
+      }
+    },
+    "node_modules/@vuepress/plugin-active-header-links": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-active-header-links/-/plugin-active-header-links-2.0.0-rc.55.tgz",
+      "integrity": "sha512-HwcvQpFhoyxURxalOO72L6cUM5yMcqKS/QFpaZvaob8pQBgZfJTH+77dfKEmz4rbf+WBMHrUEMfTICeJvu0Frw==",
+      "dev": true,
+      "dependencies": {
+        "@vueuse/core": "^11.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-back-to-top": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-back-to-top/-/plugin-back-to-top-2.0.0-rc.55.tgz",
+      "integrity": "sha512-1kHvlbrpqT6m3No4URMU+vSmlymKOrOs3WVxKeAjyc7pNppni2a1LKOj37FWAQas4GAitAF07YBekva9/ZJotQ==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vueuse/core": "^11.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-copy-code": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-copy-code/-/plugin-copy-code-2.0.0-rc.55.tgz",
+      "integrity": "sha512-EFHjYDBR3G021lq5FqZWHo7Lr3uw6THC8ysC4Bpp78069w6o3wJWNJNC8pTyYm+Xlx6ritu2ENmMuGzXCn5EZg==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vueuse/core": "^11.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-git": {
+      "version": "2.0.0-rc.54",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-git/-/plugin-git-2.0.0-rc.54.tgz",
+      "integrity": "sha512-Yy0elQlKt+2GbeUI+mZMGdbkvCsPXep+lBLaXYQqiIcHC4tXAwj+1FwB18LTICiv3oQDHUtx7ZZwTnYejXJ7sg==",
+      "dev": true,
+      "dependencies": {
+        "execa": "^9.4.0"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/node_modules/execa": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-9.4.0.tgz",
+      "integrity": "sha512-yKHlle2YGxZE842MERVIplWwNH5VYmqqcPFgtnlU//K8gxuFFXu0pwd/CrfXTumFpeEiufsP7+opT/bPJa1yVw==",
+      "dev": true,
+      "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/@vuepress/plugin-git/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,
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "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/@vuepress/plugin-git/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,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "dependencies": {
+        "path-key": "^4.0.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/plugin-git/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@vuepress/plugin-links-check": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-links-check/-/plugin-links-check-2.0.0-rc.55.tgz",
+      "integrity": "sha512-OJzxBMo3auYmEBoix9c8O41AtePEJgZ8QlWTOcvtlQ7Ls9KLr0Xbh4Ki4lTimHxEw256hwwnRFzWCpRZs6dgcw==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-markdown-hint": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-markdown-hint/-/plugin-markdown-hint-2.0.0-rc.55.tgz",
+      "integrity": "sha512-XF3Dob00ydifJmxowsRvM7krx4di2PrFBRkaOgLh9ktav6kF3q5/S8rHpAB2f6EBeHw3ZdCu6M8OY1nGbviYgw==",
+      "dev": true,
+      "dependencies": {
+        "@mdit/plugin-alert": "^0.13.1",
+        "@mdit/plugin-container": "^0.13.1",
+        "@types/markdown-it": "^14.1.2",
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vueuse/core": "^11.1.0"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-markdown-tab": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-markdown-tab/-/plugin-markdown-tab-2.0.0-rc.55.tgz",
+      "integrity": "sha512-s9zQfqjQiBD9vJoE/NC/5DBF1WyF0eWnWht6AMZVU457Om0NuR28Ybc6HYTF5Q1zUkPmV8tn8VvQPFFjVZaPdQ==",
+      "dev": true,
+      "dependencies": {
+        "@mdit/plugin-tab": "^0.13.2",
+        "@types/markdown-it": "^14.1.2",
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vueuse/core": "^11.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-nprogress": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-nprogress/-/plugin-nprogress-2.0.0-rc.55.tgz",
+      "integrity": "sha512-nbKeChrO/i6xjwAtdBINukK3dZEvDNB2qnSbOO/qLXajnhE8pkFTrqqFqG8PaB8u1mx2umPwssYrji6az8iK0Q==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-palette": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-palette/-/plugin-palette-2.0.0-rc.55.tgz",
+      "integrity": "sha512-3azLMfcgky38qMhFFhtakG69YMnhLJD319Oae6kOX7IIny/Uat+oKiO0/npHDoLTPPMOrDfphW6fsozXZ8LKxg==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "chokidar": "^4.0.1"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-palette/node_modules/chokidar": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+      "dev": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@vuepress/plugin-palette/node_modules/readdirp": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@vuepress/plugin-prismjs": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-prismjs/-/plugin-prismjs-2.0.0-rc.55.tgz",
+      "integrity": "sha512-d34Kc0URLM2Tglu3i21Ysw3+H0Pqws41StKvG3FjaxnHO5DvGNfLwdfgV0cyURjhycpiii+rePOYKrCGq7L+gw==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vuepress/highlighter-helper": "2.0.0-rc.54",
+        "prismjs": "^1.29.0"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-seo": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-seo/-/plugin-seo-2.0.0-rc.55.tgz",
+      "integrity": "sha512-CQbu8q5NruQLBiCPZFzXGYH5tgAQrXYZ3lXvrA8TyK4aWpIBLlZqQfT475WlLqcvnyX+oXwqLp9B4PJUPJ+pIA==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-sitemap": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-sitemap/-/plugin-sitemap-2.0.0-rc.55.tgz",
+      "integrity": "sha512-P9669s8fIIv089yr5hXfSaJ64He66FGXP0GTVJuCBncJXE5H81UPVCLdXMgHPAJ33LRFk7SD0++KUimwt1kZIg==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "sitemap": "^8.0.0"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-sitemap/node_modules/@types/node": {
+      "version": "17.0.45",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
+      "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
+      "dev": true
+    },
+    "node_modules/@vuepress/plugin-sitemap/node_modules/sitemap": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-8.0.0.tgz",
+      "integrity": "sha512-+AbdxhM9kJsHtruUF39bwS/B0Fytw6Fr1o4ZAIAEqA6cke2xcoO2GleBw9Zw7nRzILVEgz7zBM5GiTJjie1G9A==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "^17.0.5",
+        "@types/sax": "^1.2.1",
+        "arg": "^5.0.0",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "sitemap": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0",
+        "npm": ">=6.0.0"
+      }
+    },
+    "node_modules/@vuepress/plugin-theme-data": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-theme-data/-/plugin-theme-data-2.0.0-rc.55.tgz",
+      "integrity": "sha512-4NMtSFCGCyqkbLc2dayYssxLdVhyC9kakMHW3IZcnYs+Yt5CWDcfqsUcS3195Jc3uxTemTtC+bUBqQXJ1wrHyg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-api": "^7.4.6",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/plugin-theme-data/node_modules/@vue/devtools-api": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.5.1.tgz",
+      "integrity": "sha512-2UqRIfUE6/GuBSUpud7r1yFtXOTz6Qn+3dBOL1JG4BdwGjC9gQlV/Nl1+BTLFlYlKnDA7EppPFNvRnWeCtBrqQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-kit": "^7.5.1"
+      }
+    },
+    "node_modules/@vuepress/shared": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/shared/-/shared-2.0.0-rc.18.tgz",
+      "integrity": "sha512-um5/ZKGOKgaui5Xo1aRSZ3ko7zVq60k1M8j8ajEOu90LUD1e8glTa7Km9OIBgPcN+yx2OrNwuu8ieEupdNAm4w==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "^2.1.0"
+      }
+    },
+    "node_modules/@vuepress/theme-default": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/theme-default/-/theme-default-2.0.0-rc.55.tgz",
+      "integrity": "sha512-d9ciKGY3YRkYIyGsGQ6xLfbUyoGhlvLRUS5ceCw6EJqnHz69IhebOYSsNrGZ03US3yDgi0Ljm1v32R9wBozuRA==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "@vuepress/plugin-active-header-links": "2.0.0-rc.55",
+        "@vuepress/plugin-back-to-top": "2.0.0-rc.55",
+        "@vuepress/plugin-copy-code": "2.0.0-rc.55",
+        "@vuepress/plugin-git": "2.0.0-rc.54",
+        "@vuepress/plugin-links-check": "2.0.0-rc.55",
+        "@vuepress/plugin-markdown-hint": "2.0.0-rc.55",
+        "@vuepress/plugin-markdown-tab": "2.0.0-rc.55",
+        "@vuepress/plugin-medium-zoom": "2.0.0-rc.55",
+        "@vuepress/plugin-nprogress": "2.0.0-rc.55",
+        "@vuepress/plugin-palette": "2.0.0-rc.55",
+        "@vuepress/plugin-prismjs": "2.0.0-rc.55",
+        "@vuepress/plugin-seo": "2.0.0-rc.55",
+        "@vuepress/plugin-sitemap": "2.0.0-rc.55",
+        "@vuepress/plugin-theme-data": "2.0.0-rc.55",
+        "@vueuse/core": "^11.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "sass": "^1.79.2",
+        "sass-embedded": "^1.79.2",
+        "sass-loader": "^16.0.1",
+        "vuepress": "2.0.0-rc.18"
+      },
+      "peerDependenciesMeta": {
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "sass-loader": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vuepress/theme-default/node_modules/@vuepress/plugin-medium-zoom": {
+      "version": "2.0.0-rc.55",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-medium-zoom/-/plugin-medium-zoom-2.0.0-rc.55.tgz",
+      "integrity": "sha512-x75/9ZYXliI+qXgLCIXVFsrUkOcdg/t/xMO187ZcrZl2lxzpiELHj1AD1EjMVKPbIafdwd3Zjgw9M2VxBUH2cQ==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/helper": "2.0.0-rc.55",
+        "medium-zoom": "^1.1.0",
+        "vue": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vuepress": "2.0.0-rc.18"
+      }
+    },
+    "node_modules/@vuepress/utils": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/@vuepress/utils/-/utils-2.0.0-rc.18.tgz",
+      "integrity": "sha512-0+5vrv3CBycWpAahmutEK2iyuc9oL6JOWMuAdh+cYuuHt1vX+LHfhWGvSep+UT6pOFGOcZfQzXSdlbkv3b4j+Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/debug": "^4.1.12",
+        "@types/fs-extra": "^11.0.4",
+        "@types/hash-sum": "^1.0.2",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "debug": "^4.3.7",
+        "fs-extra": "^11.2.0",
+        "globby": "^14.0.2",
+        "hash-sum": "^2.0.0",
+        "ora": "^8.1.0",
+        "picocolors": "^1.1.0",
+        "upath": "^2.0.1"
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-11.1.0.tgz",
+      "integrity": "sha512-P6dk79QYA6sKQnghrUz/1tHi0n9mrb/iO1WTMk/ElLmTyNqgDeSZ3wcDf6fRBGzRJbeG1dxzEOvLENMjr+E3fg==",
+      "dev": true,
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "11.1.0",
+        "@vueuse/shared": "11.1.0",
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/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==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-11.1.0.tgz",
+      "integrity": "sha512-l9Q502TBTaPYGanl1G+hPgd3QX5s4CGnpXriVBR5fEZ/goI6fvDaVmIl3Td8oKFurOxTmbXvBPSsgrd6eu6HYg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.1.0.tgz",
+      "integrity": "sha512-YUtIpY122q7osj+zsNMFAfMTubGz0sn5QzE5gPzAIiCmtt2ha3uQUY1+JPyL4gRCTsLPX82Y9brNbo/aqlA91w==",
+      "dev": true,
+      "dependencies": {
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/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==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "0.2.19",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-0.2.19.tgz",
+      "integrity": "sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "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
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.0.tgz",
+      "integrity": "sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001663",
+        "electron-to-chromium": "^1.5.28",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001669",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
+      "integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/cheerio": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0.tgz",
+      "integrity": "sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==",
+      "dev": true,
+      "dependencies": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.1.0",
+        "encoding-sniffer": "^0.2.0",
+        "htmlparser2": "^9.1.0",
+        "parse5": "^7.1.2",
+        "parse5-htmlparser2-tree-adapter": "^7.0.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^6.19.5",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18.17"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-select": "^5.1.0",
+        "css-what": "^6.1.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/cheerio-select/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/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,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/cheerio/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/htmlparser2": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz",
+      "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.1.0",
+        "entities": "^4.5.0"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
+      "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.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,
+      "dependencies": {
+        "is-what": "^4.1.8"
+      },
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/css": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "source-map": "^0.6.1",
+        "source-map-resolve": "^0.5.2",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/css-parse": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-2.0.0.tgz",
+      "integrity": "sha512-UNIFik2RgSbiTwIW1IsFwXWn6vs+bYdq83LKTSOsx7NJR7WII9dxewkHLltfTLVppoUApHV0118a4RZRI9FLwA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "css": "^2.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true
+    },
+    "node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.39",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.39.tgz",
+      "integrity": "sha512-4xkpSR6CjuiaNyvwiWDI85N9AxsvbPawB8xc7yzLPonYTuP19BVgYweKyUMFtHEZgIcHWMt1ks5Cqx2m+6/Grg==",
+      "dev": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+      "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==",
+      "dev": true
+    },
+    "node_modules/encoding-sniffer": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.0.tgz",
+      "integrity": "sha512-ju7Wq1kg04I3HtiYIOrUrdfdDvkyO9s5XM8QAj/bN61Yo/Vb4vgJxy5vi4Yxk01gWHbrofpPtpxM8bKger9jhg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
+      }
+    },
+    "node_modules/encoding-sniffer/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==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.14.0.tgz",
+      "integrity": "sha512-CO40UI41xDQzhLB1hWyqUKgFhs250pNcGbyGKe1l/e4FSaI/+YE4IMG76GDt0In67WLPACIITC+sOi08x4wIvg==",
+      "dev": true,
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fflate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
+      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.3.0.tgz",
+      "integrity": "sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/globby": {
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.2.tgz",
+      "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==",
+      "dev": true,
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^2.1.0",
+        "fast-glob": "^3.3.2",
+        "ignore": "^5.2.4",
+        "path-type": "^5.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/gray-matter": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
+      "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+      "dev": true,
+      "dependencies": {
+        "js-yaml": "^3.13.1",
+        "kind-of": "^6.0.2",
+        "section-matter": "^1.0.0",
+        "strip-bom-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "dev": true
+    },
+    "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
+    },
+    "node_modules/human-signals": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.0.tgz",
+      "integrity": "sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "dev": true,
+      "optional": true,
+      "peer": 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.",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+      "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "dev": true,
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/log-symbols": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-6.0.0.tgz",
+      "integrity": "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "is-unicode-supported": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz",
+      "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.12",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
+      "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/markdown-it-anchor": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-9.2.0.tgz",
+      "integrity": "sha512-sa2ErMQ6kKOA4l31gLGYliFQrMKkqSO0ZJgGhDHKijPf0pNFM9vghjAh3gn26pS4JDRs7Iwa9S36gxm3vgZTzg==",
+      "dev": true,
+      "peerDependencies": {
+        "@types/markdown-it": "*",
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it-emoji": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-3.0.0.tgz",
+      "integrity": "sha512-+rUD93bXHubA4arpEZO3q80so0qgoFJEKRkRbjKX8RTdca89v2kfyF+xR3i2sQTwql9tpPZPOQN5B+PunspXRg==",
+      "dev": true
+    },
+    "node_modules/markdown-it/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==",
+      "dev": true
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "dev": true
+    },
+    "node_modules/medium-zoom": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.1.0.tgz",
+      "integrity": "sha512-ewyDsp7k4InCUp3jRmwHBRFGyjBimKps/AJLjRSox+2q/2H4p/PNpQf+pwONWlJiOudkBXtbdmVbFjqyybfTmQ==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "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
+    },
+    "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==",
+      "dev": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
+      "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+      "dev": true,
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-8.1.0.tgz",
+      "integrity": "sha512-GQEkNkH/GHOhPFXcqZs3IDahXEQcQxsSjEkK4KvEEST4t7eNzoMjxTzef+EZ+JluDEV+Raoi3WQ2CflnRdSVnQ==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "cli-cursor": "^5.0.0",
+        "cli-spinners": "^2.9.2",
+        "is-interactive": "^2.0.0",
+        "is-unicode-supported": "^2.0.0",
+        "log-symbols": "^6.0.0",
+        "stdin-discarder": "^0.2.2",
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz",
+      "integrity": "sha512-ZkDsAOcxsUMZ4Lz5fVciOehNcJ+Gb8gTzcA4yl3wnc273BAybYWrQ+Ks/OjCjSEpjvQkDSeZbybK9qj2VHHdGA==",
+      "dev": true,
+      "dependencies": {
+        "entities": "^4.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "dev": true,
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+      "dev": true,
+      "dependencies": {
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz",
+      "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
+      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.47",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
+      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.0",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/pretty-ms": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.1.0.tgz",
+      "integrity": "sha512-o1piW0n3tgKIKCwk2vpM/vOV13zjJzvP37Ioze54YlTHE06m4tjEbzg9WsKkvTuyYln2DHjo5pY4qrZGI0otpw==",
+      "dev": true,
+      "dependencies": {
+        "parse-ms": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "deprecated": "https://github.com/lydell/resolve-url#deprecated",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
+      "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true
+    },
+    "node_modules/rollup": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz",
+      "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.24.0",
+        "@rollup/rollup-android-arm64": "4.24.0",
+        "@rollup/rollup-darwin-arm64": "4.24.0",
+        "@rollup/rollup-darwin-x64": "4.24.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.24.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.24.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.24.0",
+        "@rollup/rollup-linux-arm64-musl": "4.24.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.24.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.24.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-musl": "4.24.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.24.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.24.0",
+        "@rollup/rollup-win32-x64-msvc": "4.24.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "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==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "node_modules/sass": {
+      "version": "1.79.5",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.79.5.tgz",
+      "integrity": "sha512-W1h5kp6bdhqFh2tk3DsI771MoEJjvrSY/2ihJRJS4pjIyfJCw0nTsxqhnrUzaLMOJjFchj8rOvraI/YUVjtx5g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@parcel/watcher": "^2.4.1",
+        "chokidar": "^4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "node_modules/section-matter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
+      "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true
+    },
+    "node_modules/stdin-discarder": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
+      "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-bom-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stylus": {
+      "version": "0.54.8",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.8.tgz",
+      "integrity": "sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "css-parse": "~2.0.0",
+        "debug": "~3.1.0",
+        "glob": "^7.1.6",
+        "mkdirp": "~1.0.4",
+        "safer-buffer": "^2.1.2",
+        "sax": "~1.2.4",
+        "semver": "^6.3.0",
+        "source-map": "^0.7.3"
+      },
+      "bin": {
+        "stylus": "bin/stylus"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/stylus/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/stylus/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stylus/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/stylus/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,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/stylus/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/superjson": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.1.tgz",
+      "integrity": "sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==",
+      "dev": true,
+      "dependencies": {
+        "copy-anything": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.35.0.tgz",
+      "integrity": "sha512-TmYbQnzVfrx3RQsPoItoPplymixIAtp2R2xlpyVBYmFmvI34IzLhCLj8SimRb/kZXlq4t1gA+vbcTqLQ3+5Q5g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/acorn": {
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz",
+      "integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "dev": true
+    },
+    "node_modules/undici": {
+      "version": "6.20.1",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.20.1.tgz",
+      "integrity": "sha512-AjQF1QsmqfJys+LXfGTNum+qw4S88CojRInG/6t31W/1fk6G59s92bnAvGz5Cmur+kQv2SURXEvvudLmbrE8QA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
+      "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/upath": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
+      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
+      "dev": true,
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "deprecated": "Please see https://github.com/lydell/urix#deprecated",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/vite": {
+      "version": "5.4.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.9.tgz",
+      "integrity": "sha512-20OVpJHh0PAM0oSOELa5GaZNWeDjcAvQjGXy2Uyr+Tp+/D2/Hdz6NLgpJLsarPTA2QJ6v8mX2P1ZfbsSKvdMkg==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.12.tgz",
+      "integrity": "sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-sfc": "3.5.12",
+        "@vue/runtime-dom": "3.5.12",
+        "@vue/server-renderer": "3.5.12",
+        "@vue/shared": "3.5.12"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.5.tgz",
+      "integrity": "sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vuepress": {
+      "version": "2.0.0-rc.18",
+      "resolved": "https://registry.npmjs.org/vuepress/-/vuepress-2.0.0-rc.18.tgz",
+      "integrity": "sha512-TFpePHTIMiUbiJcHTgD4Wc5eBlsxBnhv36F/eM2vbDoeutcS1dGrNtZoKUxrZDXTeZH+q8vrZ3CiBCsHw3K7eA==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/cli": "2.0.0-rc.18",
+        "@vuepress/client": "2.0.0-rc.18",
+        "@vuepress/core": "2.0.0-rc.18",
+        "@vuepress/markdown": "2.0.0-rc.18",
+        "@vuepress/shared": "2.0.0-rc.18",
+        "@vuepress/utils": "2.0.0-rc.18",
+        "vue": "^3.5.11"
+      },
+      "bin": {
+        "vuepress": "bin/vuepress.js",
+        "vuepress-vite": "bin/vuepress-vite.js",
+        "vuepress-webpack": "bin/vuepress-webpack.js"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.4.0"
+      },
+      "peerDependencies": {
+        "@vuepress/bundler-vite": "2.0.0-rc.18",
+        "@vuepress/bundler-webpack": "2.0.0-rc.18",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@vuepress/bundler-vite": {
+          "optional": true
+        },
+        "@vuepress/bundler-webpack": {
+          "optional": true
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-encoding/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==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/yoctocolors": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.1.tgz",
+      "integrity": "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/doc/package.json b/doc/package.json
new file mode 100644
index 00000000..f0a29ed5
--- /dev/null
+++ b/doc/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "ares-docs",
+  "version": "0.0.1",
+  "description": "Provides documentation for Ares",
+  "license": "Apache-2.0",
+  "type": "module",
+  "scripts": {
+    "docs:build": "vuepress build docs",
+    "docs:clean-dev": "vuepress dev docs --clean-cache",
+    "docs:dev": "vuepress dev docs",
+    "docs:update-package": "npx vp-update"
+  },
+  "devDependencies": {
+    "@vuepress/bundler-vite": "^2.0.0-rc.7",
+    "@vuepress/theme-default": "^2.0.0-rc.11",
+    "vue": "^3.4.0",
+    "vuepress": "^2.0.0-rc.7"
+  }
+}
diff --git a/docs/_config.yml b/docs/_config.yml
deleted file mode 100644
index c7418817..00000000
--- a/docs/_config.yml
+++ /dev/null
@@ -1 +0,0 @@
-theme: jekyll-theme-slate
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
deleted file mode 100644
index a88c6bdf..00000000
--- a/docs/index.md
+++ /dev/null
@@ -1,230 +0,0 @@
-# ARES Documentation
-
-<div class="show-content"><h2>Table of contents</h2></div>
-
-[toc]
-
-## Background
-
-ARES is A Research Exploration System designed for use in the study of patient level observational data that has been converted into the Observational Medical Outcomes Partnership (OMOP) Common Data Model (CDM). ARES was developed by Frank DeFalco, a member of the Observational Health Data Sciences & Informatics (OHDSI) community.
-
-### OHDSI
-
-The Observational Health Data Sciences and Informatics (or OHDSI, pronounced "Odyssey") program is a multi-stakeholder, interdisciplinary collaborative to bring out the value of health data through large-scale analytics. All our solutions are open-source. [Learn more about OHDSI](https://www.ohdsi.org).
-
-## Installation
-
-#### Requirements
-
-- git client ([Github Desktop](https://desktop.github.com/) recommended)
-- npm [Installation Instructions](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
-
-#### Installation Steps
-
-Begin by downloading the source code for the ARES web application, which can be obtained by cloning the repository found on [Github](https://github.com/ohdsi/ares). Once the repository is cloned locally the application can be built by using npm. These steps should be run from a bash shell or command prompt and are as follows:
-
-```bash
-   git clone https://github.com/ohdsi/ares
-   cd ares
-   npm install
-   npm run build
-```
-
-The npm build process will create an output directory named /dist which will contain all files required for the ARES web application. These files should be placed in a directory that is served by any web server, typically deployed in an /ares subdirectory.
-
-After completing the deployment of the web application the data files for ARES must be placed in the /data subfolder within the /ares directory. The ARES data files are generated from your existing OMOP CDM database and require both [Achilles](https://github.com/ohdsi/achilles) and [DataQualityDashboard](https://github.com/ohdsi/dataqualitydashboard). The following steps can be executed in R to generate the necessary ARES data files.
-
-```R
-   # configuration
-   aresDataRoot <- "/webserver_root/ares/data"
-   cdmVersion <- "5.3"
-   cdmDatabaseSchema <- "cdm_schema"
-   resultsDatabaseSchema <- "result_schema"
-   cdmSourceName <- "source_name"
-
-   # retrieve environment settings
-   dbms <- Sys.getenv("dbms")
-   server  <- Sys.getenv("server")
-   user <- Sys.getenv("user")
-   password <- Sys.getenv("password")
-   pathToDriver <- Sys.getenv("path_to_driver")
-
-   # configure connection
-   connectionDetails <- DatabaseConnector::createConnectionDetails(
-      dbms     = dbms,
-      server   = server,
-      user     = user,
-      password = password,
-      pathToDriver = pathToDriver
-   )
-
-   # run achilles
-   Achilles::achilles(
-      cdmVersion = cdmVersion,
-      connectionDetails = connectionDetails,
-      cdmDatabaseSchema = cdmDatabaseSchema,
-      resultsDatabaseSchema = resultsDatabaseSchema
-   )
-
-   # obtain the data source release key (naming convention for folder structures)
-   releaseKey <- AresIndexer::getSourceReleaseKey(connectionDetails, cdmDatabaseSchema)
-   datasourceReleaseOutputFolder <- file.path(aresDataRoot, releaseKey)
-
-   # run data quality dashboard and output results to data source release folder in ares data folder
-   dqResults <- DataQualityDashboard::executeDqChecks(
-      connectionDetails = connectionDetails,
-      cdmDatabaseSchema = cdmDatabaseSchema,
-      resultsDatabaseSchema = resultsDatabaseSchema,
-      vocabDatabaseSchema = cdmDatabaseSchema,
-      cdmVersion = cdmVersion,
-      cdmSourceName = cdmSourceName,
-      outputFile = "dq-result.json",
-      outputFolder = datasourceReleaseOutputFolder
-   )
-
-   # export the achilles results to the ares folder
-   Achilles::exportAO(
-      connectionDetails = connectionDetails,
-      cdmDatabaseSchema = cdmDatabaseSchema,
-      resultsDatabaseSchema = resultsDatabaseSchema,
-      vocabDatabaseSchema = vocabDatabaseSchema,
-      outputPath = aresDataRoot
-   )
-
-   # perform temporal characterization
-   outputFile <- file.path(datasourceReleaseOutputFolder, "temporal-characterization.csv")
-   Achilles::performTemporalCharacterization(
-      connectionDetails = connectionDetails,
-      cdmDatabaseSchema = cdmDatabaseSchema,
-      resultsDatabaseSchema = resultsDatabaseSchema,
-      outputFile = outputFile
-   )
-
-   # augment concept files with temporal characterization data
-   AresIndexer::augmentConceptFiles(releaseFolder = file.path(aresDataRoot, releaseKey))
-
-   # build network level index for all existing sources
-   sourceFolders <- list.dirs(aresDataRoot,recursive=F)
-   AresIndexer::buildNetworkIndex(sourceFolders = sourceFolders, outputFolder = aresDataRoot)
-   AresIndexer::buildDataQualityIndex(sourceFolders = sourceFolders, outputFolder = aresDataRoot)
-   AresIndexer::buildNetworkUnmappedSourceCodeIndex(sourceFolders = sourceFolders, outputFolder = aresDataRoot)
-
-```
-
-Visiting the ARES web site will now show the data results for your current network. Each individual CDM needs to be processed in order for it to be available in ARES. CDM data sources with the same source name will be versioned using the release key allowing analysis across multiple versions of the same data source. An example of generating a complete network of different data sources and loading them into ARES can be found [here](https://gist.github.com/fdefalco/35b7844626a9d8808d99bf5990e46ed2).
-
-## Visualizations
-
-Visualizations are used throughout ARES to assist in the interpretation of information. In this section sample visualizations are presented with descriptions to ensure they are well understood.
-
-### Preattentive Processing
-
-[Visualization Techniques Cheat Sheet](https://policyviz.com/2018/08/07/dataviz-cheatsheet/)
-
-### Interpreting Box-Whisker Diagrams and Inter-Quartile Range (IQR)
-
-Box-whisker diagrams present a simple picture representing the distribution of a set of data which include the values for the minimum, maximum, and quartiles of the distribution. They are also known as boxplots.
-
-![IQR](img/sample-iqr.png)
-
-- A - Lowest value
-- B - Lower Quartile (25%)
-- C - Median (50%)
-- D - Upper Quartile (75%)
-- E - Highest Value
-
-## Data Network reports
-
-### Overview
-
-### Quality Assessment
-
-### Population Overview
-
-### Data Strand Report
-
-## Data Source reports
-
-### Data Quality History
-
-### Domain Continuity
-
-## Data Source Release reports
-
-### Data Quality
-
-### Person
-
-### Data Density
-
-### Observation Period
-
-### Conditions
-
-### Condition Eras
-
-### Drugs
-
-### Drug Eras
-
-### Visit Occurrence
-
-### Visit Detail
-
-### Measurements
-
-### Observations
-
-### Procedures
-
-### Device Exposures
-
-### Death
-
-### Unmapped Source Codes
-
-### Performance
-
-### Metadata
-
-### Visit Detail
-
-## Roadmap
-
-The roadmap for ARES is maintained on the github repository.
-
-## OHDSI Libraries
-
-ARES presents research generated through the suite of OHDSI related packages.
-
-- Achilles
-- Data Quality Dashboard
-- Database Connector
-- Sql Render
-- Castor
-
-## Open Source Ecosystem
-
-ARES leverages many open source libraries and tools to achieve its goals without which the task would be entirely insurmountable.
-
-- Vue
-- PrimeVue
-- axios
-- Vega
-- Vega-lite
-- vega-embed
-- codemirror
-- d3
-- markdown-it
-- markdown-it-vue
-- npm
-- lodash
-- Material Design
-
-## Acknowledgements
-
-Many people have provided valuable feedback in the development of ARES.
-
-- Clair Blacketer
-- Alan Andryc
-- Patrick Ryan
diff --git a/package-lock.json b/package-lock.json
index c039a1f5..cd67bcb1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,7 @@
     "": {
       "name": "ares",
       "version": "0.1.0",
+      "hasInstallScript": true,
       "dependencies": {
         "@codemirror/lang-markdown": "^6.2.2",
         "@codemirror/lang-sql": "^6.5.4",
diff --git a/package.json b/package.json
index 63c2d5fb..dd2e264b 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "preview": "vite preview --open --port 8080",
     "build": "vite build --out-dir dist",
     "lint": "eslint src",
-    "lint:fix": "eslint src --fix"
+    "lint:fix": "eslint src --fix",
+    "postinstall": "npm install --prefix ./doc"
   },
   "dependencies": {
     "@codemirror/lang-markdown": "^6.2.2",

From 172678e556f331cfc1cc30ac3882b4794202f15a Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Fri, 18 Oct 2024 14:29:00 +0400
Subject: [PATCH 202/202] release 0.4.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dd2e264b..886494aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ares",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "Apex Research Exploration System (ARES)",
   "author": "Frank DeFalco",
   "private": true,